NBDXSY/LeaRun.Application/LeaRun.Application.Web/Areas/NBManage/Views/NBUserManage/Index.cshtml

@{
    ViewBag.Title = "用户管理";
    Layout = "~/Views/Shared/_LayoutIndex.cshtml";
}
<script>
    "use strict"
    $(document).ready(function () {
        InitialPage();
        InitControl();
        GetTree();
        GetPointGrid();
        //表格表头居中显示
        $(".ui-th-column").css("text-align", "center");
    });

    //初始化页面
    function InitialPage() {
        //layout布局
        $('#layout').layout({
            applyDemoStyles: true,
            onresize: function () {
                $(window).resize();
            }
        });
        // resize重设(表格、树形)宽高
        $(window).resize(function (e) {
            window.setTimeout(function () {
                $("#pointGridTable").setGridWidth(($('.gridPanel').width()));
                $("#pointGridTable").setGridHeight($(window).height() - 160);
                $("#itemTree").setTreeHeight($(window).height() - 52);
            }, 200);
            e.stopPropagation();
        });
    }
    //加载树
    var PointTreeCode = 0;
    var ParentId = 0;
    var PParentId = 0;
    function GetTree() {
        var item = {
            height: $(window).height() - 52,
            url: "/NBManage/NBAreas/GetTreeJson",
            showcheck: false,
            isexpand: true,
            onnodeclick: function (item) {
                PointTreeCode = item.id;
                ParentId = item.parentnodes;
                if (item.parentnodes.split("_")[0] == "level2") {
                    PParentId = item.parent.parent.value;//添加用户时，保存水表信息时需要的小区ID
                }

                ReloadData()
                //展开下级
                // $(".bbit-tree-selected").children('.bbit-tree-ec-icon').trigger("click");
            }
        };

        //初始化
        $("#itemTree").treeview(item);
    }
    // 初始化控件
    function InitControl() {
        $("#queryAreas .dropdown-menu li").click(function () {
            var text = $(this).find('a').html();
            var value = $(this).find('a').attr('data-value');
            $("#queryAreas .dropdown-text").html(text).attr('data-value', value)
            ReloadData()
        });
    }

    // 刷新数据
    function ReloadData() {
        if (PointTreeCode) {
            var id = PointTreeCode.split("_")[1]
            var level = PointTreeCode.split("_")[0]
            //var searchType = $("#queryAreas").find('.dropdown-text').attr('data-value') || 'Area'
            var searchType = "Meter"
            $("#pointGridTable").jqGrid('setGridParam', {
                postData: { keyword: "", searchType: searchType, id: id, level: level },
                page: 1
            }).trigger('reloadGrid');
        }
    }
    // , PageTable.MeterNo, PageTable.IMEI
    //获取列表
    function GetPointGrid() {
        var $gridTable = $('#pointGridTable');
        $gridTable.jqGrid({
            url: "/NBManage/NBUserManage/GetNBUserList",
            datatype: "json",
            height: $(window).height() - 138.8,
            autowidth: true,
            rownumbers: true,
            postData: { keyword: "", searchType: "", id: "", level: "" },
            colModel: [
                { name: "AreaID", label: "区域id", hidden: true },
                { name: "BldgID", label: "楼宇id", hidden: true },
                { name: "ApmtID", label: "单元id", hidden: true },
                { name: "RoomID", label: "房间id", hidden: true },
                { name: "MeterID", label: "表具id", hidden: true },
                { name: "AreaName", label: "区域名称", align: "left", hidden: true },
                { name: "BldgName", label: "楼宇名称", align: "left", hidden: true },
                { name: "ApmtName", label: "单元名称", align: "left", hidden: true },
                { name: "RoomName", label: "房间名称", align: "left", hidden: true },
                { name: "totalAddr", label: "区域名称", width: 250, align: "left", fixed: true },
                { name: "UserNo", label: "用户编号", width: 100, align: "left", fixed: true },
                { name: "UserName", label: "用户名称", width: 100, align: "left", fixed: true },
                { name: "ElecAddress", label: "表具地址", width: 130, align: "right", fixed: true },
                { label: "表读数", name: "NowReading", width: 100, align: "right", sortable: false, formatter: 'number', formatoptions: { decimalPlaces: 2, defaulValue: "", thousandsSeparator: "," }, fixed: true },
                { name: "IOT_Code", label: "DeviceId", width: 300, align: "left", fixed: true },
                { name: "IMEI", label: "IMEI", width: 150, align: "right", fixed: true },
                { name: "ICCID", label: "ICCID", width: 150, align: "right", fixed: true },
                { label: "表类型", name: "MeterTypeName", width: 100, align: "left", sortable: false, fixed: true },
                { label: "NB表类型", name: "NBDevTypeName", width: 100, align: "left", sortable: false, fixed: true },
                { label: "NB厂商", name: "NBDevManufacturerName", width: 100, align: "left", sortable: false, fixed: true },
                { label: "NB厂商ID", name: "NBDevManufacturerCodeName", width: 100, align: "left", sortable: false, fixed: true },
                { label: "NB型号", name: "NBTypeCodeName", width: 100, align: "left", sortable: false, fixed: true }
            ],
            pager: '#gridpager',
            viewrecords: true,
            rowNum: 30,
            rowList: [30, 50, 100],
            gridview: true,
            sortable: true,
            sortname: "AreaID",
            sortorder: "desc",
            gridComplete: function () {
                $("#pointGridTable").getDataIDs();
            }
        });
    }

    // 查询数据
    function searchData() {
        var keyword = $("#keyword").val()
        $("#pointGridTable").jqGrid('setGridParam', {
            postData: { keyword: keyword, searchType: "Meter", id: "", level: "level5" },
            page: 1
        }).trigger('reloadGrid');
    }
    // 添加
    function addData() {
        if (!PointTreeCode) {
            return alert("请选择父级数据项！")
        }
        var level = PointTreeCode.split("_")[0]
        var parentId = PointTreeCode.split("_")[1]
        if (level === "level0") {
            dialogOpen({
                id: "AreaForm",
                title: '添加小区',
                url: '/NBManage/NBUserManage/AreaForm?keyValue=""',
                width: "600px",
                height: "300px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptAreaClick();
                }
            });
        } else if (level === "level1") {
            dialogOpen({
                id: "BldgForm",
                title: '添加楼宇',
                url: '/NBManage/NBUserManage/BldgForm?keyValue=""',
                width: "600px",
                height: "300px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptBldgClick();
                }
            });
        } else if (level === "level2") {
            dialogOpen({
                id: "ApmtForm",
                title: '添加单元',
                url: '/NBManage/NBUserManage/ApmtForm?keyValue=""',
                width: "600px",
                height: "300px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptApmtClick();
                }
            });
        } else if (level === "level3") {
            dialogOpen({
                id: "UserForm",
                title: '添加用户',
                url: '/NBManage/NBUserManage/UserForm?keyValue=""',
                width: "750px",
                height: "550px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptApmtClick();
                }
            });
        }
    }

    // 编辑
    function editData() {
        //首先判断  jqgrid 中有没有选中数据
        //有的话 执行删除表信息 操作
        var IOT_Code = $("#pointGridTable").jqGridRowValue("IOT_Code");
        var RoomID = $("#pointGridTable").jqGridRowValue("RoomID");
        var MeterID = $("#pointGridTable").jqGridRowValue("MeterID");

        if (RoomID != null && RoomID != "") {
            dialogOpen({
                id: "ApmtForm",
                title: '编辑用户信息',
                url: '/NBManage/NBUserManage/UserForm?keyValue=' + RoomID + "_" + MeterID,
                width: "750px",
                height: "500px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptApmtClick();
                }
            });
            return;
        }

        if (!PointTreeCode) {
            return alert("请选择修改的数据项！")
        } else if (PointTreeCode === "level0_0") {
            return alert("全部区域不允许修改！");
        }
        var id = PointTreeCode.split("_")[1]
        var level = PointTreeCode.split("_")[0]
        if (level === "level1") {
            dialogOpen({
                id: "AreaForm",
                title: '修改小区信息',
                url: '/NBManage/NBUserManage/AreaForm?keyValue=' + id,
                width: "600px",
                height: "300px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptAreaClick();
                }
            });
        } else if (level === "level2") {
            dialogOpen({
                id: "BldgForm",
                title: '修改楼宇信息',
                url: '/NBManage/NBUserManage/BldgForm?keyValue=' + id,
                width: "600px",
                height: "300px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptBldgClick();
                }
            });
        } else if (level === "level3") {
            dialogOpen({
                id: "ApmtForm",
                title: '修改单元信息',
                url: '/NBManage/NBUserManage/ApmtForm?keyValue=' + id,
                width: "600px",
                height: "300px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptApmtClick();
                }
            });
        } else if (level === "level4") {
            dialogOpen({
                id: "ApmtForm",
                title: '编辑用户信息',
                url: '/NBManage/NBUserManage/UserForm?keyValue=' + id,
                width: "750px",
                height: "500px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptApmtClick();
                }
            });
        } else if (level === "level5") {
            dialogOpen({
                id: "ApmtForm",
                title: '编辑表具信息',
                url: '/NBManage/NBUserManage/MeterForm?keyValue=' + id,
                width: "750px",
                height: "500px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptApmtClick();
                }
            });
        }
    }
    // 删除
    function deleteData() {
        //首先判断  jqgrid 中有没有选中数据
        //有的话 执行删除表信息 操作
        var IOT_Code = $("#pointGridTable").jqGridRowValue("IOT_Code");
        var RoomID = $("#pointGridTable").jqGridRowValue("RoomID");
        var MeterID = $("#pointGridTable").jqGridRowValue("MeterID");

        if (RoomID != null && RoomID != "") {
            $.RemoveForm({
                url: "/NBManage/NBUserManage/DeleteUserForm",
                param: { id: RoomID },
                success: function (data) {
                    $("#pointGridTable").trigger("reloadGrid");
                    GetTree();
                }
            })
            return;
        }


        if (!PointTreeCode) {
            return alert("请选择删除的数据项！")
        } else if (PointTreeCode === "level0_0") {
            return alert("全部区域不允许删除！");
        }
        var id = PointTreeCode.split("_")[1]
        var level = PointTreeCode.split("_")[0]
        if (level === "level1") {
            $.RemoveForm({
                url: "/NBManage/NBUserManage/DeleteAreaForm",
                param: { id: id },
                success: function (data) {
                    $("#pointGridTable").trigger("reloadGrid");
                    GetTree();
                }
            })
        } else if (level === "level2") {
            $.RemoveForm({
                url: "/NBManage/NBUserManage/DeleteBldgForm",
                param: { id: id },
                success: function (data) {
                    $("#pointGridTable").trigger("reloadGrid");
                    GetTree();
                }
            })
        } else if (level === "level3") {
            $.RemoveForm({
                url: "/NBManage/NBUserManage/DeleteApmtForm",
                param: { id: id },
                success: function (data) {
                    $("#pointGridTable").trigger("reloadGrid");
                    GetTree();
                }
            })
        }
    }

    //导出
    function btn_export() {
        var datavalue = $("#pointGridTable").jqGrid('getRowData');   //获取全部数据
        dialogOpen({
            id: "ExcelIExportDialog",
            title: '导出',
            url: '/Utility/ExcelExportForm?gridId=pointGridTable&filename=用户资料',
            width: "500px",
            height: "380px",
            callBack: function (iframeId) {
                top.frames[iframeId].AcceptClick();
            }, btn: ['导出Excel', '关闭']
        });
    }

    //换表
    function btn_change() {
        var keyValue = $("#pointGridTable").jqGridRowValue("MeterID");
        if (checkedRow(keyValue)) {
            dialogOpen({
                id: "Form",
                title: '换表',
                url: '/NBManage/NBChangeMeterManage/Form?keyValue=' + keyValue,
                width: "750px",
                height: "500px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptClick();
                }
            });
        }
    }
    //移动表
    function btn_move() {
        var keyValue = $("#pointGridTable").jqGridRowValue("MeterID");
        if (checkedRow(keyValue)) {
            dialogOpen({
                id: "Form",
                title: '移动表位置',
                url: '/NBManage/NBUserManage/RemoveMeterForm?keyValue=' + keyValue,
                width: "750px",
                height: "350px",
                callBack: function (iframeId) {
                    top.frames[iframeId].AcceptClick();
                }
            });
        }
    }
