yangle
2024-07-01 af31543bd8dd7e8be761fbc6eecf148644b03e8f
WebTM/views/ϵͳ¹ÜÀí/Óû§¹ÜÀí/Xt_UserRightQuery.html
@@ -6,14 +6,14 @@
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
    <script src="../../layuiadmin/layui/layui.js"></script>
    <script src="../../layuiadmin/treeTable.js"></script>
    <script src="../../layuiadmin/Scripts/json2.js"></script>
    <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>
    <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
    <script src="../../../layuiadmin/layui/layui.js"></script>
    <script src="../../../layuiadmin/treeTable.js"></script>
    <script src="../../../layuiadmin/Scripts/json2.js"></script>
    <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
@@ -42,15 +42,48 @@
                        <div class="layui-collapse">
                            <div class="layui-colla-item">
                                <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">
                                            <div id="treeUser" lay-filter="treeUser" class="demo-tree demo-tree-box" style="height:650px;overflow: scroll;"></div>
                                            <div id="treeUser" lay-filter="treeUser" class="demo-tree demo-tree-box" style=""></div>
                                        </div>
                                        <div class="layui-col-xs9 layui-inline">
                                        <div class="layui-col-xs3 layui-inline">
                                            <div class="layui-tab layui-tab-card" lay-filter="table">
                                                <ul class="layui-tab-title">
                                                    <li class="layui-this">用户</li>
                                                    <li>角色</li>
                                                </ul>
                                                <div class="layui-tab-content" style="height: 700px;">
                                                    <div class="layui-tab-item layui-show">
                                                        <script type="text/html" id="toolbarDemoUser">
                                                            <div class="layui-btn-container">
                                                                <button type="button" class="layui-btn layui-btn-sm" lay-event="get_Refresh"><i class="layui-icon layui-icon-refresh-3"></i>刷新</button>
                                                                <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Search"><i class="layui-icon layui-icon-search"></i>查看权限</button>
                                                            </div>
                                                        </script>
                                                        <table class="" id="mainTableUser" lay-filter="mainTableUser"></table>
                                                    </div>
                                                    <div class="layui-tab-item layui-show">
                                                        <script type="text/html" id="toolbarDemoUserGroup">
                                                            <div class="layui-btn-container">
                                                                <button type="button" class="layui-btn layui-btn-sm" lay-event="get_Refresh"><i class="layui-icon layui-icon-refresh-3"></i>刷新</button>
                                                                <button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Search"><i class="layui-icon layui-icon-search"></i>查看详情</button>
                                                            </div>
                                                        </script>
                                                        <table class="" id="mainTableUserGroup" lay-filter="mainTableUserGroup"></table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs6 layui-inline" >
                                            <div>
                                                <table class="" id="mainTable" lay-filter="mainTable"></table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
@@ -61,9 +94,9 @@
        </div>
    </div>
    <script src="../../layuiadmin/layui/zgqlayui.js"></script>
    <script src="../../layuiadmin/zgqCustom/zgqCustom.js"></script>
    <script src="../../layuiadmin/PubCustom.js"></script>
    <script src="../../../layuiadmin/layui/zgqlayui.js"></script>
    <script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
    <script src="../../../layuiadmin/PubCustom.js"></script>
    <script>
        //获取参数
        var params = get_UrlVars();
