routeBrowser.jsp 20.7 KB

Raw Blame History Permalink

<%@ page import="com.api.integration.esb.constant.EsbConstant" %><%--
  Created by IntelliJ IDEA.
  User: SJZ
  Date: 2017/11/20
--%>

<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ include file="/systeminfo/init_wev8.jsp" %>
<%@ taglib uri="/WEB-INF/weaver.tld" prefix="wea" %>
<%@ taglib uri="/WEB-INF/tld/browser.tld" prefix="brow" %>
<%
    String titlename = SystemEnv.getHtmlLabelName(132139, user.getLanguage());

    String publishId = Util.null2String(request.getParameter("publishId"));
    String runLevel = Util.null2String(request.getParameter("runLevel"));
    String routeId = Util.null2String(request.getParameter("routeId"));
    String id = Util.null2String(request.getParameter("id"));
    String isAry = Util.null2String(request.getParameter("isAry"));
    if (runLevel.isEmpty()) {
        runLevel = "0";
    }

    if (isAry.isEmpty()) {
        isAry = "0";
    }
%>
<HTML>
<HEAD>
    <LINK href="/css/Weaver_wev8.css" type=text/css rel=STYLESHEET>
    <SCRIPT language="javascript" src="/js/weaver_wev8.js"></script>

    <script type='text/javascript' src='/js/jquery-autocomplete/lib/jquery.bgiframe.min_wev8.js'></script>
    <script type='text/javascript' src='/js/jquery-autocomplete/lib/jquery.ajaxQueue_wev8.js'></script>
    <script type='text/javascript' src='/js/jquery-autocomplete/jquery.autocomplete_wev8.js'></script>
    <script type='text/javascript' src='/js/jquery-autocomplete/browser_wev8.js'></script>
    <link rel="stylesheet" type="text/css" href="/js/jquery-autocomplete/jquery.autocomplete_wev8.css"/>
    <link rel="stylesheet" type="text/css" href="/js/jquery-autocomplete/browser_wev8.css"/>

    <script language=javascript src="/js/ecology8/request/e8.browser_wev8.js"></script>
    <link rel="stylesheet" href="/wui/theme/ecology8/weaveredittable/css/WeaverEditTable_wev8.css">
    <script src="/wui/theme/ecology8/weaveredittable/js/WeaverEditTable_wev8.js"></script>
</head>
<body>

