#@layout()

#define main()
<div>
    <div>当前位置：<span class="layui-breadcrumb" lay-separator=">">
    <a href=""><cite>部门领导配置</cite></a>
</span></div>
    <div >
        <div >
            <form id="searchForm" class="layui-form layui-form-pane" lay-size="sm" action="" onclick="javascript:return false;">
                <div class="layui-form-item">

                    <div class="layui-inline" >
                        <label class="layui-form-label" style="width: 100px">领导情况</label>
                        <div class="layui-input-inline" style="width: 120px">
                            <select id="sameManager" name="sameManager"  >
                                <option value="">全部</option>
                                <option value="1" #if(sameManager?? && sameManager=="1")selected #end>与HR一致</option>
                                <option value="2" #if(sameManager?? && sameManager=="2")selected #end>与HR不一致</option>
                            </select>

                        </div>
                    </div>
                    <div class="layui-inline" >
                        <label class="layui-form-label" style="width: 100px">部门名称</label>
                        <div class="layui-input-inline" style="width: 120px">
                            <input type="text" id="deptName"  value="#(deptName)" class="layui-input" >

                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width: 100px">领导姓名</label>
                        <div class="layui-input-inline" style="width: 120px">
                            <input type="text" id="managerName"  value="#(managerName)" class="layui-input" >
                        </div>
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <button class="layui-btn  layui-btn-sm" onclick="query()">查询</button>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-inline" style="width: 220px">
                            <button id="deptManagerSyncNewA" onclick="syncDeptManager('n');"class="layui-btn layui-btn-xs">增量同步</button>
                            <i id="deptManagerSyncNew"  class="layui-icon alone-tips" aria-hidden="true" style="color: red;font-size: 12px">  </i> &nbsp&nbsp&nbsp&nbsp
                            <button id="deptManagerSyncAllA" onclick="syncDeptManager('y');"class="layui-btn layui-btn-xs">全量覆盖同步</button>
                            <i id="deptManagerSyncAll"  class="layui-icon alone-tips" aria-hidden="true" style="color: red;font-size: 12px">  </i>
                        </div>
                    </div>

                </div>

            </form>
        </div>

        <table id="deptmanager" class="layui-table table-border" style="table-layout:fixed;width:100%;" lay-size="sm"
               lay-filter=""  >
            <tr class="tr-bgcolor" >
                <td  class="td-bgcolor" align="center"  width="2%">序号</td>
                <td  class="td-bgcolor" align="center"  width="10%">部门</td>
                <td  class="td-bgcolor" align="center"  width="10%">一级领导</td>
                <td  class="td-bgcolor" align="center"  width="10%">二级领导</td>
                <td  class="td-bgcolor" align="center"  width="10%">三级领导</td>
                <td  class="td-bgcolor" align="center"  width="10%">HR组长</td>
                <td  class="td-bgcolor" align="center"  width="10%">HR总监</td>
                <td  class="td-bgcolor" align="center"  width="10%">HR总经理</td>

            </tr>

            #for(deptManager:deptManagerList)
            <tr id = 'trflag#(for.count)' index='#(for.count)'>
                <td align="center" #if(deptManager.deptmanager_hrsame=='2') style="background-color: red" #end  tddeptid="#(deptManager.deptmanager_id)">#(for.count)</td>
                <td align="center"  style="padding: 0px 0px;"  id="#(deptManager.deptmanager_id)" >#(deptManager.deptmanager_deptname)</td>
                <td class="td-bgcolor" align="center">
                    <div class="layui-input-inline" >
                        <div class="">
                            <input type="text"  id="pid1_#(for.count)" style="width: 180px" personid="#(deptManager.deptmanager_pid1)" autocomplete="off"  value="#(deptManager.deptmanager_pname1)"
                                   deptid="#(deptManager.deptmanager_id)"  class="layui-input "readonly="readonly" >
                            <span class="delOther" id="delpid1#(for.count)" #if(!deptManager.deptmanager_pid1??)style="display: none;"#end><i class="layui-icon">&#x1006;</i></span>
                            <span class="selectOther" id="selectpid1#(for.count)"><i class="iconfontx">&#xe60b;</i></span>
                        </div>
                    </div>
                </td>
                <td class="td-bgcolor" align="center">
                    <div class="layui-input-inline" >
                        <div class="">
                            <input type="text"  id="pid2_#(for.count)" style="width: 180px" personid="#(deptManager.deptmanager_pid2)" autocomplete="off"  value="#(deptManager.deptmanager_pname2)"
                                   deptid="#(deptManager.deptmanager_id)" class="layui-input "readonly="readonly" >
                            <span class="delOther" id="delpid2#(for.count)" #if(!deptManager.deptmanager_pid2??)style="display: none;"#end><i class="layui-icon">&#x1006;</i></span>
                            <span class="selectOther" id="selectpid2#(for.count)"><i class="iconfontx">&#xe60b;</i></span>
                        </div>
                    </div>
                </td>
                <td class="td-bgcolor" align="center">
                    <div class="layui-input-inline" >
                        <div class="">
                            <input type="text"  id="pid3_#(for.count)" style="width: 180px" personid="#(deptManager.deptmanager_pid1)" autocomplete="off"  value="#(deptManager.deptmanager_pname3)"
                                   deptid="#(deptManager.deptmanager_id)" class="layui-input "readonly="readonly" >
                            <span class="delOther" id="delpid3#(for.count)" #if(!deptManager.deptmanager_pid3??)style="display: none;"#end><i class="layui-icon">&#x1006;</i></span>
                            <span class="selectOther" id="selectpid3#(for.count)"><i class="iconfontx">&#xe60b;</i></span>
                        </div>
                    </div>
                </td>

                <!--<td align="center"  style="padding: 0px 0px;">#(deptManager.entry_supername)</td>-->
                <td align="center"  style="padding: 0px 0px;"  >#(deptManager.deptmanager_hrpname1)</td>
                <td align="center"  style="padding: 0px 0px;"  >#(deptManager.deptmanager_hrpname2)</td>
                <td align="center"  style="padding: 0px 0px;"  >#(deptManager.deptmanager_hrpname3)</td>


            </tr>
            #end
        </table>
        <div class="layui-input-block"  align="center">



        </div>
    </div>

    <br><br><br><br>
    #end

    #define js()


    <script>

        $(document).on('mouseenter', '#deptManagerSyncNew', function () {
            layer_tips = layer.tips('仅同步新部门或与未手工调整的部门领导配置', '#deptManagerSyncNewA', {
                time: 0,
                tips: 1, area: ['200px', 'auto'],
            });
        }).on('mouseleave', '#deptManagerSyncNew', function () {
            layer.close( layer_tips);
        });
        $(document).on('mouseenter', '#deptManagerSyncAll', function () {
            layer_tips = layer.tips('同步所有HR领导配置，所有领导配置将被覆盖。', '#deptManagerSyncAllA', {
                time: 0,
                tips: 1, area: ['200px', 'auto'],
            });
        }).on('mouseleave', '#deptManagerSyncAll', function () {
            layer.close( layer_tips);
        });
        var personname;
        var selectPersonType;
        layui.use('table', function () {
            var table = layui.table;

            //初始化列表中的人员控件
            var trs = $("#deptmanager").find("tr");
            for(var i=1; i <=trs.length-1; i++) {
                $("#selectpid1" + i).click(function () {
                    personname = $($(this).prev().prev());
                    //alert(personname.prop("nodeName"));
                   // alert("1:"+personname.attr("id"));
                    selectPersonType = "1";
                    //alert("12:"+personname.attr("id"));
                    CommTool.selectUserDialog(function (data) {
                            //data-选择的人员数据，json数组
                            personname.val(data[0].uname);
                            personname.attr("personid", data[0].id);
                            updateDeptManager(personname.attr("deptid"),"1",data[0].uname,data[0].id,personname);
                        }, false//true-允许多选，false-只能单选
                        , '#(ctx)');//ctx

                });
                $("#selectpid2" + i).click(function () {
                    personname = $($(this).prev().prev());
                    selectPersonType = "2";
                    //alert("2:"+personname.attr("id"));
                    CommTool.selectUserDialog(function (data) {
                            //data-选择的人员数据，json数组
                            personname.val(data[0].uname);
                            personname.attr("personid", data[0].id);
                            updateDeptManager(personname.attr("deptid"),"2",data[0].uname,data[0].id,personname);
                        }, false//true-允许多选，false-只能单选
                        , '#(ctx)');//ctx

                });
                $("#selectpid3" + i).click(function () {
                    personname = $($(this).prev().prev());
                    selectPersonType = "3";
                    CommTool.selectUserDialog(function (data) {
                            //data-选择的人员数据，json数组
                            personname.val(data[0].uname);
                            personname.attr("personid", data[0].id);
                            updateDeptManager(personname.attr("deptid"),"3",data[0].uname,data[0].id,personname);
                        }, false//true-允许多选，false-只能单选
                        , '#(ctx)');//ctx

                });
                $("#delpid1" + i).click(function () {
                    personname = $($(this).prev());
                    deleteDeptManager(personname.attr("deptid"),"1",personname);
                });
                $("#delpid2" + i).click(function () {
                    personname = $($(this).prev());
                    deleteDeptManager(personname.attr("deptid"),"2",personname);
                });
                $("#delpid3" + i).click(function () {
                    personname = $($(this).prev());
                    deleteDeptManager(personname.attr("deptid"),"3",personname);
                });

            }

        });


        function updateDeptManager(deptId,type,managerName,managerId,person){
            var param = {"deptId":deptId,"type":type,"managerId":managerId,"managerName":managerName};
            AjaxTool.XPost("#(ctx)/jx/updateDeptManager", param,
                function(data) {
                    if(data.code == 'success'){
                        layer.msg('修改成功!'+(data.msg?data.msg:''),{time: 1000});
                        $(person).parent().find(".delOther").css("display", "");

                        var tds = $("#deptmanager").find("td");
                        var dtd = tds.filter('td[tddeptid="'+deptId+'"]');

                        if(data.sameManager == '1'){
                            $(dtd).css("background-color","");
                            // array.filter('tr[attr=val]')
                            //  style="background-color: red"
                        }else if(data.sameManager == '2'){
                            $(dtd).css("background-color","red");
                        }
                    }else{
                        layer.msg('修改失败!'+(data.msg?data.msg:''),{time: 1000});
                    }


                }, function(data) {
                    layer.msg('保存失败，您可能已掉线，请刷新页面或关闭后重试！!'+(data.msg?data.msg:''),{time: 1000});
                });
        }

        function deleteDeptManager(deptId,type,person){
            var param = {"deptId":deptId,"type":type,};
            layer.confirm('确认删除该领导信息？', {icon: 3, title: '提示'}, function (index) {
                AjaxTool.XPost("#(ctx)/jx/deleteDeptManager", param,
                    function(data) {
                        if(data.code == 'success'){
                            layer.msg('删除成功!'+(data.msg?data.msg:''),{time: 1000});
                            $(person).val("");
                            // $(person).attr("deptid","");
                            $(person).parent().find(".delOther").css("display", "none");

                            var tds = $("#deptmanager").find("td");
                            var dtd = tds.filter('td[tddeptid="'+deptId+'"]');

                            if(data.sameManager == '1'){
                                $(dtd).css("background-color","");
                                // array.filter('tr[attr=val]')
                                //  style="background-color: red"
                            }else if(data.sameManager == '2'){
                                $(dtd).css("background-color","red");
                            }
                        }else{
                            layer.msg('删除失败!'+(data.msg?data.msg:''),{time: 1000});
                        }


                    }, function(data) {
                        layer.msg('保存失败，您可能已掉线，请刷新页面或关闭后重试！!'+(data.msg?data.msg:''),{time: 1000});
                    });
                layer.close(index);
            });
        }

        function syncDeptManager(syncAll){
            var param = {"syncAll":syncAll};
            if(syncAll!='y') {
                AjaxTool.XPost("#(ctx)/jx/syncDeptManager", param,
                    function (data) {
                        if (data.code == 'success') {
                            //layer.msg('同步成功!'+(data.msg?data.msg:''),{time: 1000});
                            window.location.href = '#(ctx)/jx/toDeptManagerPage';
                        } else {
                            layer.msg('同步失败!' + (data.msg ? data.msg : ''), {time: 1000});
                        }
                    }, function (data) {
                        layer.msg('同步失败，您可能已掉线，请刷新页面或关闭后重试！!' + (data.msg ? data.msg : ''), {time: 1000});
                    });
            }
            if(syncAll=='y') {
                layer.confirm('确认进行覆盖同步？', {icon: 3, title: '提示'}, function (index) {
                    AjaxTool.XPost("#(ctx)/jx/syncDeptManager", param,
                        function (data) {
                            if (data.code == 'success') {
                                //layer.msg('同步成功!'+(data.msg?data.msg:''),{time: 1000});
                                window.location.href = '#(ctx)/jx/toDeptManagerPage';
                            } else {
                                layer.msg('同步失败!' + (data.msg ? data.msg : ''), {time: 1000});
                            }
                        }, function (data) {
                            layer.msg('同步失败，您可能已掉线，请刷新页面或关闭后重试！!' + (data.msg ? data.msg : ''), {time: 1000});
                        });

                    layer.close(index);
                });
            }

        }


        function query(){
            var deptName = $("#deptName").val();
            var managerName = $("#managerName").val();
            var sameManager = $("#sameManager").val();
            window.location.href='#(ctx)/jx/toDeptManagerPage?deptName='+deptName+'&managerName='+managerName+'&sameManager='+sameManager;
        }
        function getSelectUser(data) {

            layer.closeAll();
            personname.val(data.uname);
            personname.attr("personid",data.id);
            updateDeptManager(personname.attr("deptid"),selectPersonType,data.uname,data.id,personname);
        }
    </script>
    #end