skyversation
/
meidu2021


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
							<%@ 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>
<script type="text/javascript">
  //编写自定义JS代码获得输入框中的值等父级页面调用取值
	function getReason(){
		var code="";
		var name="";
        var managerId="";
        var mobilePhone="";
        var position="";
        var longitude="";
        var latitude="";
        var height = "";
        var areaRegion="";
		var selectRows = $("#areaList1").datagrid('getSelections');
		for(var i=0;i<selectRows.length;i++){
			for(var key in selectRows[i]){
				if(key === "code"){
                    code += code === "" ? selectRows[i][key] : "," + selectRows[i][key];
				}else if(key === "name"){
                    name += name === "" ? selectRows[i][key] : "," + selectRows[i][key];
				}else if(key === "manageMan"){
                    managerId += managerId === "" ? selectRows[i][key] : "," + selectRows[i][key];
                }else if(key === "managePhone"){
                    mobilePhone += mobilePhone === "" ? selectRows[i][key] : "," + selectRows[i][key];
                }else if(key === "areaLocation"){
                    position += position === "" ? selectRows[i][key] : "," + selectRows[i][key];
                }else if(key === "point" && $("#queryPoint").val() === "true"){
                    if(selectRows[i][key].indexOf(" ") > 0){
                        longitude = selectRows[i][key].split(" ")[0];
                        latitude = selectRows[i][key].split(" ")[1];
                        height = selectRows[i][key].split(" ")[2];
                    }
                }else if(key === "areaRegion"){
                    areaRegion += areaRegion === "" ? selectRows[i][key] : "," + selectRows[i][key];
                }
			}
		}
		var strData='[{"code":"'+code+'","name":"'+name+'","managerId":"'+managerId+'","mobilePhone":"'+mobilePhone+'","position":"'+position+'","longitude":"'+longitude+'","latitude":"'+latitude+'","height":"'+height+'","areaRegion":"'+areaRegion+'"}]';
	    return strData;
  }
</script>

<body style="overflow-y: hidden" scroll="no">
    <div id="mainlist" class="easyui-layout" fit="true">
        <div region="center" style="padding:0px;border:0px">
            <input type="text" id="ids" readonly style="display: none;" value="${ids}">
            <input type="text" id="queryPoint"readonly style="display: none;" value="${queryPoint}">
            <t:datagrid checkbox="${checkbox}" name="areaList1" title="元素列表" actionUrl="" autoLoadData="false"
                        fit="true" idField="id" pagination="true" sortName="name" sortOrder="desc">
                <t:dgCol title="主键" field="id" hidden="true" width="100"></t:dgCol>
                <t:dgCol title="元素编码"  field="code" width="80"></t:dgCol>
                <t:dgCol title="元素名称" field="name" width="100"></t:dgCol>
                <t:dgCol title="管理人员" field="manageMan" width="100"></t:dgCol>
                <t:dgCol title="电话号码" field="managePhone" width="100"></t:dgCol>
                <t:dgCol title="元素位置" field="areaLocation" width="100"></t:dgCol>
                <t:dgCol title="元素类型" field="areaType" width="40" dictionary="areaType" ></t:dgCol>
                <t:dgCol title="经纬度" field="point" align="center" width="200"></t:dgCol>
                <t:dgCol title="所属网格化区域" field="areaRegion" align="center" dictionary="areaRegion" width="80"></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="code" id="code" 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="name" id="name" 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="manageMan" id="manageMan" 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="type" id="type" dictTable="t_s_type" dictField="typecode" dictText="typename" dictCondition=" where typegroupid = '2c9358a86dbeda88016dbee52d0f0031'"/>--%>
                    <t:dictSelect id="areaType" field="areaType" type="list" typeGroupCode="areaType" hasLabel="false" title="元素类型"></t:dictSelect>
                </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="type" id="type" dictTable="t_s_type" dictField="typecode" dictText="typename" dictCondition=" where typegroupid = '2c9358a86dbeda88016dbee52d0f0031'"/>--%>
                    <t:dictSelect id="areaRegion" field="areaRegion" type="list" typeGroupCode="areaRegion" hasLabel="false" title="所属网格化区域"></t:dictSelect>
                </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>
    // datagrid组件name属性值
    const datagridName = "#areaList1";

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

    function clearSearch() {
        $('#code').val("");
        $('#name').val("");
        $('#manageMan').val("");
        $('#areaType').val("");
        $('#areaRegion').val("");
        getResult();
    }

    function getResult() {
        var options = $(datagridName).datagrid("getPager").data("pagination").options;
        var curr = options.pageNumber;
        var size = options.pageSize;
        let queryUrl = "archivesAreaController.do?datagridToBody&ids="+$("#ids").val();
        if($("#queryPoint").val() === 'true'){
            queryUrl += "&pointStatus=true";
        }else{
            queryUrl += "&pointStatus=false";
        }
        $.ajax({
            url:queryUrl,
            data:{
                pageNum:curr,
                pageSize:size,
                code:$('#code').val(),
                name:$('#name').val(),
                manageMan:$('#manageMan').val(),
                areaType:$('#areaType').val(),
                areaRegion:$('#areaRegion').val()
            },
            type:"post",
            success:function(data){
                if(data){
                    loadSuccess(data);
                }
            }
        });
    }

    // 返回选中的行信息
    function getSelectedRow(){
        let selectRowsData = $(datagridName).datagrid('getSelections');
        localStorage.setItem("selectRowsData",JSON.stringify(selectRowsData));
        if(selectRowsData.length > 0){
            let codes = "";
            selectRowsData.forEach(item=>{
                codes += codes === "" ? item.code : "," + item.code;
            })
            $('#ids').val(codes);
        }else{
            $('#ids').val("");
        }
    }

    // 处理返回数据
    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.list.length ; i++) {
                        let item2 = data.list[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.list = data.list.concat(selectRowsData_);
                }
            }
        }
        if($("#ids").val() != ""){
            data.list.forEach(item=>{
                if($("#ids").val().indexOf(item.code) != -1 && selectRecordIds.indexOf(item.id) == -1){
                    selectRecordIds.push(item.id);
                }
            })
        }
        $(datagridName).datagrid({
            data: data,
            loadFilter:function(data){
                return {
                    rows: data.list,
                    total: data.totalCount
                }
            },
            onBeforeLoad:function(val){
                return false;
            }
        });

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

</script>