</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>

    </div>
    <div class="ui-layout-center">
        <div class="center-Panel">
            <div class="titlePanel">
                <div class="title-search">
                    <table>
                        <tr>
                            <td style="padding-left: 10px;">
                                <a id="btn_add" class="btn btn-primary" onclick="addData()">&nbsp;添&nbsp;&nbsp;加</a>
                            </td>
                            <td style="padding-left: 10px;">
                                <a id="btn_edit" class="btn btn-primary" onclick="editData()">&nbsp;修&nbsp;&nbsp;改</a>
                            </td>
                            <td style="padding-left: 10px;">
                                <a id="btn_remove" class="btn btn-primary" onclick="deleteData()">&nbsp;删&nbsp;&nbsp;除</a>
                            </td>
                            <td hidden>
                                <div id="queryAreas" 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="Area">小区信息</a></li>
                                        <li><a data-value="Bldg">楼宇信息</a></li>
                                        <li><a data-value="Apmt">单元信息</a></li>
                                        <li><a data-value="Room">用户信息</a></li>
                                        <li><a data-value="Meter">水表信息</a></li>
                                    </ul>
                                </div>
                            </td>
                            <td style="padding-left: 10px;">
                                <input type="text" id="keyword" name="keyword" class="form-control" style="width: 130px;" />
                            </td>
                            <td style="padding-left: 10px;">
                                <a id="btn_point_Search" class="btn btn-primary" onclick="searchData()">&nbsp;查&nbsp;&nbsp;询</a>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="toolbar">
                    <div class="btn-group">
                        <a id="lr-replace" class="btn btn-default" onclick="btn_change();"><i class="fa fa-exchange"></i>&nbsp;换表</a>
                        <a id="lr-replace" class="btn btn-default" onclick="btn_move();"><i class="fa fa-arrows-h"></i>&nbsp;移表</a>
                        <a id="lr-replace" class="btn btn-default" onclick="reload();"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
                        <a id="lr-export" class="btn btn-default" onclick="btn_export()"><i class="fa fa-sign-out"></i>&nbsp;导出</a>
                    </div>
                </div>
            </div>
            <div class="gridPanel" id="gridpanel">
                <table id="pointGridTable"></table>
                <div id="gridpager"></div>
            </div>
        </div>
    </div>
</div>