<div class="zDialog_div_content" style="height:580px;overflow-y:auto;">
    <%@ include file="/systeminfo/TopTitle_wev8.jsp" %>
    <%@ include file="/systeminfo/RightClickMenuConent_wev8.jsp" %>

    <%@ include file="/systeminfo/RightClickMenu_wev8.jsp" %>
    <table id="topTitle" cellpadding="0" cellspacing="0">
        <tr>
            <td></td>
            <td class="rightSearchSpan" style="text-align:right; width:500px!important">
                <%if (HrmUserVarify.checkUserRight(EsbConstant.ESB_RIGHT_KEY, user)) {%>
                <input type="button" value="<%=SystemEnv.getHtmlLabelName(86 ,user.getLanguage()) %>" class="e8_btn_top"
                       onclick="submitData()"/>
                <%}%>
                <span id="advancedSearch" class="advancedSearch"
                      style='display:none;'><%=SystemEnv.getHtmlLabelName(21995, user.getLanguage()) %></span>&nbsp;&nbsp;
                <span title="<%=SystemEnv.getHtmlLabelName(23036 ,user.getLanguage()) %>" class="cornerMenu"></span>
            </td>
        </tr>
    </table>
    <div id="tabDiv">
        <span style="font-size:14px;font-weight:bold;"><%=titlename%></span>
    </div>
    <div class="cornerMenuDiv"></div>
    <div class="advancedSearchDiv" id="advancedSearchDiv" style='display:none;'></div>
    <FORM id="addFrmMain" name="addFrmMain" method=post>
        <wea:layout>

            <%
                if (routeId.isEmpty()) {
            %>
            <wea:group context='<%=SystemEnv.getHtmlLabelName(82743,user.getLanguage())%>'
                       attributes="{'samePair':'BaseInfo','groupOperDisplay':'none'}">
                <%--选择路由--%>
                <wea:item><%=SystemEnv.getHtmlLabelNames("172,132143", user.getLanguage()) %>
                </wea:item>
                <wea:item>
                    <wea:required id="routeIdImage" required="true">
                        <select id="routeId" name="routeId"
                                onchange='checkinput("routeId","routeIdImage");routeIdChange();'
                                style='width:210px!important;'>
                            <option></option>
                        </select>
                    </wea:required>
                </wea:item>

                <%--服务--%>
                <wea:item attributes="{'samePair':'routeInfo','display':'none'}">
                    <%=SystemEnv.getHtmlLabelName(31693, user.getLanguage()) %>
                </wea:item>
                <wea:item attributes="{'samePair':'routeInfo','display':'none'}">
                    <input type="hidden" name="serviceId" id="serviceId" value=""/>
                    <span id="serviceNameSpan"></span>
                </wea:item>

                <%--运行级别--%>
                <wea:item attributes="{'samePair':'routeInfo','display':'none'}">
                    <%=SystemEnv.getHtmlLabelNames("131308,139", user.getLanguage()) %>
                </wea:item>
                <wea:item attributes="{'samePair':'routeInfo','display':'none'}">
                    <input type="hidden" name="runLevel" id="runLevel" value=""/>
                    <span id="runLevelSpan"></span>
                </wea:item>

                <%--说明--%>
                <wea:item attributes="{'samePair':'routeInfo','display':'none'}">
                    <%=SystemEnv.getHtmlLabelName(25734, user.getLanguage()) %>
                </wea:item>
                <wea:item attributes="{'samePair':'routeInfo','display':'none'}">
                    <span id="descriptionSpan"></span>
                </wea:item>
            </wea:group>
            <%}%>

            <%--参数配置--%>
            <FORM id="addFrmMain" name="addFrmMain" method=post>
                <wea:group context='<%=SystemEnv.getHtmlLabelName(128052,user.getLanguage())%>'
                           attributes="{'samePair':'inputParamsGroup','itemAreaDisplay':'block',id='inputParamsGroup'}">
                    <wea:item type="groupHead">
                        <div style="float:right;">
                        </div>
                    </wea:item>
                    <wea:item attributes="{'colspan':'4','isTableList':'true'}">
                        <TABLE class="ListStyle" id="routeParamsTable" name="routeParamsTable">
                            <COLGROUP>
                                <COL width="5%">
                                <COL width="45%">
                                <COL width="5%">
                                <COL width="5%">
                                <COL width="5%">
                                <COL width="35%">
                            </COLGROUP>
                            <TR class="header" noDelete="true">
                                <!-- 选择 -->
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">

                                </TD>
                                <!-- 参数名称 -->
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(126481, user.getLanguage())%>
                                </TD>
                                    <%-- 类别 --%>
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(178, user.getLanguage())%>
                                </TD>
                                    <%-- 是否必填 --%>
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(25532, user.getLanguage())%>
                                </TD>
                                    <%-- 是否数组 --%>
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(32392, user.getLanguage())%>
                                </TD>
                                    <%-- 说明 --%>
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(85, user.getLanguage())%>
                                </TD>
                            </TR>
                            <TR style="height:1px;" class=line noDelete="true">
                                <TD ColSpan=5 style="height:1px;"></TD>
                            </TR>
                        </TABLE>
                    </wea:item>
                </wea:group>
            </FORM>
        </wea:layout>
    </FORM>
</div>
<br/><br/><br/><br/>

<div id="zDialog_div_bottom" class="zDialog_div_bottom">
    <wea:layout type="2Col">
        <!-- 操作 -->
        <wea:group context="">
            <wea:item type="toolbar">
                <input type="button" value="<%=SystemEnv.getHtmlLabelName(311, user.getLanguage())%>"
                       class="e8_btn_submit" onclick="onClear()">
                <input type="button" value="<%=SystemEnv.getHtmlLabelName(201, user.getLanguage())%>"
                       class="e8_btn_cancel" onclick="btn_cancle()">
            </wea:item>
        </wea:group>
    </wea:layout>
</div>
</body>
</HTML>

