meidu2021/daju/WebRoot/webpage/cn/com/lzt/publicpage/userSelect.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<t:base type="jquery,easyui,tools,DatePicker"></t:base>

<link rel="stylesheet" type="text/css" href="plug-in/ztree/css/zTreeStyle.css">
<script type="text/javascript" src="plug-in/ztree/js/jquery.ztree.core-3.5.min.js"></script>
<script type="text/javascript" src="plug-in/ztree/js/jquery.ztree.excheck-3.5.min.js"></script>
<%--update-start--Author:wangkun  Date:20160327 TASK #956 【UI标签】封装选择用户标签--%>
<script type="text/javascript">
    // var setting = {
    //     check: {
    //         enable: false,
    //         chkboxType: { "Y": "", "N": "" }
    //     },
    //     data: {
    //         simpleData: {
    //             enable: true
    //         }
    //     },callback: {
    //         onExpand: zTreeOnExpand,
    //         onClick:onClick
    //     }
    // };
    // function onClick(event, treeId, treeNode){
    //     var departname = treeNode.name;
    //     var queryParams = $('#userList1').datagrid('options').queryParams;
    //     queryParams.orgIds = treeNode.id;
    //     $('#userList1').datagrid('options').queryParams=queryParams;
    //     $("#userList1").datagrid("reload");
    // }
    // //加载展开方法
    // function zTreeOnExpand(event, treeId, treeNode){
    //     var treeNodeId = treeNode.id;
    //     $.post(
    //             'departController.do?getDepartInfo',
    //             {parentid:treeNodeId},
    //             function(data){
    //                 var d = data; // ------ $.parseJSON(data);
    //                 if (d.success) {
    //                     var dbDate = eval(d.msg);
    //                     var tree = $.fn.zTree.getZTreeObj("departSelect");
    //
    //                     if (!treeNode.zAsync){
    //                         tree.addNodes(treeNode, dbDate);
    //                         treeNode.zAsync = true;
    //                     } else{
    //                         tree.reAsyncChildNodes(treeNode, "refresh");
    //                     }
    //                     //tree.addNodes(treeNode, dbDate);
    //                 }
    //             }
    //     );
    // }

    // //首次进入加载level为1的
    // $(function(){
    //     $.post(
    //             'departController.do?getDepartInfo',
    //             function(data){
    //                 var d = data; // ------ $.parseJSON(data);
    //                 if (d.success) {
    //                     var dbDate = eval(d.msg);
    //                     $.fn.zTree.init($("#departSelect"), setting, dbDate);
    //                 }
    //             }
    //     );
    // });
    
  //编写自定义JS代码获得输入框中的值等父级页面调用取值
	function getReason(){
		var strId="";
		var strName="";
        var mobilePhone = "";
		var selectRows = $("#userList1").datagrid('getSelections');
		for(var i=0;i<selectRows.length;i++){
			for(var key in selectRows[i]){
				//console.log(key+"======="+selectRows[i][key]);
				if(key=="id"){
					if(strId.length>0){
						strId+=","+selectRows[i][key];
					}else{
						strId=selectRows[i][key];
					}
				}
				
				if(key=="realName"){
					if(strName.length>0){
						strName+=","+selectRows[i][key];
					}else{
						strName=selectRows[i][key];
					}
				}

                if(key=="mobilePhone"){
                    if(mobilePhone.length>0){
                        mobilePhone+=","+selectRows[i][key];
                    }else{
                        mobilePhone=selectRows[i][key];
                    }
                }
			}
		}
		//var strData='[{"strShiftid":"'+strShiftid+'","strShiftName":"'+strShiftName+'","strShiftType":"'+strShiftType+'"}]';
		var strData='[{"strId":"'+strId+'","strName":"'+strName+'","mobilePhone":"'+mobilePhone+'"}]';
        localStorage.removeItem("selectRowsData");
	    return strData;
  }

    function getSelectedRow(){
        var selectRows = $("#userList1").datagrid('getSelections');
        localStorage.removeItem("selectRowsData");
        return selectRows;
    }

</script>