@@ -71,7 +104,6 @@
            var OperationType = 1;//操作类型
            var TreeFlag = true;//操作类型
        } else {
            debugger;
            var OperationType = params[params[0]];//操作类型
            var linterid = params[params[1]];//源单id
            var HSouceBillType = params[params[2]];//源单类型
@@ -82,7 +114,7 @@
        var TagParentId = "";
        layui.config({
            base: '../../layuiadmin/' //静态资源所在路径
            base: '../../../layuiadmin/' //静态资源所在路径
        }).extend({
            index: 'lib/index', //主入口模块
        }).use(['tree', 'index', 'form', 'table', 'element', 'laypage', 'laydate'], function () {
@@ -97,6 +129,10 @@
                , util = layui.util
                , tree = layui.tree
            var sGnbm = "";
            var optionUser = [];
            var optionUserGroup = [];
            var tabIndex = 1; //判断页签
            var HSouceBillType = "yh";//源单类型
            if (TreeFlag == "false") {
                //$(".layui-col-xs3").css("display", "none"); //隐藏树型
                //$(".layui-col-xs9").css("width", "100%"); //设置宽度
@@ -127,19 +163,19 @@
                        //    TagId = "";
                        //    TagParentId = "";
                        //}
                        sGnbm = obj.data.id;
                        get_Display(sGnbm);
                        sgnbm = obj.data.id;
                        get_Display(sgnbm);
                    }
                });
            }
            set_InitGrid();
            var option = {
                id: 'mainTable'
                ,elem: '#mainTable'
                //, toolbar: '#toolbarDemo'
                , height: '650'
                , height: 'full-50'
                , limit: Number.MAX_VALUE // æ•°æ®è¡¨æ ¼é»˜è®¤å…¨éƒ¨æ˜¾ç¤º
                , page: false
                , cellMinWidth: 90
@@ -177,8 +213,8 @@
                            res.data[i]["LAY_CHECKED"] = 'true';
                            //下面三句是通过更改css来实现选中的效果
                            var index = res.data[i]['LAY_TABLE_INDEX'];
                            $('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
                            $('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
                            $(".layui-col-xs6").find('tr[data-index=' + index + '] input[type="checkbox"]').prop('checked', true);
                            $(".layui-col-xs6").find('tr[data-index=' + index + '] input[type="checkbox"]').next().addClass('layui-form-checked');
                        }
                    }
                   
@@ -187,8 +223,191 @@
            var index = layer.load(0, { shade: false });
            //进入页面显示的缓存列表
            get_Display(sGnbm);
            get_DisplayUser();
            /*get_Display(sGnbm);*/
            //#region å¤´å·¥å…·æ äº‹ä»¶
            table.on('toolbar(mainTableUser)', function (obj) {
                switch (obj.event) {
                    //刷新
                    case 'get_Refresh': get_DisplayUser();
                        break;
                    //查找
                    case 'btn-Search': get_Display(TagId);
                        break;
                };
            });
            table.on('toolbar(mainTableUserGroup)', function (obj) {
                switch (obj.event) {
                    //刷新
                    case 'get_Refresh': get_DisplayUserGroup();
                        break;
                    //查询
                    case 'btn-Search': get_Display(TagId);
                        break;
                };
            });
            //#endregion
            //#region ç”¨æˆ·ä¸Žè§’色表
            //初始化表格
            function set_InitGrid() {
                optionUser = {
                    elem: '#mainTableUser'
                    , toolbar: '#toolbarDemoUser'
                    , height: 'full-50'
                    , page: true
                    , cellMinWidth: 90
                    , limit: 50
                    , limits: [50, 500, 5000, 20000]
                    , cols: [[
                        { type: 'checkbox', fixed: 'left' }
                        , { field: 'hmainid', title: '单据ID', hide: true }
                        , { field: '用户编码', title: '用户编码' }
                        , { field: '用户名称', title: '用户名称' }
                        , { field: '对应职员', title: '对应职员' }
                        , { field: '对应保管', title: '对应保管' }
                        , { field: '对应验收', title: '对应验收' }
                        , { field: '对应业务员', title: '对应业务员' }
                        , { field: '对应部门', title: '对应部门' }
                        , { field: '对应仓库', title: '对应仓库' }
                        , { field: '对应调入仓库', title: '对应调入仓库' }
                        , { field: '对应供应商', title: '对应供应商' }
                        , { field: '对应CLOUD账号', title: '对应CLOUD账号' }
                        , { field: '对应CLOUD组织', title: '对应CLOUD组织' }
                    ]]
                }
                optionUserGroup = {
                    elem: '#mainTableUserGroup'
                    , toolbar: '#toolbarDemoUserGroup'
                    , height: 'full-50'
                    , page: true
                    , cellMinWidth: 90
                    , limit: 50
                    , limits: [50, 500, 5000, 20000]
                    , cols: [[
                        { type: 'checkbox', fixed: 'left' }
                        , { field: 'HGroupID', title: 'HGroupID', sort: true, hide: true }
                        , { field: '角色', title: '角色' }
                        , { field: '级别', title: '级别' }
                        , { field: '说明', title: '说明' }
                    ]]
                };
            }
            //加载数据到网格
            function get_DisplayUser() {
                var sWhere = "";
                var wait = layer.load();//遮罩
                $.ajax({
                    url: GetWEBURL() + '/Xt_User/list',
                    type: "GET",
                    data: { "sWhere": sWhere, "user": sessionStorage["HUserName"] },
                    success: function (data1) {
                        if (data1.count == 1) {
                            optionUser.data = data1.data;
                            ins = table.render(optionUser);
                            layer.close(wait);
                            if ($("#Comparator").val() == 0 && $("#ColContent").val() == "") {
                                ColFilter();
                            }
                        } else {
                            layer.close(wait);
                            layer.alert(data1.code + data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.close(wait);
                        layer.alert("接口请求失败!", { icon: 5 });
                    }
                });
            }
            function get_DisplayUserGroup() {
                var index = layer.load(0, { shade: false });
                var sWhere = "";
                //进入页面显示的缓存列表
                $.ajax({
                    url: GetWEBURL() + '/Xt_UserGroup/list',
                    type: "GET",
                    data: { "sWhere": sWhere },
                    success: function (data1) {
                        if (data1.count == 1) {
                            optionUserGroup.data = data1.data;
                            ins = table.render(optionUserGroup);
                            layer.close(index);
                            if ($("#Comparator").val() == 0 && $("#ColContent").val() == "") {
                                ColFilter();
                            }
                        } else {
                            layer.close(index);
                            layer.alert(data1.code + data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.close(index);
                        layer.alert("接口请求失败!", { icon: 5 });
                    }
                });
            }
            //#endregion
            //#region ç›‘听Tab切换,切换时触发
            element.on('tab(table)', function (data) {
                // èŽ·å–è¢«åˆ‡æ¢åˆ°çš„é¢æ¿çš„ç´¢å¼•
                var index = data.index;
                // æ‰§è¡Œä¸€äº›æ“ä½œï¼Œä¾‹å¦‚改变页面内容
                tabIndex = index + 1;
                if (tabIndex === 1) {
                    HSouceBillType = "yh";
                    get_DisplayUser();
                } else {
                    HSouceBillType = "js";
                    get_DisplayUserGroup();
                }
            });
            //#endregion
            //#region ç‚¹å‡»è¡Œé€‰ä¸­é«˜äº®
            table.on('row(mainTableUser)', function (obj) {
                //选中行改变颜色
                var flag = !obj.tr.find(':checkbox:first').prop('checked');
                obj.tr.find(':checkbox').prop('checked', flag);
                if (flag) {
                     obj.tr.find('.layui-form-checkbox').addClass('layui-form-checked');  //设置复选框选中样式
                    $(".layui-tab").find(obj.tr.selector).attr({ "style": "background:#ceedfa;color:black" });//改变当前tr背景颜色和字体颜色
                } else {
                    obj.tr.find('.layui-form-checkbox').removeClass('layui-form-checked');//取消复选框选中样式
                    $(".layui-tab").find(obj.tr.selector).attr({ "style": "background:" });//取消当前tr颜色
                }
                /*mainTable ä¸ºè¡¨æ ¼ID   æ³¨æ„æ­¤å¤„如果ID不正确将导致你在监听复选框时获取不到你选择的数据,前面的只是添加或删除选中未选中样式以及设置背景色,字体颜色*/
                layui.each(table.cache.mainTableUser, function (i, l) {
                    if (obj.tr.index() == l.LAY_TABLE_INDEX) {
                        l.LAY_CHECKED = flag;
                    }
                });
            })
            table.on('row(mainTableUserGroup)', function (obj) {
                //选中行改变颜色
                var flag = !obj.tr.find(':checkbox:first').prop('checked');
                obj.tr.find(':checkbox').prop('checked', flag);
                if (flag) {
                    obj.tr.find('.layui-form-checkbox').addClass('layui-form-checked');  //设置复选框选中样式
                    $(".layui-tab").find(obj.tr.selector).attr({ "style": "background:#ceedfa;color:black" });//改变当前tr背景颜色和字体颜色
                } else {
                    obj.tr.find('.layui-form-checkbox').removeClass('layui-form-checked');//取消复选框选中样式
                    $(".layui-tab").find(obj.tr.selector).attr({ "style": "background:" });//取消当前tr颜色
                }
                /*mainTable ä¸ºè¡¨æ ¼ID   æ³¨æ„æ­¤å¤„如果ID不正确将导致你在监听复选框时获取不到你选择的数据,前面的只是添加或删除选中未选中样式以及设置背景色,字体颜色*/
                layui.each(table.cache.mainTableUserGroup, function (i, l) {
                    if (obj.tr.index() == l.LAY_TABLE_INDEX) {
                        l.LAY_CHECKED = flag;
                    }
                });
            })
            //#endregion
            //退出
            form.on('submit(Exit)', function (data) {
@@ -258,6 +477,27 @@
                    layer.alert("左侧点击树型数据已失效!", { icon: 5 });
                    return false;
                }
                if (tabIndex === 1) {
                    var checkStatus = table.checkStatus('mainTableUser')
                        , data = checkStatus.data;
                    if (checkStatus.data.length === 1) {
                        var linterid = data[0].用户编码.toString();
                    } else {
                        layer.msg('请选择一位用户!');
                        return false;
                    }
                } else {
                    var checkStatus = table.checkStatus('mainTableUser')
                        , data = checkStatus.data;
                    if (checkStatus.data.length === 1) {
                        var linterid = data[0].HGroupID;
                    } else {
                        layer.msg('请选择一位角色!');
                        return false;
                    }
                }
                var sSubStr = JSON.stringify(table.cache['mainTable']);
                var sMainSub = TagId + ';' + sSubStr + ';' + linterid + ";" + HSouceBillType;
                //console.log(sMainSub);
@@ -292,6 +532,11 @@
            //加载数据表格
            function get_Display(sGnbm) {
                if (tabIndex === 1) {
                    var checkStatus = table.checkStatus('mainTableUser')
                        , data = checkStatus.data;
                    if (checkStatus.data.length === 1) {
                        var linterid = data[0].用户编码.toString();
                $.ajax({
                    url: GetWEBURL() + '/PublicPageMethod/PowerList',
                    type: "GET",
@@ -307,8 +552,34 @@
                        layer.alert("接口请求失败!", { icon: 5 });
                    }
                });
                    } else {
                        layer.msg('请选择一位用户!');
            }
                } else if (tabIndex == 2) {
                    var checkStatus = table.checkStatus('mainTableUserGroup')
                        , data = checkStatus.data;
                    if (checkStatus.data.length === 1) {
                        var linterid = data[0].HGroupID;
                        $.ajax({
                            url: GetWEBURL() + '/PublicPageMethod/PowerList',
                            type: "GET",
                            data: { "czybm": linterid, "sGnbm": sGnbm, "HSouceBillType": HSouceBillType },
                            success: function (data1) {
                                if (data1.count == 1) {
                                    option.data = data1.data;
                                    table.render(option);
                                    layer.close(index);
                                }
                            }, error: function () {
                                layer.close(index);
                                layer.alert("接口请求失败!", { icon: 5 });
                            }
                        });
                    } else {
                        layer.msg('请选择一位角色!');
                    }
                }
            }
            //以上是layui模块
        });