<script>

    /**
     * 添加参数
     */
    function addRow(data) {
        if (!data) {
            return;
        }

        var rownum = document.getElementById("routeParamsTable").rows.length;

        var oRow = document.getElementById("routeParamsTable").insertRow(rownum);

        $(oRow).attr("levels", data["levels"]);
        $(oRow).attr("dataType", data["dataType"]);
        $(oRow).attr("paramName", data["paramName"]);
        $(oRow).attr("paramKey", data["paramKey"]);
        $(oRow).attr("serviceId", data["serviceId"]);
        $(oRow).attr("isArray", data["array"]);

        var oRowIndex = oRow.rowIndex;

        if (0 == oRowIndex % 2) {
            oRow.className = "DataLight";
        } else {
            oRow.className = "DataDark";
        }

        /*============ 选择 ============*/
        var oCell = oRow.insertCell(0);
        oCell.style.cssText = "style='word-break:keep-all;white-space:nowrap;'";
        var oDiv = document.createElement("div");
        $(oDiv).attr("name","paramKey_Div");

        var checked = "";
        if ("<%=id%>" == data["paramKey"]) {
            checked = "checked"
        }

        var html = "<input type='radio' name='paramKey' " + checked + "/>";

        oDiv.innerHTML = html;
        oCell.appendChild(oDiv);

        /*============ 参数名称 ============*/
        var oCell = oRow.insertCell(1);
        oCell.style.cssText = "style='word-break:keep-all;white-space:nowrap;'";
        var oDiv = document.createElement("div");

        var ary = data["levels"].split("#");
        var width = 80;
        var html = "<span name='prefixSpan'>";
        if (ary.length > 1) {
            width = width - 7;
            for (var num = 2; num < ary.length; num++) {
                html += "&nbsp;&nbsp;&nbsp;&nbsp;";
                width = width - 5;
            }
            html += "<img name='pefixImage' src='/images/treeimages/midblk_wev8.gif' />&nbsp;";
        }
        html += "</span>" + data["paramName"];

        oDiv.innerHTML = html;
        oCell.appendChild(oDiv);

        /*============ 类别 ============*/
        oCell = oRow.insertCell(2);
        oCell.style.cssText = "style='word-break:keep-all;white-space:nowrap;'";
        oDiv = document.createElement("div");

        html = data["paramType"];
        oDiv.innerHTML = html;
        oCell.appendChild(oDiv);

        /*============ 是否必填 ============*/
        oCell = oRow.insertCell(3);
        oCell.style.cssText = "style='word-break:keep-all;white-space:nowrap;'";
        oDiv = document.createElement("div");

        if (true == data["required"]) {
            html = "<%=SystemEnv.getHtmlLabelName(82677,user.getLanguage())%>";
        } else {
            html = "<%=SystemEnv.getHtmlLabelName(82676,user.getLanguage())%>";
        }

        oDiv.innerHTML = html;
        oCell.appendChild(oDiv);

        /*============ 是否数组 ============*/
        oCell = oRow.insertCell(4);
        oCell.style.cssText = "style='word-break:keep-all;white-space:nowrap;'";
        oDiv = document.createElement("div");

        if (true == data["array"]) {
            html = "<%=SystemEnv.getHtmlLabelName(82677,user.getLanguage())%>";
        } else {
            html = "<%=SystemEnv.getHtmlLabelName(82676,user.getLanguage())%>";
        }
        oDiv.innerHTML = html;
        oCell.appendChild(oDiv);

        /*============ 说明 ============*/
        oCell = oRow.insertCell(5);
        oCell.style.cssText = "style='word-break:keep-all;white-space:nowrap;'";
        oDiv = document.createElement("div");

        html = data["description"];

        oDiv.innerHTML = html;
        oCell.appendChild(oDiv);
    }

    /**
     * 初始化路由可选项
     */
    function initRoutId() {
        forbiddenPage();
        var url = "/api/integration/esb/publish/route/" + encodeURIComponent("<%=publishId%>") + "/" + "<%=runLevel%>" + "?timestamp=" + new Date().getTime();

        $.ajax({
            type: "get",
            url: url,
            success: function (data) {
                releasePage();

                try {
                    data = jQuery.parseJSON(data);

                    $("#routeId").empty();
                    $("#routeId").selectbox("detach");
                    $("#routeId").prepend("<option></option>");

                    for (var i = 0; i < data.length; i++) {
                        $("#routeId").append("<option serviceId='" + escapeHtml(data[i]["serviceId"]) +
                            "' serviceName='" + escapeHtml(data[i]["serviceName"]) +
                            "' runLevel='" + escapeHtml(data[i]["runLevel"]) +
                            "' description='" + escapeHtml(data[i]["description"]) +
                            "' value='" + escapeHtml(data[i]["routeId"]) + "'>" + escapeHtml(data[i]["routeId"]) + "</option>");
                    }
                    $("#routeId").selectbox();

                } catch (e) {
                    console.log(e);
                }
            },
            error: function (jqXHR) {
                releasePage();
                if (jqXHR.statusText) {
                    top.Dialog.alert(jqXHR.statusText);
                }
            }
        });
    }

    /**
     * 切换路由更改相关配置
     */
    function routeIdChange() {
        var val = $("#routeId").val();
        if (val == "") {
            hideEle("routeInfo");
        } else {
            showEle("routeInfo");

            var option = $("#routeId option:selected");
            $("#serviceId").val(option.attr("serviceId"));
            $("#serviceNameSpan").html(option.attr("serviceName"));
            $("#runLevel").val(option.attr("runLevel"));
            $("#runLevelSpan").html(option.attr("runLevel"));
            $("#descriptionSpan").html(option.attr("description"));
        }
        getRouteReturns();
    }

    /**
     * 获取指定路由参数列表
     */
    function getRouteReturns() {

        var routeId;
        if ("<%=routeId%>" == "") {
            routeId = $("#routeId").val();
        } else {
            routeId = "<%=routeId%>";
        }

        $("#routeParamsTable tr:not([noDelete])").remove();

        if (routeId && routeId != "") {

            forbiddenPage();
            var url = "/api/integration/esb/publish/route/" + encodeURIComponent("<%=publishId%>") + "/" +
                encodeURIComponent(routeId) + "/returns" + "?timestamp=" + new Date().getTime();

            $.ajax({
                type: "get",
                url: url,
                success: function (data) {
                    releasePage();

                    try {
                        data = jQuery.parseJSON(data);
                        for (var i = 0; i < data.length; i++) {
                            addRow(data[i]);
                        }

                        //上下级关系 样式调整
                        $("#routeParamsTable img[name='pefixImage']").each(function () {
                            var levels = $(this).parents("#routeParamsTable tr[levels]").attr("levels");

                            var ary = levels.split("#");
                            var temp = ary[ary.length - 1];
                            levels = levels.substring(0, (levels.length - temp.length));
                            temp = parseInt(temp);
                            if (temp < 9) {
                                levels += "0" + (temp + 1);
                            } else {
                                levels += (temp + 1);
                            }
                            if ($("#routeParamsTable tr[levels^='" + levels + "']").length == 0) {
                                $(this).attr("src", '/images/treeimages/lastblk_wev8.gif');
                            }
                        });

                        setAssign();
                    } catch (e) {
                        console.log(e);
                    }
                },
                error: function (jqXHR) {
                    releasePage();
                    if (jqXHR.statusText) {
                        top.Dialog.alert(jqXHR.statusText);
                    }
                }
            });
        }
    }

    /**
     * 绑定点击事件
     */
    function setAssign() {
        var isAry = "<%=isAry%>";
        $("#routeParamsTable tr[levels]").each(function () {

            var levels = $(this).attr("levels") + "#";

            if ((isAry == "1" && $(this).attr("isArray") == "true")
                || (isAry == "0" && $("#routeParamsTable tr[levels^='" + levels + "']").length == 0)) {

                $(this).bind("click", function () {
                    var id = $(this).attr("paramKey");
                    var name = $(this).attr("paramName");
                    var serviceId = $(this).attr("serviceId");

                    var routeId;

                    if ("<%=routeId%>" == "") {
                        routeId = $("#routeId").val();
                    } else {
                        routeId = "<%=routeId%>";
                    }


                    var returnjson = {
                        id: id,
                        name: name,
                        serviceId: serviceId,
                        routeId: routeId
                    };
                    if (dialog) {
                        dialog.callback(returnjson);
                    } else {
                        window.parent.returnValue = returnjson;
                        window.parent.close();
                    }
                });
            } else {
                $(this).find("div[name='paramKey_Div']").html("");
            }
        });
    }

    /**
     * 特殊字符转义
     * @param string
     * @returns {string}
     */
    function escapeHtml(string) {
        var entityMap = {
            "&": "&amp;",
            "<": "&lt;",
            ">": "&gt;",
            '"': '&quot;',
            "'": '&#39;',
            "/": '&#x2F;'
        };
        return String(string).replace(/[&<>"'\/]/g, function (s) {
            return entityMap[s];
        });
    }

    function btn_cancle() {
        dialog.close();
    }

    function onClear() {
        var returnjson = {id: "", name: "", serviceId: "", routeId: ""};
        if (dialog) {
            dialog.callback(returnjson);
        } else {
            window.parent.returnValue = returnjson;
            window.parent.close();
        }
    }

    var dialog;
    jQuery(document).ready(function () {

        try {
            dialog = parent.getDialog(window);
        } catch (e) {
        }
        if (!dialog) {
            try {
                dialog = parent.parent.getDialog(parent);
            } catch (e) {
            }
        }

        if ("<%=publishId%>" != "") {
            if ("<%=routeId%>" == "") {
                initRoutId();
            } else {
                getRouteReturns();
            }
        }
    });

    function forbiddenPage() {
        $("<div class=\"datagrid-mask\" style=\"position:fixed;z-index:2;opacity:0.4;filter:alpha(opacity=40);BACKGROUND-COLOR:#fff;\"></div>").css({
            display: "block",
            width: "100%",
            height: "100%",
            top: 0,
            left: 0
        }).appendTo("body");
        $("<div class=\"datagrid-mask-msg\" style=\"background:#fff;position:fixed;z-index:3;padding: 10px;padding-top: 6px;padding-bottom: 6px;border: 1px solid;\"></div>").html("<%=SystemEnv.getHtmlLabelName(25666,user.getLanguage())%>").appendTo("body").css({
            display: "block",
            left: ($(document.body).outerWidth(true) - 190) / 2,
            top: ($(window).height() - 45) / 2
        });
    }

    function releasePage() {
        $(".datagrid-mask,.datagrid-mask-msg").hide();
    }
</script>