<body style="overflow-y: hidden" scroll="no">
    <div id="mainlist" class="easyui-layout" fit="true">
        <div region="center" style="padding:0px;border:0px">
            <t:datagrid checkbox="${checkbox}" name="userList1" title="common.user.select" actionUrl="" autoLoadData="false"
                        fit="true" fitColumns="true" idField="id" queryMode="group" sortName="createDate" sortOrder="desc">
                <t:dgCol title="员工姓名" field="realName"></t:dgCol>
                <t:dgCol title="工号" field="userNum" width="120"></t:dgCol>
                <t:dgCol title="手机号码" field="mobilePhone" width="120"></t:dgCol>
                <t:dgCol title="员工身份证号" field="idcard" width="120"></t:dgCol>
                <t:dgCol title="员工居住地" field="address" width="120"></t:dgCol>
                <t:dgCol title="所属部门" sortable="false" field="glcName"></t:dgCol>
                <t:dgCol title="common.id" field="id" hidden="true"></t:dgCol>
                <t:dgCol title="员工岗位" field="postId" dictionary="t_bus_post,id,post_name" width="120"></t:dgCol>
                <t:dgCol title="员工职务" field="belongDutiesId" dictionary="t_bus_duties,id,duties_name, and delete_flag != '1' and status != '1' " width="120"></t:dgCol>
                <t:dgCol title="common.username" sortable="false" field="userName" hidden="true"></t:dgCol>
            </t:datagrid>

            <div style="padding: 3px; height: 65px;">
                <div style="width: 250px;float: left;">
                            <span style="vertical-align:middle;display:-moz-inline-box;display:inline-block;width: 80px;text-align:right;" title="员工姓名">
                                员工姓名:
                            </span>
                    <input type="text" name="realName" id="realName" style="width: 160px; height: 24px;" class="text">
                </div>
                <div style="width: 250px;float: left;">
                            <span style="vertical-align:middle;display:-moz-inline-box;display:inline-block;width: 80px;text-align:right;" title="工号">
                                工号:
                            </span>
                    <input type="text" name="userNum" id="userNum" style="width: 160px; height: 24px;" class="text">
                </div>
                <div style="width: 250px;float: left;">
                            <span style="vertical-align:middle;display:-moz-inline-box;display:inline-block;width: 80px;text-align:right;" title="所属部门">
                                所属部门:
                            </span>
                    <t:dictSelect field="glcName" id="glcName" dictTable="t_s_depart" dictField="departname" dictText="departname"  dictCondition="where org_type != '1' "/>
                </div>
                <div style="width: 250px;float: left;">
                            <span style="vertical-align:middle;display:-moz-inline-box;display:inline-block;width: 80px;text-align:right;" title="员工岗位">
                                员工岗位:
                            </span>
                            <t:dictSelect field="postId" id="postId" dictTable="t_bus_post" dictField="id" dictText="post_name"  dictCondition="where delete_flag=0 and status=0"/>
                </div>
                <div style="width: 250px;float: left;">
                            <span style="vertical-align:middle;display:-moz-inline-box;display:inline-block;width: 80px;text-align:right;" title="员工职务">
                                员工职务:
                            </span>
                    <t:dictSelect field="belongDutiesId" id="belongDutiesId" dictTable="t_bus_duties" dictField="id" dictText="duties_name" dictCondition="where delete_flag=0 and status=0"/>
                </div>
                <br>
                <div style="width: 200px;float: right;">
                    <a href="#" class="easyui-linkbutton" iconCls="icon-reload" onclick="clearSearch();" style="float: right;"><t:mutiLang langKey="重置"/></a>
                    <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="getResult();" style="float: right;"><t:mutiLang langKey="common.query"/></a>
                </div>
            </div>
        </div>
    </div>
</body>

<script type="text/javascript">

    // datagrid组件name属性值
    const datagridName = "#userList1";

    // 监听行点击事件并更新选中行信息
    $(function(){
        getResult();
        $(datagridName).datagrid({
            onClickRow : function() {
                setSelectedRowToLoacalStorage();
            }
        });
    })

    function clearSearch() {
        $('#realName').val("");
        $('#userNum').val("");
        $('#glcName').val("");
        $('#postId').val("");
        $('#belongDutiesId').val("");
        getResult();
    }

    function getResult() {
        var options = $(datagridName).datagrid("getPager").data("pagination").options;
        var curr = options.pageNumber;
        var size = options.pageSize;
        let queryUrl = "userController.do?datagridToBody";
        $.ajax({
            url:queryUrl,
            data:{
                pageNum:curr,
                pageSize:size,
                realName:$('#realName').val(),
                userNum:$('#userNum').val(),
                glcName:$('#glcName').val(),
                postId:$('#postId').val(),
                belongDutiesId:$('#belongDutiesId').val()
            },
            type:"post",
            success:function(data){
                if(data){
                    loadSuccess(data);
                }
            }
        });
    }

    // 返回选中的行信息
    function setSelectedRowToLoacalStorage(){
        let selectRowsData = $(datagridName).datagrid('getSelections');
        localStorage.setItem("selectRowsData",JSON.stringify(selectRowsData));
    }

    // 处理返回数据
    function loadSuccess(data){
        let selectRecordIds = [];
        if(localStorage.getItem("selectRowsData")) {
            let selectRowsData = JSON.parse(localStorage.getItem("selectRowsData"));
            if(selectRowsData && selectRowsData.length > 0){
                let selectRowsData_ = [];
                let newLoad = false;
                // 检查上一次选中行和当前数据差距
                selectRowsData.forEach(item=>{
                    let hasId = false;
                    for (let i = 0; i < data.results.length ; i++) {
                        let item2 = data.results[i];
                        if(item2.id === item.id){
                            selectRecordIds.push(item.id);
                            hasId = true;
                            break;
                        }
                    }
                    if(!hasId){
                        newLoad = true;
                        selectRecordIds.push(item.id);
                        selectRowsData_.push(item);
                    }
                })
                // 追加上一次选择行
                if(newLoad && selectRowsData_.length > 0){
                    data.results = data.results.concat(selectRowsData_);
                }
            }
        }
        try {
            $(datagridName).datagrid({
                data: data,
                loadFilter:function(data){
                    return {
                        rows: data.results,
                        total: data.total
                    }
                },
                onBeforeLoad:function(val){
                    return false;
                }
            });
        }catch (e) {
            layer.alert("数据解析异常，请联系管理员！");
        }

        // 恢复选中行
        if(selectRecordIds.length > 0){
            for(let i=0;i<selectRecordIds.length;i++){
                if(selectRecordIds[i] !== ""){
                    $(datagridName).datagrid("selectRecord",selectRecordIds[i]);
                }
            }
        }
    }
</script>