WebTM/views/»ù´¡×ÊÁÏ/¸¨Öú»ù´¡×ÊÁÏ/Gy_MaintenanceMode.html
@@ -14,7 +14,19 @@
    <script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
    <script src="../../../layuiadmin/Scripts/webConfig.js"></script>
    <script src="../../../layuiadmin/layui/lay/modules/util.js"></script>
    <style media="screen">
        .custom-tree-item-clicked {
            color: #FC9003
        }
        .layui-form-label {
            width: 40px;
            padding: 9px 5px;
        }
        .layui-input-block {
            margin-left: 50px;
        }
    </style>
</head>
<body>
    <div class="layui-fluid">
@@ -36,10 +48,10 @@
                                <div class="layui-form-item" style="border-top: solid 1px #F6F6F6;">
                                    <div class="layui-row" style="padding:10px 0">
                                        <div class="layui-col-xs3 layui-inline" style="width: 23%;">
                                        <div class="layui-col-xs3 layui-inline" style="width: 23%;display:none;">
                                            <div id="treeDepartment" lay-filter="treeDepartment" class="demo-tree demo-tree-box" style="height: 520px; overflow: scroll;"></div>
                                        </div>
                                        <div class="layui-col-xs9 layui-inline">
                                        <div class="layui-col-xs12 layui-inline">
                                            <div class="layui-row">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">代码</label>
