route.jsp 19.6 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" %>
<%
    if (!HrmUserVarify.checkUserRight(EsbConstant.ESB_RIGHT_KEY, user)) {
        response.sendRedirect("/notice/noright.jsp");
        return;
    }
    String titlename = SystemEnv.getHtmlLabelName(132139, user.getLanguage());

    String publishId = Util.null2String(request.getParameter("publishId"));
    if (publishId.isEmpty()) {
%>
<script>
    //纪录不存在
    top.Dialog.alert("<%=SystemEnv.getHtmlLabelName(129113,user.getLanguage())%>", function () {
        var parentWin = parent.parent.getParentWindow(parent.window);
        parentWin.closeDlgARfsh();
    });
</script>
<%
        return;
    }
%>
<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" %>
    <%
        if (HrmUserVarify.checkUserRight(EsbConstant.ESB_RIGHT_KEY, user)) {
            RCMenu += "{" + SystemEnv.getHtmlLabelName(86, user.getLanguage()) + ",javascript:confirmSubmit(),_self} ";
            RCMenuHeight += RCMenuHeightStep;
        }
    %>
    <%@ 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="confirmSubmit()"/>
                <%}%>
                <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>
        <input type="hidden" id="noFirstConfig" name="noFirstConfig" value="1"/>
        <wea:layout>
            <%--路由配置--%>
            <wea:group context='<%=SystemEnv.getHtmlLabelNames("132143,724",user.getLanguage())%>'
                       attributes="{'samePair':'inputParamsGroup','itemAreaDisplay':'block',id='inputParamsGroup'}">
                <wea:item type="groupHead">
                    <div style="float:right;">
                        <input type="button"
                               title="<%=SystemEnv.getHtmlLabelName(611,user.getLanguage())%>(ALT+A)"
                               onClick="addRow()" ACCESSKEY="A" class="addbtn"/>
                        <input type="button" title="<%=SystemEnv.getHtmlLabelName(91,user.getLanguage())%>(ALT+G)"
                               onClick="removeRow()" ACCESSKEY="G" class="delbtn"/>
                    </div>
                </wea:item>
                <wea:item attributes="{'colspan':'4','isTableList':'true'}">
                    <TABLE class="ListStyle" id="serviceTable" name="serviceTable">
                        <COLGROUP>
                            <COL width="5%">
                            <COL width="15%">
                            <COL width="20%">
                            <COL width="15%">
                            <COL width="5%">
                            <COL width="20%">
                            <COL width="20%">
                        </COLGROUP>
                        <TR class="header" noDelete="true">
                            <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                <INPUT type="checkbox" name="chkAll" id="chkAll"
                                       onClick="chkAllClick(this);">
                            </TD>
                            <!-- 路由标识 -->
                            <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                <%=SystemEnv.getHtmlLabelName(84, user.getLanguage())%>
                            </TD>
                                <%-- 注册服务 --%>
                            <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                <%=SystemEnv.getHtmlLabelName(31693, user.getLanguage())%>
                            </TD>
                                <%-- 运行级别 --%>
                            <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                <%=SystemEnv.getHtmlLabelNames("131308,139", user.getLanguage())%>
                            </TD>
                                <%-- 异步执行 --%>
                            <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                <%=SystemEnv.getHtmlLabelNames("382839", user.getLanguage())%>
                            </TD>
                                <%-- 说明 --%>
                            <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                <%=SystemEnv.getHtmlLabelName(25734, 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>

            <%--=============================说明=======================--%>
            <wea:group context='<%=SystemEnv.getHtmlLabelName(85,user.getLanguage())%>'
                       attributes="{'samePair':'RemarkInfo','groupOperDisplay':'none','itemAreaDisplay':'block'}">
                <wea:item attributes="{'colspan':'2'}">
                    <br>
                    1,&nbsp;<%=SystemEnv.getHtmlLabelName(382373, user.getLanguage())%><br>
                    <br>
                    2,&nbsp;<%=SystemEnv.getHtmlLabelName(382374, user.getLanguage())%><br>
                    <br>
                </wea:item>
            </wea:group>
        </wea:layout>
    </FORM>
</div>
<br/><br/><br/><br/>
<div id="zDialog_div_bottom" class="zDialog_div_bottom">
    <wea:layout needImportDefaultJsAndCss="false">
        <wea:group context="">
            <wea:item type="toolbar">
                <input class="zd_btn_cancle" type="submit" id="btnClose" onclick="closeWin();"
                       value="<%=SystemEnv.getHtmlLabelName(309,user.getLanguage())%>"/><!-- 取消 -->
            </wea:item>
        </wea:group>
    </wea:layout>
</div>
</body>
</HTML>

<script>
    function forbiddenPage() {
        parent.forbiddenPage();
    }

    function releasePage() {
        parent.releasePage();
    }

    function closeWin() {
        var parentWin = parent.parent.getParentWindow(parent.window);
        parentWin.closeDialog();
    }

    function closeWinAFrsh() {
        var parentWin = parent.parent.getParentWindow(parent.window);
        parentWin.closeDlgARfsh();
    }

    /**
     * 添加路由
     */
    function addRow(data) {
        if(!data){
            data = new Object();
            data["routeId"] = "";
            data["publishId"] = "";
            data["serviceId"] = "";
            data["serviceName"] = "";
            data["runLevel"] = "";
            data["description"] = "";
            data["async"] = "0";
        }
        var rownum = document.getElementById("serviceTable").rows.length;

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

        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");
        var html = "<INPUT type='checkbox' name='paramid' />";

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

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

        html = "<input class='inputstyle' id='routeId_" + oRowIndex + "' name='routeId' style='width:80%' value='" + data["routeId"] + "'" +
            " onchange='checkinput(\"routeId_" + oRowIndex + "\",\"routeId_span_" + oRowIndex + "\");' maxlength='20'/>";

        html += "<span id='routeId_span_" + oRowIndex + "' style='word-break:break-all;word-wrap:break-word'>";
        if(!data["routeId"] || data["routeId"] == ""){
            html += "<img src='/images/BacoError_wev8.gif' align='absmiddle'>";
        }
        html += "</span>";

        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");

        oDiv.innerHTML = "<div class='e8Browser' style='display:block'></div>";
        oCell.appendChild(oDiv);
        jQuery(oDiv).find(".e8Browser").e8Browser({
            id: "serviceId" + oRowIndex,
            name: "serviceId",
            viewType: "0",
            browserValue: data["serviceId"],
            browserSpanValue: data["serviceName"],
            isMustInput: "2",
            browserUrl: "/integration/esb/service/browser.jsp?id=",
            hasInput: true,
            isSingle: true,
            completeUrl: "",
            linkUrl: "",
            hasAdd: false,
            width: '90%'
        });

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

        html = "<input class='inputstyle' id='runLevel_" + oRowIndex + "' name='runLevel' style='width:80%' value='" + data["runLevel"] + "'" +
            " onchange='checkinput(\"runLevel_" + oRowIndex + "\",\"runLevel_span_" + oRowIndex + "\");' " +
            " onkeyup=\"this.value=this.value.replace(/[^\\d]/g,'');\" onBlur=\"checkNumber(this,this.value)\"  maxlength='5'/>";

        html += "<span id='runLevel_span_" + oRowIndex + "' style='word-break:break-all;word-wrap:break-word'>";
        if(!data["runLevel"] || data["runLevel"] == ""){
            html += "<img src='/images/BacoError_wev8.gif' align='absmiddle'>";
        }
        html += "</span>";

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

        /*============ 异步执行 ============*/
        oCell = oRow.insertCell(4);
        oCell.style.cssText = "word-break:keep-all;white-space:nowrap;";
        oDiv = document.createElement("div");
        var asyncCheckHtml = "";
        if ("1" == data["async"]) {
            asyncCheckHtml = " checked='true' ";
        }
        oDiv.innerHTML = "<INPUT type='checkbox' " +
            " class='InputStyle' tzCheckbox='true' id='async_check_" + oRowIndex + "' name='async_check' value='1' " + asyncCheckHtml + "/>" +
            "<input type='hidden' id='async_" + oRowIndex + "' name='async' value='" + data["async"] + "'/>";
        oCell.appendChild(oDiv);
        $(oDiv).children("input[type=checkbox]").tzCheckbox({labels: ['', '']});

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

        html = "<input class='inputstyle' id='description_" + oRowIndex + "' name='description' style='width:80%' value='" + data["description"] + "' />";

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

    /**
     * 全选、取消全选
     * @param obj 触发元素
     * @param checkboxName  待选选择框名称
     */
    function chkAllClick(obj) {
        try {

            $(obj).parents("#serviceTable tr").siblings("tr").find("input[name='paramid']").each(function () {
                var bool = obj.checked;
                $(this).trigger("checked", bool);
            });
        } catch (e) {
            console.log(e);
        }
    }

    /**
     * 删除行
     */
    function removeRow() {

        var count = 0;//删除数据选中个数
        jQuery("#serviceTable input[name='paramid']").each(function () {
            if ($(this).is(':checked')) {
                count++;
            }
        });
        if (count == 0) {
            top.Dialog.alert("<%=SystemEnv.getHtmlLabelName(22686,user.getLanguage()) %>");
        } else {
            top.Dialog.confirm("<%=SystemEnv.getHtmlLabelName(15097,user.getLanguage())%>", function () {
                var chks = $("#serviceTable input[name='paramid']");

                for (var i = chks.length - 1; i >= 0; i--) {
                    var chk = chks[i];
                    if (chk.checked) {
                        $(chk).parents("#serviceTable tr").remove();
                    }
                }

                $("#chkAll").attr("checked", false);

                $("#chkAll").next().removeClass("jNiceChecked");

            }, function () {
            }, 320, 90);
        }
    }

    /**
     * 路由标识重复检测
     */
    function check_repeat_form() {
        var bool = true;
        var allRouteId = "";
        $("input[name='routeId']").each(function () {
            var routeId = $(this).val();
            routeId = "(#@#)" + routeId.toLowerCase() + "(#@#)";
            if (allRouteId.indexOf(routeId) < 0) {
                allRouteId += routeId;
            } else {
                top.Dialog.alert($(this).val() + "<%=SystemEnv.getHtmlLabelName(18082,user.getLanguage()) %>");
                bool = false;
                return false;
            }
        });
        return bool;
    }

    function checkNumber(obj, value) {
        value = $.trim(value);
        var val = parseInt(value);

        if (value == "") {
            $(obj).val("1");
        } else {
            if (isNaN(value)) {
                $(obj).val("1");
            } else {
                $(obj).val(val == 0 ? 1 : val);
            }
        }
    }

    function confirmSubmit() {
        var noFirstConfig = $("#noFirstConfig").val();
        if (noFirstConfig == "1") {
            top.Dialog.confirm("<%=SystemEnv.getHtmlLabelName(382351,user.getLanguage())%>", function () {
                submitData();
            }, function () {
                return false;
            });
        } else {
            submitData();
        }
    }

    /**
     * 根据CheckBox设置提交后台的值
     * checkbox未选中的时候，值不会提交后台，会导致数据对应不上。使用Hidden规避此问题
     * @param checkbox syncOrg 分部，syncUser 人员，isCheckUsed 检查禁用标识
     */
    function setCheckValue(checkbox) {
        $("input[name='" + checkbox + "_check']").each(function () {
            try {
                if ($(this).is(':checked')) {
                    $(this).siblings("input[name='" + checkbox + "']").val("1");
                } else {
                    $(this).siblings("input[name='" + checkbox + "']").val("0");
                }
            } catch (e) {
                console.log(e);
            }
        });
    }

    /**
     * 表单数据提交
     */
    function submitData() {
        try {

            forbiddenPage();
            var checkField = "routeId,serviceId,runLevel";

            if (check_form(addFrmMain, checkField) && check_repeat_form()) {

                setCheckValue("async");

                var url = "/api/integration/esb/publish/route/" + encodeURIComponent("<%=publishId%>") + "/config";

                $.ajax({
                    type: "post",
                    url: url,
                    data: $("#addFrmMain").serialize(),
                    success: function (data) {
                        releasePage();

                        data = jQuery.parseJSON(data);

                        //code == 100表示保存成功，其它都是失败。
                        if ("100" == data.code) {
                            closeWinAFrsh();
                        } else {
                            if(data["description"]){
                                top.Dialog.alert(data.description);
                            } else {
                                top.Dialog.alert("<%=SystemEnv.getHtmlLabelName(132169,user.getLanguage())%>");
                            }
                        }
                    },
                    error: function (jqXHR) {
                        releasePage();
                        if (jqXHR.statusText) {
                            top.Dialog.alert(jqXHR.statusText);
                        }
                    }
                });
            } else {
                releasePage();
            }
        } catch (e) {
            console.log(e);
        }
    }

    /**
     * 初始化路由信息
     */
    function initRow(){

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

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

                try {
                    data = jQuery.parseJSON(data);
                    if (data.length == 0) {
                        $("#noFirstConfig").val("0");
                    } else {
                        for (var i = 0; i < data.length; i++) {
                            addRow(data[i]);
                        }
                    }
                } catch (e) {
                    console.log(e);
                }

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

    jQuery(document).ready(function () {
        if ("<%=publishId%>" != "") {
            initRow();
        }
    });
</script>