LdapSettingMapping.jsp 40.7 KB

Raw Blame History Permalink

<%@ page import="com.api.integration.ldap.constant.LdapConstant" %>
<%@ 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(LdapConstant.LDAP_RIGHT_KEY, user)) {
        response.sendRedirect("/notice/noright.jsp");
        return;
    }

    //LDAP集成
    String titlename = "LDAP" + SystemEnv.getHtmlLabelName(26267, user.getLanguage());

    String ldapId = Util.null2String(request.getParameter("ldapid"));

%>
<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" >
    <%@ include file="/systeminfo/TopTitle_wev8.jsp" %>
    <%@ include file="/systeminfo/RightClickMenuConent_wev8.jsp" %>
    <%
        if (HrmUserVarify.checkUserRight("SystemSetEdit:Edit", user)) {
            RCMenu += "{" + SystemEnv.getHtmlLabelName(86, user.getLanguage()) + ",javascript:submitData(),_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("SystemSetEdit:Edit", 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>

    <FORM style="MARGIN-TOP: 0px" id="frmMain" name="frmMain" method=post action="">
        <input type="hidden" id="ldapId" name="ldapId" value="<%=ldapId%>"/>

        <wea:layout>
            <%--分部对应设置--%>
            <wea:group context='<%=SystemEnv.getHtmlLabelName(82267,user.getLanguage())%>'
                       attributes="{'samePair':'subcompanyMappingTable','itemAreaDisplay':'block',id='subcompanyMappingTable'}">
                <wea:item type="groupHead">
                    <div style="float:right;">
                        <input type="button" title="<%=SystemEnv.getHtmlLabelName(611,user.getLanguage())%>(ALT+A)"
                               onClick="addRow('subcompany')" ACCESSKEY="A" class="addbtn"/>
                        <input type="button" title="<%=SystemEnv.getHtmlLabelName(91,user.getLanguage())%>(ALT+G)"
                               onClick="removeRow('subcompany')" ACCESSKEY="G" class="delbtn"/>
                    </div>
                </wea:item>
                <wea:item attributes="{'colspan':'4','isTableList':'true'}">
                    <TABLE class="ListStyle" id="subcompanyMappingConfigTable" name="subcompanyMappingConfigTable">
                        <COLGROUP>
                            <COL width="10%">
                            <COL width="30%">
                            <COL width="30%">
                            <COL width="30%">
                            <TR class="header">
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <INPUT type="checkbox" name="chkAll" id="subcompany_chkAll"
                                           onClick="chkAllClick(this,'subcompany')">
                                </TD>
                                <!-- OA对应字段 -->
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(127591, user.getLanguage())%>
                                </TD>
                                <!-- 对应关系 -->
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(125929, user.getLanguage())%>
                                </TD>
                                    <%-- LDAP对应字段 --%>
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(125391, user.getLanguage())%>
                                </TD>
                            </TR>
                            <TR style="height:1px;" class=line>
                                <TD ColSpan=4 style="height:1px;"></TD>
                            </TR>
                    </TABLE>
                </wea:item>
            </wea:group>

            <%--部门对应设置--%>
            <wea:group context='<%=SystemEnv.getHtmlLabelName(82268,user.getLanguage())%>'
                       attributes="{'samePair':'departmentMappingTable','itemAreaDisplay':'block',id='departmentMappingTable'}">
                <wea:item type="groupHead">
                    <div style="float:right;">
                        <input type="button" title="<%=SystemEnv.getHtmlLabelName(611,user.getLanguage())%>(ALT+A)"
                               onClick="addRow('department')" ACCESSKEY="A" class="addbtn"/>
                        <input type="button" title="<%=SystemEnv.getHtmlLabelName(91,user.getLanguage())%>(ALT+G)"
                               onClick="removeRow('department')" ACCESSKEY="G" class="delbtn"/>
                    </div>
                </wea:item>
                <wea:item attributes="{'colspan':'4','isTableList':'true'}">
                    <TABLE class="ListStyle" id="departmentMappingConfigTable" name="departmentMappingConfigTable">
                        <COLGROUP>
                            <COL width="10%">
                            <COL width="30%">
                            <COL width="30%">
                            <COL width="30%">
                            <TR class="header">
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <INPUT type="checkbox" name="chkAll" id="department_chkAll"
                                           onClick="chkAllClick(this,'department')">
                                </TD>
                                <!-- OA对应字段 -->
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(127591, user.getLanguage())%>
                                </TD>
                                <!-- 对应关系 -->
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(125929, user.getLanguage())%>
                                </TD>
                                    <%-- LDAP对应字段 --%>
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(125391, user.getLanguage())%>
                                </TD>
                            </TR>
                            <TR style="height:1px;" class=line>
                                <TD ColSpan=4 style="height:1px;"></TD>
                            </TR>
                    </TABLE>
                </wea:item>
            </wea:group>

            <%--人员对应设置--%>
            <wea:group context='<%=SystemEnv.getHtmlLabelName(32239,user.getLanguage())%>'
                       attributes="{'samePair':'userMappingTable','itemAreaDisplay':'block',id='userMappingTable'}">
                <wea:item type="groupHead">
                    <div style="float:right;">
                        <input type="button" title="<%=SystemEnv.getHtmlLabelName(611,user.getLanguage())%>(ALT+A)"
                               onClick="addRow('user')" ACCESSKEY="A" class="addbtn"/>
                        <input type="button" title="<%=SystemEnv.getHtmlLabelName(91,user.getLanguage())%>(ALT+G)"
                               onClick="removeRow('user')" ACCESSKEY="G" class="delbtn"/>
                    </div>
                </wea:item>
                <wea:item attributes="{'colspan':'4','isTableList':'true'}">
                    <TABLE class="ListStyle" id="userMappingConfigTable" name="userMappingConfigTable">
                        <COLGROUP>
                            <COL width="10%">
                            <COL width="30%">
                            <COL width="30%">
                            <COL width="30%">
                            <TR class="header">
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <INPUT type="checkbox" name="chkAll" id="user_chkAll"
                                           onClick="chkAllClick(this,'user')">
                                </TD>
                                <!-- OA对应字段 -->
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(127591, user.getLanguage())%>
                                </TD>
                                <!-- 对应关系 -->
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(125929, user.getLanguage())%>
                                </TD>
                                    <%-- LDAP对应字段 --%>
                                <TD align="center" style="word-break:keep-all;white-space:nowrap;">
                                    <%=SystemEnv.getHtmlLabelName(125391, user.getLanguage())%>
                                </TD>
                            </TR>
                            <TR style="height:1px;" class=line>
                                <TD ColSpan=4 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'}">
                    <font style="word-break:break-all;">
                        <br>
                        1,&nbsp;<%=String.format(SystemEnv.getHtmlLabelNames("82988,131190", user.getLanguage()), "com.weaver.integration.ldap.sync.formart.LdapFormart")%>
                        <br>
                        2,&nbsp;<%=String.format(SystemEnv.getHtmlLabelNames("82988,131191", user.getLanguage()), "LDAP_FORMART")%>
                        <br>
                        3,&nbsp;<%=String.format(SystemEnv.getHtmlLabelName(131399 , user.getLanguage()),"<img src='/images/iedit_wev8.gif' align='absmiddle' />")%>
                        <br>
                    </font>
                </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>

    var FINAL_LDAP_ID = encodeURIComponent("<%=ldapId%>");

    /**
     * 添加行
     * @param type 类别（subcompany:分部,department：部门,user：人员）
     */
    function addRow(type, item) {

        if ("subcompany" != type && "department" != type && "user" != type) {
            return;
        }
        var isMust = false;
        var fieldName;
        if (!item) {
            item = new Object();
            item.attributeName = "";
            item.attributeValue = "";
            item.attributeType = "";
        } else {
            $.each(mustTemplate[type], function (i, tempMust) {
                if(!(tempMust instanceof Object)){
                    return true;
                }
                if (item.attributeName == tempMust["fieldKey"]) {
                    if("1" == tempMust["isMust"]){
                        isMust = true;
                    }
                    fieldName = tempMust["fieldName"];
                    //删除该元素
                    delete mustTemplate[type][i];
                    return false;
                }
            });
        }

        var rownum = document.getElementById(type + "MappingConfigTable").rows.length;
        var oRow = document.getElementById(type + "MappingConfigTable").insertRow(rownum);
        var oRowIndex = oRow.rowIndex;

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

        if (typeof($("#" + type + "MappingConfigTable").attr("TableRows")) != "undefined") {
            oRowIndex = $("#" + type + "MappingConfigTable").attr("TableRows");
        }
        $("#" + type + "MappingConfigTable").attr("TableRows", Number(oRowIndex) + 1);


        /*============ 选择 ============*/
        var oCell = oRow.insertCell(0);
        oCell.style.cssText = "style='word-break:keep-all;white-space:nowrap;'";
        var oDiv = document.createElement("div");
        if (isMust) {
            oDiv.innerHTML = "<INPUT type='hidden' name='dataType' value='" + type + "' />" +
                "<INPUT type='hidden' name='showOrder' value='0' />";
        } else {
            oDiv.innerHTML = "<INPUT type='checkbox' name='" + type + "_param' />" +
                "<INPUT type='hidden' name='dataType' value='" + type + "' />" +
                "<INPUT type='hidden' name='showOrder' value='0' />";
        }
        oCell.appendChild(oDiv);
        jQuery(oCell).jNice();

        //OA对应字段
        oCell = oRow.insertCell(1);
        oCell.style.cssText = "word-break:keep-all;white-space:nowrap;";
        oDiv = document.createElement("div");
        if (isMust) {
            oDiv.innerHTML = "<INPUT id='" + type + "_name_" + oRowIndex + "' type='hidden' name='attributeName' value='" + item.attributeName + "' />" + fieldName;
            oCell.appendChild(oDiv);
        } else {
            var operType = "input";
            if (item.attributeName == "") {
                operType = "select";
            } else {
                for (var i = 0; i < optionalTemplate[type].length; i++) {
                    if (item.attributeName == optionalTemplate[type][i]["fieldKey"]) {
                        operType = "select";
                        break;
                    }
                }
            }
            oDiv.innerHTML = getCustomKeyHtml(operType, type, oRowIndex);

            oCell.appendChild(oDiv);
            $("#" + type + "_name_" + oRowIndex).val(item.attributeName);
            checkinput(type + "_name_" + oRowIndex,type + "_name_span_" + oRowIndex);
        }

        //类别
        oCell = oRow.insertCell(2);
        oCell.style.cssText = "word-break:keep-all;white-space:nowrap;";
        oDiv = document.createElement("div");
        oDiv.innerHTML = "<select id='" + type + "_type_" + oRowIndex + "'  dataType='" + type + "' name='attributeType' style='width:80%' " +
            " onchange='formartCustomValueOfType(this);' oRowIndex='" + oRowIndex + "'" +
            " onblur='checkinput(\"" + type + "_type_" + oRowIndex + "\",\"" + type + "_type_span_" + oRowIndex + "\")'>" +
            "<option></option>" +
            "<option value=0>LDAP<%=SystemEnv.getHtmlLabelName(125391,user.getLanguage())%></option>" +
            "<option value=1><%=SystemEnv.getHtmlLabelName(453,user.getLanguage())%></option>" +
            "<option value=2><%=SystemEnv.getHtmlLabelName(82988,user.getLanguage())%></option>" +
            "</select><span id='" + type + "_type_span_" + oRowIndex + "' style='word-break:break-all;word-wrap:break-word'>" +
            "<img src='/images/BacoError_wev8.gif' align='absmiddle'>" +
            "</span>";
        oCell.appendChild(oDiv);
        $("#" + type + "_type_" + oRowIndex).val(item.attributeType);
        checkinput(type + "_type_" + oRowIndex ,type + "_type_span_" + oRowIndex);

        //属性值
        oCell = oRow.insertCell(3);
        oCell.style.cssText = "word-break:keep-all;white-space:nowrap;";
        oDiv = document.createElement("div");
        if ("0" == item.attributeType) {
            var operType = "input";
            if (item.attributeValue == "") {
                operType = "select";
            } else {
                for (var i = 0; i < valuesTemplate["oa" + type].length; i++) {
                    if (item.attributeValue == valuesTemplate["oa" + type][i]["fieldKey"]) {
                        operType = "select";
                        break;
                    }
                }
            }
            oDiv.innerHTML = getCustomValueHtml(operType, type, oRowIndex);

            oCell.appendChild(oDiv);

            $("#" + type + "_value_" + oRowIndex).val(item.attributeValue);
            checkinput(type + "_value_" + oRowIndex,type + "_value_span_" + oRowIndex);
        } else if ("2" == item.attributeType) {
            var url = "/api/integration/ldap/formart/ldap/list";
            $.ajax({
                type: "get",
                url: url,
                success: function (data) {
                    data = jQuery.parseJSON(data);
                    //添加已保存的数据
                    var selectHtml = "<select id='" + type + "_value_" + oRowIndex + "' name='attributeValue' style='width:80%' " +
                        " onblur='checkinput(\"" + type + "_value_" + oRowIndex + "\",\"" + type + "_value_span_" + oRowIndex + "\")'>" +
                        " <option></option>";
                    $.each(data, function (i, obj) {
                        selectHtml += "<option value='" + obj["formartId"] + "' >" + obj["formartName"] + "</option>";
                    });
                    selectHtml += "</select><span id='" + type + "_value_span_" + oRowIndex + "' style='word-break:break-all;word-wrap:break-word'>" +
                    "<img src='/images/BacoError_wev8.gif' align='absmiddle'>" +
                    "</span>";

                    oDiv.innerHTML = selectHtml;

                    oCell.appendChild(oDiv);

                    $("#" + type + "_value_" + oRowIndex).val(item.attributeValue);
                    checkinput(type + "_value_" + oRowIndex,type + "_value_span_" + oRowIndex);
                }
            });
        } else {
            oDiv.innerHTML = "<INPUT type='text' class='InputStyle' id='" + type + "_value_" + oRowIndex + "' name='attributeValue' style='width:80%'" +
                "value='" + item.attributeValue + "' _noMultiLang='true'  onblur='checkinput(\"" + type + "_value_" + oRowIndex + "\",\"" + type + "_value_span_" + oRowIndex + "\")' />" +
                "<span id='" + type + "_value_span_" + oRowIndex + "' style='word-break:break-all;word-wrap:break-word'>" +
                "<img src='/images/BacoError_wev8.gif' align='absmiddle'>" +
                "</span>";

            oCell.appendChild(oDiv);

            $("#" + type + "_value_" + oRowIndex).val(item.attributeValue);
            checkinput(type + "_value_" + oRowIndex,type + "_value_span_" + oRowIndex);
        }
        oCell.appendChild(oDiv);


    }

    /**
     * 切换字段选项、自定义输入
     */
    function formartCustomKey(item, htmltype, type, oRowIndex) {
        $(item).parent().html(getCustomKeyHtml(htmltype, type, oRowIndex));

    }

    /**
     * 切换字段Value选项、自定义输入
     */
    function formartCustomValue(item, htmltype, type, oRowIndex) {
        $(item).parent().html(getCustomValueHtml(htmltype, type, oRowIndex));

    }

    /**
     * 获取自定义字段值HTML
     */
    function getCustomValueHtml(htmltype, type, oRowIndex) {
        var html = "";
        if ("input" == htmltype || selectValues["oa" + type] == "") {
            html = "<INPUT type='text' class='InputStyle' id='" + type + "_value_" + oRowIndex + "' name='attributeValue' " +
                " style='width:80%' value='' _noMultiLang='true'  onblur='checkinput(\"" + type + "_value_" + oRowIndex + "\",\"" + type + "_value_span_" + oRowIndex + "\")' />" +
                "<span id='" + type + "_value_span_" + oRowIndex + "' style='word-break:break-all;word-wrap:break-word'>" +
                "<img src='/images/BacoError_wev8.gif' align='absmiddle'></span>";
            htmltype = "select";

        } else {

            html = "<select id='" + type + "_value_" + oRowIndex + "' dataType='" + type + "' name='attributeValue' style='width:80%;' " +
                " oRowIndex='" + oRowIndex + "' onblur='checkinput(\"" + type + "_value_" + oRowIndex + "\",\"" + type + "_value_span_" + oRowIndex + "\")'>" +
                " <option></option>" +
                selectValues["oa" + type] + "</select>" +
                "<span id='" + type + "_value_span_" + oRowIndex + "' style='word-break:break-all;word-wrap:break-word'>" +
                "<img src='/images/BacoError_wev8.gif' align='absmiddle'></span>";
            htmltype = "input";
        }

        if(selectValues["oa" + type] != ""){
            html += "<SPAN class='e8tips' style='CURSOR:pointer' onclick='formartCustomValue(this,\"" + htmltype + "\",\"" + type + "\",\"" + oRowIndex + "\")'>" +
                "&nbsp;&nbsp;<img src='/images/iedit_wev8.gif' align='absmiddle' />" +
                "</SPAN>";
        }

        return html;
    }

    /**
     * 获取自定义字段HTML
     */
    function getCustomKeyHtml(htmltype, type, oRowIndex) {
        var html = "";
        if ("input" == htmltype || selectTemplate[type] == "") {
            html = "<INPUT type='text' class='InputStyle' id='" + type + "_name_" + oRowIndex + "' name='attributeName' " +
                " style='width:80%' value='' _noMultiLang='true'  onblur='checkinput(\"" + type + "_name_" + oRowIndex + "\",\"" + type + "_name_span_" + oRowIndex + "\")' />" +
                "<span id='" + type + "_name_span_" + oRowIndex + "' style='word-break:break-all;word-wrap:break-word'>" +
                "<img src='/images/BacoError_wev8.gif' align='absmiddle'></span>";
            htmltype = "select";

        } else {

            html = "<select id='" + type + "_name_" + oRowIndex + "' dataType='" + type + "' name='attributeName' style='width:80%;' " +
                " onchange='setDefalutValue(this);' oRowIndex='" + oRowIndex + "' onblur='checkinput(\"" + type + "_name_" + oRowIndex + "\",\"" + type + "_name_span_" + oRowIndex + "\")'>" +
                " <option></option> " +
                selectTemplate[type] + "</select>" +
                "<span id='" + type + "_name_span_" + oRowIndex + "' style='word-break:break-all;word-wrap:break-word'>" +
                "<img src='/images/BacoError_wev8.gif' align='absmiddle'></span>";
            htmltype = "input";
        }

        if(selectTemplate[type] != ""){
            html += "<SPAN class='e8tips' style='CURSOR:pointer' onclick='formartCustomKey(this,\"" + htmltype + "\",\"" + type + "\",\"" + oRowIndex + "\")'>" +
                "&nbsp;&nbsp;<img src='/images/iedit_wev8.gif' align='absmiddle' />" +
                "</SPAN>";
        }
        return html;
    }

    /**
     * 根据数据类型切换字段对应值
     */
    function formartCustomValueOfType(item, value) {
        var type = $(item).attr("dataType");
        var oRowIndex = $(item).attr("oRowIndex");
        if (!value) {
            value = "";
        }
        var customDiv = $("#" + type + "_value_" + oRowIndex).parent();

        if ("0" == $(item).val()) {
            var operType = "input";
            if (value == "") {
                operType = "select";
            } else {
                for (var i = 0; i < valuesTemplate["oa" + type].length; i++) {
                    if (value == valuesTemplate["oa" + type][i]["fieldKey"]) {
                        operType = "select";
                        break;
                    }
                }
            }
            customDiv.html(getCustomValueHtml(operType, type, oRowIndex));
            $("#" + type + "_value_" + oRowIndex).val(value);
            checkinput(type + "_value_" + oRowIndex,type + "_value_span_" + oRowIndex);

        } else if ("2" == $(item).val()) {
            customDiv.html("");

            var url = "/api/integration/ldap/formart/ldap/list";
            $.ajax({
                type: "get",
                url: url,
                success: function (data) {
                    data = jQuery.parseJSON(data);

                    var selectHtml = "<select id='" + type + "_value_" + oRowIndex + "' name='attributeValue' style='width:80%' " +
                        " onblur='checkinput(\"" + type + "_value_" + oRowIndex + "\",\"" + type + "_value_span_" + oRowIndex + "\")'>" +
                    "<option></option>";
                    $.each(data, function (i, item) {

                        var selected = "";
                        if (value == item["formartId"]) {
                            selected = " selected=true ";
                        }

                        selectHtml += "<option value='" + item["formartId"] + "' " + selected + ">" + item["formartName"] + "</option>";
                    });
                    selectHtml += "</select><span id='" + type + "_value_span_" + oRowIndex + "' style='word-break:break-all;word-wrap:break-word'>" +
                    "<img src='/images/BacoError_wev8.gif' align='absmiddle'></span>";

                    customDiv.html(selectHtml);

                    checkinput(type + "_value_" + oRowIndex,type + "_value_span_" + oRowIndex);
                }
            });
        } else {
            var selectHtml = "<INPUT type='text' class='InputStyle' id='" + type + "_value_" + oRowIndex + "' name='attributeValue' " +
                " style='width:80%' value='" + value + "' _noMultiLang='true'  onblur='checkinput(\"" + type + "_value_" + oRowIndex + "\",\"" + type + "_value_span_" + oRowIndex + "\")' />" +
                "<span id='" + type + "_value_span_" + oRowIndex + "' style='word-break:break-all;word-wrap:break-word'>" +
                "<img src='/images/BacoError_wev8.gif' align='absmiddle'></span>";

            customDiv.html(selectHtml);
            checkinput(type + "_value_" + oRowIndex,type + "_value_span_" + oRowIndex);
        }
    }

    /**
     * 切换OA对应字段时设置默认值
     */
    function setDefalutValue(item) {
        var type = $(item).attr("dataType");
        var oRowIndex = $(item).attr("oRowIndex");

        for (var i = 0; i < optionalTemplate[type].length; i++) {
            if ($(item).val() == optionalTemplate[type][i]["fieldKey"]) {

                $("#" + type + "_type_" + oRowIndex).val(optionalTemplate[type][i]["defaultType"]);

                checkinput(type + "_type_" + oRowIndex,type + "_type_span_" + oRowIndex);

                formartCustomValueOfType($("#" + type + "_type_" + oRowIndex), optionalTemplate[type][i]["defaultValue"]);
                break;
            }
        }
    }

    /**
     * 全选、取消全选
     * @param obj 触发元素
     * @param type 类别（subcompany:分部,department：部门,user：人员）
     */
    function chkAllClick(obj, type) {
        if ("subcompany" != type && "department" != type && "user" != type) {
            return;
        }
        var chkName = type + "_param";
        var chks = document.getElementsByName(chkName);

        for (var i = 0; i < chks.length; i++) {
            var chk = chks[i];

            if (false == chk.disabled) {
                chk.checked = obj.checked;
                try {
                    if (chk.checked)
                        jQuery(chk.nextSibling).addClass("jNiceChecked");
                    else
                        jQuery(chk.nextSibling).removeClass("jNiceChecked");
                }
                catch (e) {
                }
            }
        }
    }

    /**
     * 删除行
     * @param type 类别（subcompany:分部,department：部门,user：人员）
     */
    function removeRow(type) {

        if ("subcompany" != type && "department" != type && "user" != type) {
            return;
        }

        var count = 0;//删除数据选中个数
        jQuery("input[name='" + type + "_param']").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 = document.getElementsByName(type + "_param");

                for (var i = chks.length - 1; i >= 0; i--) {
                    var chk = chks[i];
                    if (chk.checked) {
                        document.getElementById(type + "MappingConfigTable").deleteRow(chk.parentElement.parentElement.parentElement.parentElement.rowIndex)
                    }
                }
                $("#" + type + "_chkAll").attr("checked", false);

                $("#" + type + "_chkAll").next().removeClass("jNiceChecked");

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

    /**
     * 获取LDAP 映射记录
     */
    function getListAndToRow(type) {

        var url = "/api/integration/ldap/list/"+ FINAL_LDAP_ID + "/" + type + "/mapping";
        $.ajax({
            type: "get",
            url: url,
            success: function (data) {
                data = jQuery.parseJSON(data);
                var num = 0;
                //添加已保存的数据
                $.each(data, function (i, item) {
                    num ++;
                    addRow(type, item);
                });

                if(num==0){
                    var rownum = document.getElementById(type + "MappingConfigTable").rows.length;
                    var oRow = document.getElementById(type + "MappingConfigTable").insertRow(rownum);
                    var oRowIndex = oRow.rowIndex;

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

                    oRow.setAttribute("align","center");

                    var oCell = oRow.insertCell(0);

                    oCell.style.cssText = "word-break:keep-all;white-space:nowrap;text-align:center;";
                    oCell.colSpan = 4;
                    oCell.setAttribute("align","center");

                    var oSpan = document.createElement("span");
                    oSpan.style.cssText = "color:red;";

                    oSpan.innerHTML = "<%=SystemEnv.getHtmlLabelName(131711,user.getLanguage())%>";

                    oCell.appendChild(oSpan);

                }

                //添加其它必填模版数据
                $.each(mustTemplate[type], function (i, item) {
                    if(!(item instanceof Object)){
                        return true;
                    }

                    var obj = new Object();
                    obj.attributeName = item["fieldKey"];
                    obj.attributeValue = item["defaultValue"];
                    obj.attributeType = item["defaultType"];
                    addRow(type, obj);
                });
            }
        });
    }

    /**
     * 重复配置检测
     */
    function repeatCheck(type) {
        var typeName = "";

        if ("subcompany" == type) {
            typeName = "<%=SystemEnv.getHtmlLabelName(82267,user.getLanguage()) %>";
        } else if ("department" == type) {
            typeName = "<%=SystemEnv.getHtmlLabelName(82268,user.getLanguage()) %>"
        } else if ("user" == type) {
            typeName = "<%=SystemEnv.getHtmlLabelName(32239,user.getLanguage()) %>"
        }

        var rownum = document.getElementById(type + "MappingConfigTable").rows.length;
        if (rownum <= 2) {
            //至少设置一个对应关系
            top.Dialog.alert("<%=SystemEnv.getHtmlLabelName(131183,user.getLanguage()) %>" + typeName);
            return false;
        }

        var allConfig = "";
        rownum = $("#" + type + "MappingConfigTable").attr("TableRows");

        for (var i = 2; i < rownum; i++) {

            if ($("#" + type + "_name_" + i).length == 0) {
                continue;
            }

            var attributeName = $("#" + type + "_name_" + i).val();

            attributeName = "(#@#)" + attributeName.toLowerCase() + "(#@#)";
            //重复配置检测
            if (allConfig.indexOf(attributeName) < 0) {
                allConfig += attributeName;
            } else {
                var showName = "";
                if ("SELECT" == document.getElementById(type + "_name_" + i).nodeName) {
                    showName = $("#" + type + "_name_" + i).find("option:selected").text();
                } else {
                    showName = $("#" + type + "_name_" + i).val();
                }
                top.Dialog.alert(typeName + " ( " + showName + " ) " + "<%=SystemEnv.getHtmlLabelName(18082,user.getLanguage()) %>");
                return false;
            }
        }
        return true;
    }

    /**
     * 表单合法性校验
     */
    function checkForm() {

        if (!isConfigSyncOrg && !isConfigSyncUser) {
            top.Dialog.alert("<%=String.format(SystemEnv.getHtmlLabelNames("131534",user.getLanguage()),
                    SystemEnv.getHtmlLabelNames("21952",user.getLanguage()),
                    SystemEnv.getHtmlLabelNames("125555",user.getLanguage()))
             %>");
            return false;
        }

        var bool = check_form(frmMain, "attributeName,attributeType,attributeValue");
        if(bool && isConfigSyncOrg){
            bool = repeatCheck("subcompany") && repeatCheck("department");
        }
        if(bool && isConfigSyncUser){
            bool = repeatCheck("user");
        }
        return bool;
    }

    /**
     * 设置排序编号，保证编辑时显示顺序一致
     */
    function setShowOrder(type) {
        $("#" + type + "MappingConfigTable").find(":input[name='showOrder']").each(function (i, item) {
            item.value = i;
        });
    }

    /**
     * 表单提交
     */
    function submitData() {
        try {
            forbiddenPage();

            if (checkForm()) {
                setShowOrder("subcompany");
                setShowOrder("department");
                setShowOrder("user");

                var url = "/api/integration/ldap/config/" + FINAL_LDAP_ID + "/pull/mapping";
                $.ajax({
                    type: "post",
                    url: url,
                    data: $("#frmMain").serialize(),
                    success: function (data) {
                        releasePage();

                        data = jQuery.parseJSON(data);

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

    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();
    }

    //必填项模板
    var mustTemplate = new Object();
    //可选项模板
    var optionalTemplate = new Object();
    //可选项下拉选择框
    var selectTemplate = new Object();

    /**
     * 获取模板并初始化列表
     * @param type
     */
    function getTemplateAndInit(type) {
        var aryMustTemplate = new Array();
        var aryOptionalTemplate = new Array();
        var selectHtml = "";
        var url = "/api/integration/ldap/template/" + type;
        $.ajax({
            type: "get",
            url: url,
            success: function (data) {
                data = jQuery.parseJSON(data);

                $.each(data, function (i, item) {
                    if ("1" == item["isMust"]) {
                        aryMustTemplate.push(item);
                    } else {
                        selectHtml += "<option value='" + item["fieldKey"] + "'>" + item["fieldName"] + "</option>";
                        aryOptionalTemplate.push(item);
                    }
                });

                mustTemplate[type] = aryMustTemplate;
                optionalTemplate[type] = aryOptionalTemplate;
                selectTemplate[type] = selectHtml;

                //获取已保存的数据并添加到列表
                getListAndToRow(type);
            }
        });
    }
    //可选项模板
    var valuesTemplate = new Object();
    //可选项下拉选择框
    var selectValues = new Object();

    /**
     * 获取字段对应值Value列表
     * @param type
     */
    function getValuesTemplate(type) {
        var aryValuesTemplate = new Array();
        var selectHtml = "";
        var url = "/api/integration/ldap/template/" + type;
        $.ajax({
            type: "get",
            url: url,
            success: function (data) {
                data = jQuery.parseJSON(data);

                $.each(data, function (i, item) {
                    selectHtml += "<option value='" + item["fieldKey"] + "'>" + item["fieldName"] + "</option>";
                    aryValuesTemplate.push(item);
                });

                valuesTemplate[type] = aryValuesTemplate;
                selectValues[type] = selectHtml;

                getTemplateAndInit(type.substring(2));

            }
        });

    }

    var isConfigSyncOrg = true;
    var isConfigSyncUser = true;
    //初始化
    jQuery(document).ready(function () {

        var url = "/api/integration/ldap/config/" + FINAL_LDAP_ID + "/pull/getSyncType";
        $.ajax({
            type: "get",
            url: url,
            success: function (data) {
                data = jQuery.parseJSON(data);
                if("1"==data["isSyncOrg"]){
                    getValuesTemplate("oasubcompany");
                    getValuesTemplate("oadepartment");
                }else{
                    hideGroup("subcompanyMappingTable");
                    hideGroup("departmentMappingTable");
                    isConfigSyncOrg = false;
                }
                if("1"==data["isSyncUser"]){
                    getValuesTemplate("oauser");
                }else{
                    hideGroup("userMappingTable");
                    isConfigSyncUser = false;
                }

                if (!isConfigSyncOrg && !isConfigSyncUser) {
                    top.Dialog.alert("<%=String.format(SystemEnv.getHtmlLabelNames("131534",user.getLanguage()),
                        SystemEnv.getHtmlLabelNames("21952",user.getLanguage()),
                        SystemEnv.getHtmlLabelNames("125555",user.getLanguage()))
                    %>");
                }
            }
        });
    });

</script>