RCS / RCS_Differential_Slam_Changsha · Files

layui.config({
    base: "/js/"
}).use(['form', 'I18nPage', 'vue', 'ztree', 'layer', 'jquery', 'table', 'droptree', 'hhweb', 'utils'], function () {
    var form = layui.form,
        layer = layui.layer,
        $ = layui.jquery,
        I18nPage = layui.I18nPage,
        table = layui.table,
        hhweb = layui.hhweb;

    var MessageContainer = {};
    I18nPage.GetI18nMessage({
        Type: "PM",
        Code: "SysModule",
        Container: MessageContainer,
    });

    I18nPage.GetI18nText({
        Type: "GP",
        Code: "PAGE",
    });

    var cols_arr = I18nPage.GetI18nTable(
        {
            TableNo: "base-SysModule",
            TableName: "SysModule",
            Eel: "#eFields",
        }
    );

    var cols_arrDtl = I18nPage.GetI18nTable(
        {
            TableNo: "base-SysModuleElement",
            TableName: "SysModuleElement",
            Eel: "#eFieldsMenu",
        }
    );

    var vm = new Vue({
        el: "#formEdit"
    });

    var vmm = new Vue({
        el: "#mfromEdit"
    });

    hhweb.InitUIClass();

    var menucon = {};
    var menuList = {
        Render: function (options) {
            if (options != undefined) {
                $.extend(menucon, options);
            }

            menuList.Table = table.render({
                elem: '#menuList'
                , url: '/base/SysModule/LoadMenus'
                , method: "post"
                , page: true //开启分页
                , cols: hhweb.ColumnSetting('menuList', cols_arrDtl)
                , id: 'menuList'
                , limit: 20
                , limits: [20, 50, 100, 200, 500, 1000]
                , toolbar: false
                , height: 'full-60'
                , cellMinWidth: 80
                , size: 'sm'
                , where: menucon
                , page: {
                    curr: 1 //重新从第 1 页开始
                }
                , done: function (res) {
                    //监听行单击事件（双击事件为：rowDouble）
                    table.on('row(menuList)', function (obj) {
                        table.on('checkbox(menuList)', function (obj) {
                            if (obj.checked == true) {
                                obj.tr.addClass('layui-table-click');
                            } else {
                                obj.tr.removeClass('layui-table-click');
                            }
                        });
                    });
                }
            });

            return menuList.Table;
        },
        Load: function (options) {
            if (options != undefined) {
                $.extend(menucon, options);
            }
            if (menuList.Table == undefined) {
                menuList.Table = this.Render(options);
                return;
            }
            table.reload('menuList', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                , where: menucon
            });
        }
    };

    var config = {};
    var mainList = {
        Render: function (options) {
            if (options != undefined) {
                $.extend(config, options);
            }

            mainList.Table = table.render({
                elem: '#mainList'
                , url: '/base/UserSession/GetModulesTable'
                , method: "post"
                , page: true //开启分页
                , cols: hhweb.ColumnSetting('mainList', cols_arr)
                , id: 'mainList'
                , limit: 20
                , limits: [20, 50, 100, 200, 500, 1000]
                , toolbar: false
                , height: 'full-60'
                , cellMinWidth: 80
                , size: 'sm'
                , where: config
                , page: {
                    curr: 1 //重新从第 1 页开始
                }
                , done: function (res) {
                    //监听模块表格内部按钮
                    table.on('tool(mainList)', function (obj) {
                        var data = obj.data;
                        if (obj.event === 'detail') {      //查看
                            menuList.Load({ moduleId: data.Id });
                        }
                    });

                    //监听行单击事件（双击事件为：rowDouble）
                    table.on('row(mainList)', function (obj) {
                        table.on('checkbox(mainList)', function (obj) {
                            if (obj.checked == true) {
                                obj.tr.addClass('layui-table-click');
                            } else {
                                obj.tr.removeClass('layui-table-click');
                            }
                        });
                    });
                }
            });

            return mainList.Table;
        },
        Load: function (options) {
            if (options != undefined) {
                $.extend(config, options);
            }
            if (mainList.Table == undefined) {
                mainList.Table = this.Render(options);
                return;
            }
            table.reload('mainList', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                , where: config
            });
        }
    };

    //左边树状机构列表
    var ztree = function () {
        var url = '/base/UserSession/GetModules';
        var zTreeObj;
        var setting = {
            view: { selectedMulti: false },
            data: {
                key: {
                    name: 'Name',
                    title: 'Name'
                },
                simpleData: {
                    enable: true,
                    idKey: 'Id',
                    pIdKey: 'ParentId',
                    rootPId: 'null'
                }
            },
            callback: {
                onClick: function (event, treeId, treeNode) {
                    mainList.Load({ pId: treeNode.Id });
                    menuList.Load({ moduleId: "" });
                }
            }
        };
        var load = function () {
            $.getJSON(url, function (json) {
                zTreeObj = $.fn.zTree.init($("#tree"), setting);
                var newNode = { Name: MessageContainer.TreeRoot, Id: null, ParentId: "" };
                json.push(newNode);
                zTreeObj.addNodes(null, json);
                mainList.Load({ pId: "" });
                zTreeObj.expandAll(true);
            });
        };
        load();
        return {
            reload: load
        }
    }();
    $("#tree").height($(window).height() - 60);

    layui.droptree("/base/UserSession/GetModules", "[name=ParentName]", "[name=ParentId]", false);

    var active = {
        btnDel: function () {      //删除模块
            var checkStatus = table.checkStatus('mainList')
                , data = checkStatus.data;

            hhweb.del("/base/SysModule/Delete",
                data.map(function (e) { return e.Id; }),
                function () {
                    ztree.reload();
                    menuList.Load({ moduleId: "" });
                });
        }
        , btnDelMenu: function () {      //删除菜单
            var checkStatus = table.checkStatus('menuList')
                , data = checkStatus.data;

            hhweb.del("/base/SysModule/DelMenu",
                data.map(function (e) { return e.Id; }),
                function () {
                    menuList.Load({ moduleId: data.ModuleId })
                });
        }
        , btnAdd: function () {  //添加模块
            editDlg.add();
        }
        , btnAddMenu: function () {  //添加菜单
            var checkStatus = table.checkStatus('mainList')
                , data = checkStatus.data;
            if (data.length != 1) {
                layer.msg(MessageContainer.EditMsg);
                return;
            }
            meditDlg.add(data[0].Id);
        }
        , btnEdit: function () {  //编辑
            var checkStatus = table.checkStatus('mainList')
                , data = checkStatus.data;
            if (data.length != 1) {
                layer.alert(MessageContainer.EditMsg, { icon: 5, shadeClose: true, title: MessageContainer.ErrorTitle });
                return;
            }
            editDlg.update(data[0]);
        }

        , btnEditMenu: function () {  //编辑菜单
            var checkStatus = table.checkStatus('menuList')
                , data = checkStatus.data;
            if (data.length != 1) {
                layer.msg(MessageContainer.EditMsg);
                return;
            }
            meditDlg.update(data[0]);
        }
        , btnRefresh: function () {
            ztree.reload();
            menuList.Load({ moduleId: "" });
        }
    };
    var myCallBackmenu1 = function () {
        var myCallBackmenu2 = function () {
            $('.toolList .layui-btn').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
        }
        $("#menus2").loadMenus("SysModule", 2, myCallBackmenu2);
    }
    $("#menus").loadMenus("SysModule", 1, myCallBackmenu1);

    //添加（编辑）模块对话框
    var editDlg = function () {
        var update = false;  //是否为更新
        var show = function (data) {
            var title = update ? MessageContainer.EditTitle : MessageContainer.AddTitle;
            index = layer.open({
                title: title,
                area: ["600px", "370px"],
                type: 1,
                content: $('#divEdit'),
                success: function () {
                    vm.$set('$data', data);
                    hhweb.RenderSwitch({ vueEdit: { vm: vm, layfilter: 'eform' } });
                }
            });
            var url = "/base/SysModule/Add";
            if (update) {
                url = "/base/SysModule/Update";
            }
            //提交数据
            form.on('submit(formSubmit)',
                function (data) {
                    console.log(data.field)
                    data.field.IsShow = vm.$data.IsShow;
                    data.field.Status = vm.$data.Status;
                    $.post(url,
                        data.field,
                        function (data) {
                            layer.msg(data.Message);
                            if (data.Code == 200) {  //添加成功要刷新左边的树
                                mainList.Load();
                                menuList.Load({ moduleId: "" });
                            }
                            layer.close(index);
                        },
                        "json");
                    return false;
                });
        }
        return {
            add: function () { //弹出添加
                update = false;
                show({
                    Id: "",
                    SortNo: 1,
                    IconName: '',
                    IsShow: true,
                    Status: false,
                });
            },
            update: function (data) { //弹出编辑框
                update = true;
                show(data);
            }
        };
    }();

    //添加菜单对话框
    var meditDlg = function () {
        var update = false;  //是否为更新
        var show = function (data) {
            var title = update ? MessageContainer.EditMenuTitle : MessageContainer.AddMenuTitle;
            index = layer.open({
                title: title,
                area: ["600px", "280px"],
                type: 1,
                content: $('#divMenuEdit'),
                success: function () {
                    vmm.$set('$data', data);
                }
            });
            var moduleId = data.ModuleId
            var url = "/base/SysModule/AddMenu";
            if (update) {
                url = "/base/SysModule/UpdateMenu";
            }
            //提交数据
            form.on('submit(mformSubmit)',
                function (data) {
                    $.post(url,
                        data.field,
                        function (data) {
                            layer.msg(data.Message);
                            menuList.Load({ moduleId: moduleId });
                            layer.close(index);
                        },
                        "json");
                    return false;
                });
        }
        return {
            add: function (moduleId) { //弹出添加
                update = false;
                show({
                    Id: "",
                    ModuleId: moduleId,
                    Sort: 1,
                    AreaMenus: 1
                });
            },
            update: function (data) { //弹出编辑框
                update = true;
                show(data);
            }
        };
    }();

    //监听switch控件
    form.on('switch(eform)', function (data) {
        vm.$data[this.name] = data.elem.checked;
    });

    var IconNameindex;
    var IconInputObj;
    $('[name=Icon],[name=IconName]').on('click', function () {
        IconInputObj = this;
        IconNameindex = layer.open({
            maxmin: true,
            title: MessageContainer.SelectIcon,
            type: 1,
            content: $('#divIconNameEdit'),
            success: function (layero, index) {
                layer.full(index);
            }
        });
    });
    $('#mfromIconNameEdit .iconfont-list .icon').on('click', function () {
        var type = $(this).next().next().html();
        $(IconInputObj).val("&" + type.replace("&", ""));
        layer.close(IconNameindex);
    });

    var Classindex;
    var ClassInputObj;
    $('[name=Class]').on('click', function () {
        ClassInputObj = this;
        Classindex = layer.open({
            maxmin: true,
            title: MessageContainer.SelectClass,
            type: 1,
            content: $('#divClassEdit'),
            success: function (layero, index) {
                layer.full(index);
            }
        });
    });
    $('#mfromClassEdit .iconfont-list .layui-btn').on('click', function () {
        var type = $(this).next().html();
        $(ClassInputObj).val(type);
        layer.close(Classindex);
    });
})