NBDXSY/LeaRun.Application/LeaRun.Application.Web/Areas/DMAManage/Views/PartitionSetting/Index.cshtml


@{
    ViewBag.Title = "分区设置";
    Layout = "~/Views/Shared/_LayoutIndex.cshtml";
}

<style>
    .gridsContainer {
        width: 100%;
        height: 100%;
    }

    .leftDiv, .centerDiv, .rightDiv {
        float: left;
        width: 47%;
        height: 100%;
        line-height: 30px;
        border: 1px solid gray;
    }
    .centerDiv {
        width: 6%;
        border-left-width: 0px; 
        border-right-width: 0px;
    }
    .gridTitle {
        width: 100%;
        border-bottom-width: 1px;
        padding: 2px;
    }
    .gridSearch {
        width: 100%;
        background-color: #c3c0c0;
        height: 40px;
    }
    .titleText {
        font-size: 14px;
        margin-left: 10px;
    }
    .searchText {
        font-size: 14px;
        background-color: gray;
        color: white;
        text-align: justify;
        padding-left: 10px;
        height: 40px;
        line-height:40px;
        width: 80px;
    }
    .centerDiv {
        position: relative;
    }
    .centerDiv .center {
        height: 100px;
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    #tabs-ul li{float:left;list-style-type:none}

    #tabs-ul li a {display: block;background: #4C58A4;text-decoration: none;color: #ffffff;}

    #tabs-ul li.ui-tabs-active a {background:#fff;color: #655c89;outline:none;}

    #tabs-1, #tabs-2, #tabs-3 {overflow: hidden;position: relative;background: #fff;}
</style>


<script>
    "use strict"
    var selectInRelations = {};// 关系表表入数据
    var selectInMeters = {};// 考核表入数据
    var selectOutRelations = {};// 关系表表出数据
    var selectOutMeters = {};// 考核表出数据
    var selectUserInMeters = {};// 户表入数据
    var selectUserOutMeters = {};// 户表出数据
    var inHasShow = false; // 是否已经展示考核表入数据
    var outHasShow = false; // 是否已经展示考核表出数据
    var userHasShow = false; // 是否已经展示户表数据
    $(document).ready(function () {
        InitialPage();
        GetTree();
        InitControl();
        $("#tabs").tabs({
            activate: function () {
                var DMAID = PointTreeCode;
                if (DMAID) {
                    var active = $("#tabs").tabs("option", "active");
                    if (active === 0) {
                        GetDatasIn(DMAID);
                    }
                    if (active === 1) {
                        GetDatasOut(DMAID);
                    }
                    if (active === 2) {
                        GetUserMeterDatas(DMAID);
                    }
                } 
            }
        });
    });
    //初始化页面
    function InitialPage() {
        //layout布局
        $('#layout').layout({
            applyDemoStyles: true,
            onresize: function () {
                $(window).resize();
            }
        });
        $(".gridsContainer").css({ "height": ($(window).height() - 85) + "px" });
        // resize重设(表格、树形)宽高
        $(window).resize(function (e) {
            window.setTimeout(function () {
                $("#itemTree").setTreeHeight($(window).height() - 52);
                $(".gridsContainer").css({ "height": ($(window).height() - 85) + "px" });
                var width = 0;
                var height = 0;
                var active = $("#tabs").tabs("option", "active");
                if (active === 0) {
                    width = $('.gridContainer1').width();
                    height = $('.gridsContainer').height() - 160;
                }
                if (active === 1) {
                    width = $('.gridContainer2').width();
                    height = $('.gridsContainer').height() - 160;
                }
                if (active === 2) {
                    width = $('.gridContainer3').width();
                    height = $('.gridsContainer').height() - 160;
                }
                $("#pointGridInTable1").setGridWidth(width);
                $("#pointGridInTable1").setGridHeight(height);
                $("#pointGridOutTable1").setGridWidth(width);
                $("#pointGridOutTable1").setGridHeight(height);
                $("#pointGridInTable2").setGridWidth(width);
                $("#pointGridInTable2").setGridHeight(height);
                $("#pointGridOutTable2").setGridWidth(width);
                $("#pointGridOutTable2").setGridHeight(height);
                $("#pointGridUserInTable").setGridWidth(width);
                $("#pointGridUserInTable").setGridHeight(height);
                $("#pointGridUserOutTable").setGridWidth(width);
                $("#pointGridUserOutTable").setGridHeight(height);
            }, 200);
            e.stopPropagation();
        });
    }

    // 初始化控件
    function InitControl() {
        // 初始化类型下拉列表
        $("#type_menu .dropdown-menu li").click(function () {
            var text = $(this).find('a').html();
            var value = $(this).find('a').attr('data-value');
            $("#type_menu .dropdown-text").html(text).attr('data-value', value);
        });
        //查询条件入1
        $("#queryConditionIn1 .dropdown-menu li").click(function () {
            var text = $(this).find('a').html();
            var value = $(this).find('a').attr('data-value');
            $("#queryConditionIn1 .dropdown-text").html(text).attr('data-value', value)
        });
        //查询条件出1
        $("#queryConditionOut1 .dropdown-menu li").click(function () {
            var text = $(this).find('a').html();
            var value = $(this).find('a').attr('data-value');
            $("#queryConditionOut1 .dropdown-text").html(text).attr('data-value', value)
        });
        //查询条件入2
        $("#queryConditionIn2 .dropdown-menu li").click(function () {
            var text = $(this).find('a').html();
            var value = $(this).find('a').attr('data-value');
            $("#queryConditionIn2 .dropdown-text").html(text).attr('data-value', value)
        });
        //查询条件出2
        $("#queryConditionOut2 .dropdown-menu li").click(function () {
            var text = $(this).find('a').html();
            var value = $(this).find('a').attr('data-value');
            $("#queryConditionOut2 .dropdown-text").html(text).attr('data-value', value)
        });
        //  查询条件用户表入
        $("#queryUserIn .dropdown-menu li").click(function () {
            var text = $(this).find('a').html();
            var value = $(this).find('a').attr('data-value');
            $("#queryUserIn .dropdown-text").html(text).attr('data-value', value)
        });
        //  查询条件用户表出
        $("#queryUserOut .dropdown-menu li").click(function () {
            var text = $(this).find('a').html();
            var value = $(this).find('a').attr('data-value');
            $("#queryUserOut .dropdown-text").html(text).attr('data-value', value)
        });
    }

    //加载树
    var PointTreeCode = 0;
    function GetTree() {
        var item = {
            height: $(window).height() - 52,
            url: "../../DMAManage/Partitions/GetTreeJson",
            showcheck: false,
            isexpand: true,
            onnodeclick: function (item) {
                PointTreeCode = item.value;
                // 获取tabs选中的值
                var active = $("#tabs").tabs("option", "active");
                // 设置标题
                $("#titleRelationIn").html(item.text + " - 入口水表挂接");
                $("#titleMeterIn").html(item.text + " - 考核表");
                $("#titleRelationOut").html(item.text + " - 出口水表挂接");
                $("#titleMeterOut").html(item.text + " - 考核表");
                $("#titleUserIn").html(item.text + " - 户表挂接");
                $("#titleUserOut").html(item.text + " - 户表");
                // 获取数据表
                switch (active) {
                    case 0:
                        selectInMeters = {};// 考核表入数据
                        selectInRelations = {};// 关系表表入数据
                        GetDatasIn(item.value);
                        break;
                    case 1:
                        selectOutMeters = {};// 考核表入数据
                        selectOutRelations = {};// 关系表表入数据
                        GetDatasOut(item.value);
                        break;
                    case 2:
                        selectUserInMeters = {};// 考核表入数据
                        selectUserOutMeters = {};// 关系表表入数据
                        GetUserMeterDatas(item.value);
                        break;
                    default:
                        selectInMeters = {};// 考核表入数据
                        selectInRelations = {};// 关系表表入数据
                        GetDatasIn(item.value);
                        break;
                }
                
            }
        };

        //初始化
        $("#itemTree").treeview(item);
    }

    //获取列表
    function GetPointGrid(pointGridTable, gridpager, url, postData, colModel, onSelectRow, onSelectAll, gridComplete) {
        var $gridTable = $(pointGridTable);
        $gridTable.jqGrid({
            url: url,
            datatype: "json",
            height: $('.gridsContainer').height() - 160,
            autowidth: true,
            shrinkToFit: true,
            rownumbers: true,
            multiselect: true,
            postData: postData,
            colModel: colModel,
            pager: gridpager,
            viewrecords: true,
            rowNum: 20,
            sortable: true,
            gridview: true,
            footerrow: true,
            gridComplete: gridComplete,
            onSelectRow: onSelectRow,
            onSelectAll: onSelectAll
        });
    }

    // 获取数据
    function GetDatasIn(DMAID) {
        // 如果已经展示数据，做刷新表格数据操作
        if (inHasShow) {
            refreshIn1();
            refreshOut1();
        } else {
            inHasShow = true;
            // 获取关系表数据
            GetMeterRelationGrid(DMAID, '#pointGridInTable1', "#gridInPager1", 0);
            // 获取考核表数据
            GetMeterPointGrid(DMAID, "#pointGridOutTable1", "#gridOutPager1");
        }
    }

    // 获取数据
    function GetDatasOut(DMAID) {
        // 如果已经展示数据，做刷新表格数据操作
        if (outHasShow) {
            refreshIn2();
            refreshOut2();
        } else {
            outHasShow = true;
            // 获取关系表数据
            GetMeterRelationGrid(DMAID, "#pointGridInTable2", "#gridInPager2", 1);
            // 获取考核表数据
            GetMeterPointGrid(DMAID, "#pointGridOutTable2", "#gridOutPager2");
        }
    }
    // 获取关系表数据
    function GetMeterRelationGrid(DMAID, grid, gridPager, FlowType) {

        // 请求参数
        var postData = { keyType: '', keyWord: '', DMAID: DMAID, FlowType: FlowType }
        // 展示列
        var colModel = [
            { name: "RelationID", label: "关系表ID", hidden: true },
            { name: "MeterAssessmentId", label: "考核表ID", hidden: true },
            { name: "DMAID", label: "DMAID", hidden: true },
            { name: "MeterAssessmentName", label: "考核表名称", width: 200, align: "center", fixed: true },
            { name: "MeterAssessmentCode", label: "考核表编码", width: 200, align: "center", fixed: true },
        ]
        // 设置表格
        GetPointGrid(
            grid,
            gridPager,
            "/DMAManage/PartitionSetting/GetDMAMeterRelations",
            postData,
            colModel,
            function onSelectRow(id, status) {
                var page = $(grid).getGridParam('page');
                if (status) {
                    selectInRelations[id + "_" + page] = $(grid).getRowData(id)["MeterAssessmentId"];
                }
                else {
                    delete selectInRelations[id + "_" + page];
                }
            },
            function onSelectAll(aRowids, status) {
                var page = $(grid).getGridParam('page');
                for (var i = 0; i < aRowids.length; i++) {
                    if (status) {
                        selectInRelations[aRowids[i] + "_" + page] = $(grid).getRowData(aRowids[i])["MeterAssessmentId"]
                    } else {
                        delete selectInRelations[aRowids[i] + "_" + page]
                    }
                }
            },
            function gridComplete() {
                var selectDatas = selectInRelations;
                setHasSelections(selectDatas, grid);
            }
        );
    }

    // 获取考核表数据
    function GetMeterPointGrid(DMAID, grid, gridPager) {
        // 请求参数
        var postData = { keyType: '', keyWord: '', DMAID: DMAID }
        // 展示列
        var colModel = [
            { name: "MeterAssessmentId", label: "考核表ID", hidden: true },
            { name: "MeterAssessmentName", label: "考核表名称", width: 200, align: "center", fixed: true },
            { name: "MeterAssessmentCode", label: "考核表编码", width: 200, align: "center", fixed: true }
        ]
        // 设置表格
        GetPointGrid(
            grid,
            gridPager,
            "/DMAManage/PartitionSetting/GetMeterAssessments",
            postData,
            colModel,
            function onSelectRow(id, status) {
                var page = $(grid).getGridParam('page');
                if (status) {
                    selectInMeters[id + "_" + page] = $(grid).getRowData(id)["MeterAssessmentId"];
                }
                else {
                    delete selectInMeters[id + "_" + page];
                }
            },
            function onSelectAll(aRowids, status) {
                var page = $(grid).getGridParam('page');
                for (var i = 0; i < aRowids.length; i++) {
                    if (status) {
                        selectInMeters[aRowids[i] + "_" + page] = $(grid).getRowData(aRowids[i])["MeterAssessmentId"]
                    } else {
                        delete selectInMeters[aRowids[i] + "_" + page]
                    }
                }
            },
            function gridComplete() {
                var selectDatas = selectInMeters;
                setHasSelections(selectInMeters, grid);
            }
       );
    }


    // 翻页等操作设置已经选中的选中
    function setHasSelections(selectDatas, grid) {
        var page = $(grid).getGridParam('page');
        var ids = $(grid).getDataIDs();
        for (var i = 0; i < ids.length; i++) {
            var a = selectDatas[(i + 1) + "_" + page];
            var b = $(grid).getRowData(ids[i])["MeterAssessmentId"];
            if (selectDatas[(i + 1) + "_" + page] === $(grid).getRowData(ids[i])["MeterAssessmentId"]) {
                $(grid).setSelection((i + 1 + ""));
            }
        }
    }

    // 户表翻页等操作设置已经选中的选中
    function setUserHasSelections(selectDatas, grid) {
        var page = $(grid).getGridParam('page');
        var ids = $(grid).getDataIDs();
        for (var i = 0; i < ids.length; i++) {
            var a = selectDatas[(i + 1) + "_" + page];
            var b = $(grid).getRowData(ids[i])["MeterUserId"];
            if (selectDatas[(i + 1) + "_" + page] === $(grid).getRowData(ids[i])["MeterUserId"]) {
                $(grid).setSelection((i + 1 + ""));
            }
        }
    }

    // 查询
    function searchDatas(queryCondition, condition, grid, FlowType) {
        selectInMeters = {};// 考核表入数据
        selectInRelations = {};// 关系表表入数据
        selectOutMeters = {};// 考核表出数据
        selectOutRelations = {};// 关系表表出数据
        var keyType = $(queryCondition).find('.dropdown-text').attr('data-value');
        var keyWord = $(condition).val();
        if (checkConditions(keyType, keyWord)) {
            $(grid).jqGrid('setGridParam', {
                postData: { keyType: keyType, keyWord: keyWord, DMAID: PointTreeCode, FlowType: FlowType },
                page: 1
            }).trigger('reloadGrid');
        }
    }

    // 更新
    function refreshDatas(queryCondition, condition, pointGridTable, FlowType) {
        selectInMeters = {};// 考核表入数据
        selectInRelations = {};// 关系表表入数据
        selectOutMeters = {};// 考核表出数据
        selectOutRelations = {};// 关系表表出数据
        var keyType = $(queryCondition).find('.dropdown-text').attr('data-value');
        var keyWord = $(condition).val();
        $(pointGridTable).jqGrid('setGridParam', {
            postData: { keyType: keyType, keyWord: keyWord, DMAID: PointTreeCode, FlowType: FlowType },
            page: 1
        }).trigger('reloadGrid');
    }

    // 户表更新
    function refreshUserDatas(queryCondition, condition, pointGridInTable) {
        selectUserInMeters = {};// 户表入数据
        selectUserOutMeters = {};// 户表出数据
        var keyType = $(queryCondition).find('.dropdown-text').attr('data-value');
        var keyWord = $(condition).val();
        $(pointGridInTable).jqGrid('setGridParam', {
            postData: { keyType: keyType, keyWord: keyWord, DMAID: PointTreeCode },
            page: 1
        }).trigger('reloadGrid');
    }

    // 户表查询
    function searchUserDatas(queryCondition, condition, grid) {
        selectUserInMeters = {};// 户表入数据
        selectUserOutMeters = {};// 户表出数据
        var keyType = $(queryCondition).find('.dropdown-text').attr('data-value');
        var keyWord = $(condition).val();
        if (checkConditions(keyType, keyWord)) {
            $(grid).jqGrid('setGridParam', {
                postData: { keyType: keyType, keyWord: keyWord, DMAID: PointTreeCode},
                page: 1
            }).trigger('reloadGrid');
        }
    }

    // 挂入口表入查询
    function searchIn1() {
        searchDatas("#queryConditionIn1", "#conditionIn1", "#pointGridInTable1", 0);
    }

    // 挂入口表更新
    function refreshIn1() {
        refreshDatas("#queryConditionIn1", "#conditionIn1", "#pointGridInTable1", 0);
    }

    // 挂入口表出查询
    function searchOut1() {
        searchDatas("#queryConditionOut1", "#conditionOut1", "#pointGridOutTable1", 0);
    }
    // 挂入口表出更新
    function refreshOut1() {
        refreshDatas("#queryConditionOut1", "#conditionOut1", "#pointGridOutTable1", 0);
    }

    // 挂出口表入查询
    function searchIn2() {
        searchDatas("#queryConditionIn2", "#conditionIn2", "#pointGridInTable2", 1);
    }

    // 挂出口表入更新
    function refreshIn2() {
        refreshDatas("#queryConditionIn2", "#conditionIn2", "#pointGridInTable2", 1);
    }

    // 挂出口表出查询
    function searchOut2() {
        searchDatas("#queryConditionOut2", "#conditionOut2", "#pointGridOutTable2", 1);
    }
    // 挂出口表出更新
    function refreshOut2() {
        refreshDatas("#queryConditionOut2", "#conditionOut2", "#pointGridOutTable2", 1);
    }
    // 挂户表入更新
    function refreshUserIn() {
        refreshUserDatas("#queryUserIn", "#userIn", "#pointGridUserInTable");
    }
    // 户表入查询
    function searchUserIn() {
        searchUserDatas("#queryUserIn", "#userIn", "#pointGridUserInTable");
    }
    // 挂户表出更新
    function refreshUserOut() {
        refreshUserDatas("#queryUserOut", "#userOut", "#pointGridUserOutTable");
    }
    // 户表出查询
    function searchUserOut() {
        searchUserDatas("#queryUserOut", "#userOut", "#pointGridUserOutTable");
    }
    // 判断查询条件
    function checkConditions(keyType, keyWord) {
        if (!PointTreeCode) {
            alert("请选择分区！");
            return false;
        }
        if (!keyType) {
            alert("请选择查询类型！");
            return false;
        }
        //if (!keyWord) {
        //    alert("请填写关键字！");
        //    return false;
        //}
        return true;
    }

    // 提交数据考核表 -> 关系表
    function turnToLeft(FlowType) {
        var submitDatas = "";
        if (!PointTreeCode) {
            return alert("请选择分区!")
        }
        if (isOwnEmpty(selectInMeters)) {
            return alert("请选择数据!")
        }
        for (var selectInMeter in selectInMeters) {
            submitDatas += selectInMeters[selectInMeter] + "|";
        }
        submitDatas = submitDatas.substr(0, submitDatas.length - 1);
        $.SaveForm({
            url: '/DMAManage/PartitionSetting/SettingInMeterToRelation',
            param: { "meterIds": submitDatas, DMAID: PointTreeCode, FlowType: FlowType },
            loading: "正在保存数据...",
            success: function () {
                if (FlowType === 0) {
                    refreshIn1();
                    refreshOut1();
                    selectInMeters = {};
                    selectInRelations = {};
                } else {
                    refreshIn2();
                    refreshOut2();
                    selectInMeters = {};
                    selectInRelations = {};
                }
            }
        });
    }
    // 提交数据关系 -> 考核表
    function turnToRight(FlowType) {
        var submitDatas = "";
        if (!PointTreeCode) {
            return alert("请选择分区!")
        }
        if (isOwnEmpty(selectInRelations)) {
            return alert("请选择数据!")
        }
        for (var selectInRelation in selectInRelations) {
            submitDatas += selectInRelations[selectInRelation] + "|";
        }
        submitDatas = submitDatas.substr(0, submitDatas.length - 1);
        $.SaveForm({
            url: '/DMAManage/PartitionSetting/SettingInRelationToMeter',
            param: { "meterIds": submitDatas, DMAID: PointTreeCode },
            loading: "正在保存数据...",
            success: function () {
                if (FlowType === 0) {
                    refreshIn1();
                    refreshOut1();
                    selectInMeters = {};
                    selectInRelations = {};
                } else {
                    refreshIn2();
                    refreshOut2();
                    selectInMeters = {};
                    selectInRelations = {};
                }
            }
        });
    }

    // 入口表挂接提交数据考核表 -> 关系表
    function turnToLeft1() {
        // 判断已经挂考核表个数，个数超过两个不能挂
        var ids = $("#pointGridInTable1").getDataIDs();
        if (ids.length > 1) {
            return alert("入口水表最多为2个！");
        }
        turnToLeft(0);
    }

    // 入口表挂接提交数据关系 -> 考核表
    function turnToRight1() {
        turnToRight(0);
    }

    // 出口表挂接提交数据考核表 -> 关系表
    function turnToLeft2() {
        turnToLeft(1);
    }
    // 出口表挂接提交数据关系 -> 考核表
    function turnToRight2() {
        turnToRight(1);
    }

    // 户表挂接
    function turnToLeftUser() {
        var submitDatas = "";
        if (!PointTreeCode) {
            return alert("请选择分区!")
        }
        if (isOwnEmpty(selectUserOutMeters)) {
            return alert("请选择数据!")
        }
        for (var selectUserOutMeter in selectUserOutMeters) {
            submitDatas += selectUserOutMeters[selectUserOutMeter] + "|";
        }
        submitDatas = submitDatas.substr(0, submitDatas.length - 1);
        $.SaveForm({
            url: '/DMAManage/PartitionSetting/SettingMeterUserIn',
            param: { "meterIds": submitDatas, DMAID: PointTreeCode},
            loading: "正在保存数据...",
            success: function () {
                refreshUserIn();
                refreshUserOut();
                selectUserInMeters = {};
                selectUserOutMeters = {};
            }
        });
    }

    // 户表挂接删除
    function turnToRightUser() {
        var submitDatas = "";
        if (!PointTreeCode) {
            return alert("请选择分区!")
        }
        if (isOwnEmpty(selectUserInMeters)) {
            return alert("请选择数据!")
        }
        for (var selectUserInMeter in selectUserInMeters) {
            submitDatas += selectUserInMeters[selectUserInMeter] + "|";
        }
        submitDatas = submitDatas.substr(0, submitDatas.length - 1);
        $.SaveForm({
            url: '/DMAManage/PartitionSetting/SettingMeterUserOut',
            param: { "meterIds": submitDatas},
            loading: "正在保存数据...",
            success: function () {
                refreshUserIn();
                refreshUserOut();
                selectUserInMeters = {};
                selectUserOutMeters = {};
            }
        });
    }

    // 判断一个对象是否为空对象
    function isOwnEmpty(obj) {
        for (var name in obj) {
            if (obj.hasOwnProperty(name)) {
                return false;
            }
        }
        return true;
    };

    // 获取数据
    function GetUserMeterDatas(DMAID) {
        // 如果已经展示数据，做刷新表格数据操作
        if (userHasShow) {
            refreshUserIn();
            refreshUserOut();
        } else {
            userHasShow = true;
            // 获取关系表数据
            GetDMAMeterUserPointGrid(DMAID, "#pointGridUserInTable", "#gridUserInPager");
            // 获取户表数据
            GetMeterUserPointGrid(DMAID, "#pointGridUserOutTable", "#gridUserOutPager");
        }
    }

    // 获取户表关联用户数据
    function GetDMAMeterUserPointGrid(DMAID, grid, gridPager) {
        // 请求参数
        var postData = { keyType: '', keyWord: '', DMAID: DMAID }
        // 展示列
        var colModel = [
            { name: "MeterUserId", label: "用户ID", hidden: true },
            { name: "MeterCode", label: "水表编码", hidden: true },
            { name: "ClientNo", label: "用户编码", width: 130, align: "center", fixed: true },
            { name: "ClientName", label: "用户名称", width: 130, align: "center", fixed: true },
            { name: "MeterAddress", label: "用户地址", width: 200, align: "center", fixed: true }
        ]
        // 设置表格
        GetPointGrid(
            grid,
            gridPager,
            "/DMAManage/PartitionSetting/GetDMAMeterUsers",
            postData,
            colModel,
            function onSelectRow(id, status) {
                var page = $(grid).getGridParam('page');
                if (status) {
                    selectUserInMeters[id + "_" + page] = $(grid).getRowData(id)["MeterUserId"];
                }
                else {
                    delete selectUserInMeters[id + "_" + page];
                }
            },
            function onSelectAll(aRowids, status) {
                var page = $(grid).getGridParam('page');
                for (var i = 0; i < aRowids.length; i++) {
                    if (status) {
                        selectUserInMeters[aRowids[i] + "_" + page] = $(grid).getRowData(aRowids[i])["MeterUserId"]
                    } else {
                        delete selectUserInMeters[aRowids[i] + "_" + page]
                    }
                }
            },
            function gridComplete() {
                var selectDatas = selectUserInMeters;
                setUserHasSelections(selectDatas, grid);
            }
       );
    }

    // 获取户表数据
    function GetMeterUserPointGrid(DMAID, grid, gridPager) {
        // 请求参数
        var postData = { keyType: '', keyWord: '', DMAID: DMAID }
        // 展示列
        var colModel = [
            { name: "MeterUserId", label: "用户ID", hidden: true },
            { name: "MeterCode", label: "水表编码", hidden: true },
            { name: "ClientNo", label: "用户编码", width: 130, align: "center", fixed: true },
            { name: "ClientName", label: "用户名称", width: 130, align: "center", fixed: true },
            { name: "MeterAddress", label: "用户地址", width: 200, align: "center", fixed: true }
        ]
        // 设置表格
        GetPointGrid(
            grid,
            gridPager,
            "/DMAManage/PartitionSetting/GetMeterUsers",
            postData,
            colModel,
            function onSelectRow(id, status) {
                var page = $(grid).getGridParam('page');
                if (status) {
                    selectUserOutMeters[id + "_" + page] = $(grid).getRowData(id)["MeterUserId"];
                }
                else {
                    delete selectUserOutMeters[id + "_" + page];
                }
            },
            function onSelectAll(aRowids, status) {
                var page = $(grid).getGridParam('page');
                for (var i = 0; i < aRowids.length; i++) {
                    if (status) {
                        selectUserOutMeters[aRowids[i] + "_" + page] = $(grid).getRowData(aRowids[i])["MeterUserId"]
                    } else {
                        delete selectUserOutMeters[aRowids[i] + "_" + page]
                    }
                }
            },
            function gridComplete() {
                var selectDatas = selectUserOutMeters;
                setUserHasSelections(selectDatas, grid);
            }
       );
    }
</script>

<div class="ui-layout" id="layout" style="height: 100%; width: 100%;">
    <div class="ui-layout-west">
        <div class="west-Panel">
            <div class="panel-Title">分区列表</div>
            <div id="itemTree"></div>
        </div>
        pointGridInTable
    </div>
    <div class="ui-layout-center">
        <div class="center-Panel">
            <div id="tabs">
                <ul id="tabs-ul">
                    <li><a href="#tabs-1">挂入口水表</a></li>
                    <li><a href="#tabs-2">挂出口水表</a></li>
                    <li><a href="#tabs-3">挂户表</a></li>
                </ul>
                <div id="tabs-1">
                    <div class="gridsContainer">
                        <div class="leftDiv">
                            <div class="gridTitle"><span class="titleText" id="titleRelationIn">入口水表挂接</span></div>
                            <div class="gridSearch">
                                <table style="float: left;">
                                    <tr>
                                        <td>
                                            <p class="searchText">查询方式</p>
                                        </td>
                                        <td>
                                            <div id="queryConditionIn1" class="btn-group" style="margin-left: 10px">
                                                <a class="btn btn-default dropdown-text" data-toggle="dropdown">查询方式</a>
                                                <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                    <li><a data-value="MeterAssessmentName">考核表名称</a></li>
                                                    <li><a data-value="MeterAssessmentCode">考核表编码</a></li>
                                                </ul>
                                            </div>
                                        </td>
                                        <td>
                                            <input id="conditionIn1" type="text" style="margin-left: 10px"/>
                                        </td>
                                        <td style="padding-left: 10px;">
                                            <a onclick="searchIn1()" class="btn btn-primary" style="color: white">&nbsp;查&nbsp;&nbsp;询</a>
                                            <a onclick="refreshIn1()"  class="btn btn-info" style="color: white">&nbsp;刷&nbsp;&nbsp;新</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class ="gridContainer1">
                                <table id="pointGridInTable1"></table>
                                <div id="gridInPager1"></div>
                            </div>
                        </div>
                        <div class="centerDiv">
                            <div class="center">
                                <div style="margin: 0 auto;width: 34px;">
                                    <i style="font-size: 40px;" class="fa fa-arrow-circle-left" onclick="turnToLeft1()"></i>
                                </div>
                                <br />
                                <div style="margin: 0 auto;width: 34px;">
                                    <i style="font-size: 40px;" class="fa fa-arrow-circle-right" onclick="turnToRight1()"></i>
                                </div>
                            </div>
                        </div>
                        <div class="rightDiv">
                            <div class="gridTitle"><span class="titleText" id="titleMeterIn">考核表</span></div>
                            <div class="gridSearch">
                                <table style="float: left;">
                                    <tr>
                                        <td>
                                            <p class="searchText">查询方式</p>
                                        </td>
                                        <td>
                                            <div id="queryConditionOut1" class="btn-group" style="margin-left: 10px">
                                                <a class="btn btn-default dropdown-text" data-toggle="dropdown">查询方式</a>
                                                <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                    <li><a data-value="MeterAssessmentName">考核表名称</a></li>
                                                    <li><a data-value="MeterAssessmentCode">考核表编码</a></li>
                                                </ul>
                                            </div>
                                        </td>
                                        <td>
                                            <input id="conditionOut1" type="text" style="margin-left: 10px"/>
                                        </td>
                                        <td style="padding-left: 10px;">
                                            <a onclick="searchOut1()" class="btn btn-primary" style="color: white">&nbsp;查&nbsp;&nbsp;询</a>
                                            <a onclick="refreshOut1()" class="btn btn-info" style="color: white">&nbsp;刷&nbsp;&nbsp;新</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="gridContainer1">
                                <table id="pointGridOutTable1"></table>
                                <div id="gridOutPager1"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="tabs-2">
                    <div class="gridsContainer">
                        <div class="leftDiv">
                            <div class="gridTitle"><span class="titleText" id="titleRelationOut">出口水表挂接</span></div>
                                <div class="gridSearch">
                                    <table style="float: left;">
                                        <tr>
                                            <td>
                                                <p class="searchText">查询方式</p>
                                            </td>
                                            <td>
                                                <div id="queryConditionIn2" class="btn-group" style="margin-left: 10px">
                                                    <a class="btn btn-default dropdown-text" data-toggle="dropdown">查询方式</a>
                                                    <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                                    <ul class="dropdown-menu">
                                                        <li><a data-value="MeterAssessmentName">考核表名称</a></li>
                                                        <li><a data-value="MeterAssessmentCode">考核表编码</a></li>
                                                    </ul>
                                                </div>
                                            </td>
                                            <td>
                                                <input id="conditionIn2" type="text" style="margin-left: 10px"/>
                                            </td>
                                            <td style="padding-left: 10px;">
                                                <a onclick="searchIn2()" class="btn btn-primary" style="color: white">&nbsp;查&nbsp;&nbsp;询</a>
                                                <a onclick="refreshIn2()"  class="btn btn-info" style="color: white">&nbsp;刷&nbsp;&nbsp;新</a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class ="gridContainer2">
                                    <table id="pointGridInTable2"></table>
                                    <div id="gridInPager2"></div>
                                </div>
                            </div>
                        <div class="centerDiv">
                            <div class="center">
                                <div style="margin: 0 auto;width: 34px;">
                                    <i style="font-size: 40px;" class="fa fa-arrow-circle-left" onclick="turnToLeft2()"></i>
                                </div>
                                <br />
                                <div style="margin: 0 auto;width: 34px;">
                                    <i style="font-size: 40px;" class="fa fa-arrow-circle-right" onclick="turnToRight2()"></i>
                                </div>
                            </div>
                        </div>
                        <div class="rightDiv">
                            <div class="gridTitle"><span class="titleText" id="titleMeterOut">考核表</span></div>
                            <div class="gridSearch">
                                <table style="float: left;">
                                    <tr>
                                        <td>
                                            <p class="searchText">查询方式</p>
                                        </td>
                                        <td>
                                            <div id="queryConditionOut2" class="btn-group" style="margin-left: 10px">
                                                <a class="btn btn-default dropdown-text" data-toggle="dropdown">查询方式</a>
                                                <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                    <li><a data-value="MeterAssessmentName">考核表名称</a></li>
                                                    <li><a data-value="MeterAssessmentCode">考核表编码</a></li>
                                                </ul>
                                            </div>
                                        </td>
                                        <td>
                                            <input id="conditionOut2" type="text" style="margin-left: 10px"/>
                                        </td>
                                        <td style="padding-left: 10px;">
                                            <a onclick="searchOut2()" class="btn btn-primary" style="color: white">&nbsp;查&nbsp;&nbsp;询</a>
                                            <a onclick="refreshOut2()" class="btn btn-info" style="color: white">&nbsp;刷&nbsp;&nbsp;新</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="gridContainer2">
                                <table id="pointGridOutTable2"></table>
                                <div id="gridOutPager2"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="tabs-3">
                    <div class="gridsContainer">
                        <div class="leftDiv">
                            <div class="gridTitle"><span class="titleText" id="titleUserIn">户表挂接</span></div>
                            <div class="gridSearch">
                                <table style="float: left;">
                                    <tr>
                                        <td>
                                            <p class="searchText">查询方式</p>
                                        </td>
                                        <td>
                                            <div id="queryUserIn" class="btn-group" style="margin-left: 10px">
                                                <a class="btn btn-default dropdown-text" data-toggle="dropdown">查询方式</a>
                                                <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                    <li><a data-value="ClientNo">用户编码</a></li>
                                                    <li><a data-value="ClientName">用户名称</a></li>
                                                    <li><a data-value="MeterCode">水表编码</a></li>
                                                    <li><a data-value="MeterAddress">水表地址</a></li>
                                                </ul>
                                            </div>
                                        </td>
                                        <td>
                                            <input id="userIn" type="text" style="margin-left: 10px"/>
                                        </td>
                                        <td style="padding-left: 10px;">
                                            <a onclick="searchUserIn()" class="btn btn-primary" style="color: white">&nbsp;查&nbsp;&nbsp;询</a>
                                            <a onclick="refreshUserIn()"  class="btn btn-info" style="color: white">&nbsp;刷&nbsp;&nbsp;新</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class ="gridContainer3">
                                <table id="pointGridUserInTable"></table>
                                <div id="gridUserInPager"></div>
                            </div>
                        </div>
                        <div class="centerDiv">
                            <div class="center">
                                <div style="margin: 0 auto;width: 34px;">
                                    <i style="font-size: 40px;" class="fa fa-arrow-circle-left" onclick="turnToLeftUser()"></i>
                                </div>
                                <br />
                                <div style="margin: 0 auto;width: 34px;">
                                    <i style="font-size: 40px;" class="fa fa-arrow-circle-right" onclick="turnToRightUser()"></i>
                                </div>
                            </div>
                        </div>
                        <div class="rightDiv">
                            <div class="gridTitle"><span class="titleText" id="titleUserOut">户表</span></div>
                            <div class="gridSearch">
                                <table style="float: left;">
                                    <tr>
                                        <td>
                                            <p class="searchText">查询方式</p>
                                        </td>
                                        <td>
                                            <div id="queryUserOut" class="btn-group" style="margin-left: 10px">
                                                <a class="btn btn-default dropdown-text" data-toggle="dropdown">查询方式</a>
                                                <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
                                                <ul class="dropdown-menu">
                                                    <li><a data-value="ClientNo">用户编码</a></li>
                                                    <li><a data-value="ClientName">用户名称</a></li>
                                                    <li><a data-value="MeterCode">水表编码</a></li>
                                                    <li><a data-value="MeterAddress">水表地址</a></li>
                                                </ul>
                                            </div>
                                        </td>
                                        <td>
                                            <input id="userOut" type="text" style="margin-left: 10px"/>
                                        </td>
                                        <td style="padding-left: 10px;">
                                            <a onclick="searchUserOut()" class="btn btn-primary" style="color: white">&nbsp;查&nbsp;&nbsp;询</a>
                                            <a onclick="refreshUserOut()" class="btn btn-info" style="color: white">&nbsp;刷&nbsp;&nbsp;新</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="gridContainer3">
                                <table id="pointGridUserOutTable"></table>
                                <div id="gridUserOutPager"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@*    <div style="position: absolute;top: 20px;right:50px">
        <a onclick="reload();">刷新</a>
    </div>*@
</div>