@@ -112,6 +124,10 @@
    <script src="../../../layuiadmin/layui/zgqlayui.js"></script>
    <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
    <script>
        var treeCkData = { id: 0 };
        var TagId = "";
        var TagParentId = "";
        layui.config({
            base: '../../../layuiadmin/' //静态资源所在路径
        }).extend({
@@ -129,46 +145,51 @@
                , tree = layui.tree
            var sWhere = "";
            //tree.render({
            //    elem: '#treeDepartment',
            //    data: getData(sWhere),
            //    showCheckbox: false,     //是否显示复选框
            //    id: 'demoId',
            //    isJump: false, //是否允许点击节点时弹出新窗口跳转
            //    showLine: true,//是否开启连接线
            //    onlyIconControl: true,   //点击后不收缩
            //    click: function (obj) {
            //        //点击高光
            //        if (obj.data.id !== treeCkData.id) {
            //            $('div[data-id="' + obj.data.id + '"] span').eq(1).last().addClass("custom-tree-item-clicked");
            //            $('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked');
            //            treeCkData = obj.data;
            //            TagId = obj.data.id;
            //            TagParentId = obj.data.ParentID;
            //        }
            //        else {
            //            $('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked');
            //            treeCkData = { id: 0 };
            //            TagId = "";
            //            TagParentId = "";
            //        }
            $.ajax({
                url: GetWEBURL() + '/Gy_MaintenanceMode/LoadTree',
                type: "GET",
                data: { "sWhere": sWhere },
                success: function (result) {
                    console.info(result);
                    var data = result.data;
                    //生成数据对象集合
                    var treeData = LoadTree(data);
                    tree.render({
                        elem: '#treeDepartment',
                        data: treeData,
                        id: 'treeId',
                        disabled: 'disabled',
                        click: function (obj) {
                            $.ajax({
                                url: GetWEBURL() + '/Gy_MaintenanceMode/cx',
                                type: "GET",
                                data: { "HInterID": obj.data.ID },
                                success: function (data1) {
                                    if (data1.count == 1) {
                                        option.data = data1.data;
                                        table.render(option);
                                        layer.close(index);
                                    } else {
                                        layer.close(index);
                                        layer.alert(data1.code + data1.Message, { icon: 5 });
                                    }
                                }, error: function () {
                                    layer.close(index);
                                    layer.alert("接口请求失败!", { icon: 5 });
                                }
                            });
                        },
                        showCheckbox: false,     //是否显示复选框
                        showLine:false
                    });
                }
            });
            //        $.ajax({
            //            url: GetWEBURL() + '/Gy_MaintenanceMode/cx',
            //            type: "GET",
            //            data: { "HInterID": obj.data.id },
            //            success: function (data1) {
            //                if (data1.count == 1) {
            //                    option.data = data1.data;
            //                    table.render(option);
            //                    layer.close(index);
            //                } else {
            //                    layer.close(index);
            //                    layer.alert(data1.code + data1.Message, { icon: 5 });
            //                }
            //            }, error: function () {
            //                layer.close(index);
            //                layer.alert("接口请求失败!", { icon: 5 });
            //            }
            //        });
            //    }
            //});
            //$.ajax({
            //    type: "get",
@@ -208,10 +229,13 @@
                //, toolbar: '#toolbarDemo'
                , height: 'full-50'
                , page: true
                , limits: [50, 500, 5000, 50000]
                , limit: 50
                , cellMinWidth: 90
                , cols: [[
                    { type: 'radio', fixed: 'left' }
                    , { field: 'HItemID', title: 'HItemID', sort: true, hide: true }
                    , { field: 'ParentID', title: 'ParentID', sort: true, hide: true }
                    , { field: '维修方式代码', title: '维修方式代码' }
                    , { field: '维修方式名称', title: '维修方式名称' }
                    , { field: '备注', title: '备注' }
@@ -254,7 +278,7 @@
                    shift: 2,
                    area: ['50%', '50%'],
                    maxmin: true,
                    content: '../辅助基础资料/Sb_Add_MaintenanceMode.html',
                    content:['../辅助基础资料/Sb_Add_MaintenanceMode.html?hID=' + TagId + ''],
                    end: function () {
                        //刷新页面,
                        location.reload();
@@ -268,24 +292,17 @@
            //删除
            form.on('submit(btndelete)', function (obj) {
                var ModRightNameDelete = 'Gy_RepairType_Delete'
                //var data = obj.data //获得当前行数据
                //    , layEvent = obj.event; //获得 lay-event å¯¹åº”的值
                var checkStatus = table.checkStatus('mainTable')
                    , data = checkStatus.data;
                var layEvent = checkStatus.event;
                if (checkStatus.data.length === 1) {
                if (TagId != "") {
                    layer.confirm('您确定要删除吗?', {
                        btn: ['确定', '取消'] //按钮
                        , yes: function (index, layero) {
                            $.ajax({
                                url: GetWEBURL() + '/Gy_MaintenanceMode/Delete_Json',
                                type: "GET",
                                //async: true,
                                data: { "HItemID": data[0].HItemID, "User": sessionStorage["HUserName"], "ModRightNameDelete": ModRightNameDelete },
                                data: { "HItemID": TagId, "User": sessionStorage["HUserName"], "ModRightNameDelete": ModRightNameDelete },
                                success: function (result) {
                                    if (result.count == 1) {
                                        layer.msg(result.Message, { time: 1 * 1000, icon: 1 }, function () {
@@ -308,7 +325,45 @@
                    });
                }
                else {
                    layer.msg('请选择一行数据编辑!');
                    //var data = obj.data //获得当前行数据
                    //    , layEvent = obj.event; //获得 lay-event å¯¹åº”的值
                    var checkStatus = table.checkStatus('mainTable')
                        , data = checkStatus.data;
                    var layEvent = checkStatus.event;
                    if (checkStatus.data.length === 1) {
                        layer.confirm('您确定要删除吗?', {
                            btn: ['确定', '取消'] //按钮
                            , yes: function (index, layero) {
                                $.ajax({
                                    url: GetWEBURL() + '/Gy_MaintenanceMode/Delete_Json',
                                    type: "GET",
                                    //async: true,
                                    data: { "HItemID": data[0].HItemID, "User": sessionStorage["HUserName"], "ModRightNameDelete": ModRightNameDelete },
                                    success: function (result) {
                                        if (result.count == 1) {
                                            layer.msg(result.Message, { time: 1 * 1000, icon: 1 }, function () {
                                                // å¾—到frame索引
                                                var index = layer.getFrameIndex(window.name);
                                                //关闭当前frame
                                                layer.close(index);
                                                //修改为功后刷新界面
                                                window.location.reload();
                                                //重载tree
                                                tree.reload('treeDepartment', {});
                                            });
                                        } else {
                                            layer.alert(result.code + result.Message, { icon: 5 });
                                        }
                                    }
                                })
                            }
                        });
                    }
                    else {
                        layer.msg('请选择一行数据编辑!');
                    }
                }
            });
@@ -348,11 +403,7 @@
            //修改按钮
            form.on('submit(btnModify)', function (data) {
                var checkStatus = table.checkStatus('mainTable')
                    , data = checkStatus.data;
                if (checkStatus.data.length === 1) {
                    var hID = data[0].HItemID.toString();
                    //if (AllowLoadData(sSubStr) != false) {//非空验证
                if (TagId != "") {
                    layer.open({
                        type: 2
                        , area: ['50%', '50%']
@@ -361,7 +412,7 @@
                        , shade: 0.6 //遮罩透明度
                        , maxmin: true //允许全屏最小化
                        , anim: 0 //0-6的动画形式,-1不开启
                        , content: ['../辅助基础资料/Sb_Add_MaintenanceMode.html??hID=' + hID + '&HType=Modify', 'yes']
                        , content: ['../辅助基础资料/Sb_Add_MaintenanceMode.html?hID=' + TagId + '&HType=Modify&TagParentId=' + TagParentId + '', 'yes']
                        , resize: false,
                        end: function () {
                            //刷新页面,
@@ -371,9 +422,36 @@
                            //$(".layui-btn").removeClass("layui-btn-disabled");
                        }
                    })
                }
                else {
                    var checkStatus = table.checkStatus('mainTable')
                        , data = checkStatus.data;
                    if (checkStatus.data.length === 1) {
                        var hID = data[0].HItemID.toString();
                        TagParentId = data[0].ParentID.toString();
                        //if (AllowLoadData(sSubStr) != false) {//非空验证
                        layer.open({
                            type: 2
                            , area: ['50%', '50%']
                            , title: '编辑维修方式'
                            , closeBtn: 1
                            , shade: 0.6 //遮罩透明度
                            , maxmin: true //允许全屏最小化
                            , anim: 0 //0-6的动画形式,-1不开启
                            , content: ['../辅助基础资料/Sb_Add_MaintenanceMode.html?hID=' + hID + '&HType=Modify&TagParentId=' + TagParentId + '', 'yes']
                            , resize: false,
                            end: function () {
                                //刷新页面,
                                location.reload();
                            }
                            , cancel: function () {
                                //$(".layui-btn").removeClass("layui-btn-disabled");
                            }
                        })
                } else {
                    layer.msg('请选择一行数据编辑!');
                    } else {
                        layer.msg('请选择一行数据编辑!');
                    }
                }
            });
@@ -389,7 +467,43 @@
            //以上是layui模块
        });
        //查询树状数据
        function getData(sWhere) {
            var treeData;
            $.ajax({
                url: GetWEBURL() + '/Gy_MaintenanceMode/LoadTree',
                type: "GET",
                data: { "sWhere": sWhere },
                async: false,
                success: function (result) {
                    var data = result.data;
                    //生成数据对象集合
                    treeData = LoadTree(data);
                }
            });
            return treeData;
        }
        /**处理树形展示数据,要求有ID和ParentID、title字段**/
        function LoadTree(data) {
            let map = {};
            let treeData = [];
            data.forEach(it => {
                map[it.id] = it;    //ID为每个节点的id
            })
            //生成结果集
            data.forEach(it => {
                const parent = map[it.ParentID];   //ParentID为父节点的id
                if (parent) {
                    if (!Array.isArray(parent.children)) parent.children = [];
                    parent.children.push(it);
                } else {
                    treeData.push(it)
                }
            })
            return treeData;
        }
    </script>