zhaobao
/
layui_back


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>权限分配</title>
    <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../../assets/module/admin.css?v=318"/>
    <style>
        .layui-card-body {
            padding: 0;
        }

        ul.ztree li span.button.switch {
            margin-right: 5px
        }

        ul.ztree ul ul li {
            display: inline-block;
            white-space: normal;
            width: 20%;
        }

        ul.ztree > li > ul > li {
            padding: 5px
        }

        ul.ztree > li {
            /*background: #dae6f0*/
        }

        ul.ztree > li:nth-child(even) > ul > li:nth-child(even) {
            background: #eef5fa
        }

        ul.ztree > li:nth-child(even) > ul > li:nth-child(odd) {
            background: #f6fbff
        }

        ul.ztree > li:nth-child(odd) > ul > li:nth-child(even) {
            background: #eef5fa
        }

        ul.ztree > li:nth-child(odd) > ul > li:nth-child(odd) {
            background: #f6fbff
        }

        ul.ztree li {
            white-space: normal !important
        }

        ul.ztree > li > a > span {
            font-size: 15px;
            font-weight: 700
        }
    </style>
</head>
<body>

<!-- 页面加载loading -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-row">
        <div class="layui-card">
            <div class="layui-card-header">
                权限分配
                <div style="float: right">
                    <a href="javascript:;" id="saveMenu" class="layui-btn layui-btn-normal">保存选择</a>
                    <a href="javascript:;" id="goBack" class="layui-btn layui-btn-normal">返回</a>
                </div>
            </div>
            <div class="layui-card-body">
                <blockquote class="layui-elem-quote">
                    通用菜单
                </blockquote>
                <ul id="menuTree" class="ztree"></ul>

                <blockquote class="layui-elem-quote" id="entTreeBlock">
                    企业菜单
                </blockquote>
                <ul id="entTree" class="ztree"></ul>

                <blockquote class="layui-elem-quote" id="orgTreeBlock">
                    集团菜单
                </blockquote>
                <ul id="orgTree" class="ztree"></ul>

                <blockquote class="layui-elem-quote" id="groupTreeBlock">
                    机构菜单
                </blockquote>
                <ul id="groupTree" class="ztree"></ul>
            </div>
        </div>
    </div>
</div>
</body>
<!-- js部分 -->
<script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
<script>
    layui.use(['layer', 'form', 'util', 'zTree', 'admin', 'uParas', '_zTree'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var admin = layui.admin;
        var uParas = layui.uParas;
        var _zTree = layui._zTree;
        var rId = uParas.getUrlParam("rId");

        var pageHeight = admin.getPageHeight();
        $("#split-group").css("height", pageHeight - 80);

        $('#saveMenu').click(function () {
            var menus = [];
            var zTreeOjb = $.fn.zTree.getZTreeObj("menuTree");
            var checkedNodes = zTreeOjb.getCheckedNodes();
            if (checkedNodes != null && checkedNodes.length > 0) {
                for (let i = 0; i < checkedNodes.length; i++) {
                    var one = checkedNodes[i];
                    one.children = [];
                    menus.push(one);
                }
            }
            var entTree = $.fn.zTree.getZTreeObj("entTree");
            if (entTree != null && entTree.getCheckedNodes().length > 0) {
                var entTreeNode = entTree.getCheckedNodes();
                for (let i = 0; i < entTreeNode.length; i++) {
                    var one = entTreeNode[i];
                    one.children = [];
                    menus.push(one);
                }
            }
            var orgTree = $.fn.zTree.getZTreeObj("orgTree");
            if (orgTree != null && orgTree.getCheckedNodes().length > 0) {
                var entTreeNode = orgTree.getCheckedNodes();
                for (let i = 0; i < entTreeNode.length; i++) {
                    var one = entTreeNode[i];
                    one.children = [];
                    menus.push(one);
                }
            }
            var groupTree = $.fn.zTree.getZTreeObj("groupTree");
            if (groupTree != null && groupTree.getCheckedNodes().length > 0) {
                var entTreeNode = groupTree.getCheckedNodes();
                for (let i = 0; i < entTreeNode.length; i++) {
                    var one = entTreeNode[i];
                    one.children = [];
                    menus.push(one);
                }
            }
            admin.req(uParas.baseUrl + '/sys/role/addRoleMenu', {
                menus: JSON.stringify(menus),
                rId: rId
            }, function (res) {
                if (res.code == 1) {
                    location.href = "./list.html";
                }
            }, 'post');
        });
        $('#goBack').click(function () {
            location.href = "./list.html";
        });
        var setting = {
            check: {
                enable: true,
                chkboxType: {"Y": "ps", "N": "ps"}
            },
            view: {
                showLine: false,
            },
            data: {
                simpleData: {
                    enable: true,
                    idKey: "menuId",
                    pIdKey: "menuParent",
                    rootPId: 0
                },
                key: {
                    name: "menuText"
                }
            },
            callback: {}
        }

        $("#entTreeBlock").hide();
        $("#orgTreeBlock").hide();
        $("#groupTreeBlock").hide();
        if (rId == 1) {
            menu(1, "menuTree");
        } else if (rId == 2 || rId == 3) {
            menu(1, "menuTree");
            menu(2, "groupTree");
            $("#groupTreeBlock").show();
        } else if (rId == 4 || rId == 5) {
            menu(1, "menuTree");
            menu(3, "entTree");
            $("#entTreeBlock").show();
        } else if (rId == 6 || rId == 7) {
            menu(1, "menuTree");
            menu(4, "orgTree");
            $("#orgTreeBlock").show();
        } else {
            menu(1, "menuTree");
            menu(2, "groupTree");
            menu(3, "entTree");
            menu(4, "orgTree");
            $("#entTreeBlock").show();
            $("#orgTreeBlock").show();
            $("#groupTreeBlock").show();
        }

        function menu(id, divId) {
            admin.req(uParas.baseUrl + '/sys/menu/' + id, {type: rId}, function (res) {
                if (res.code == 1) {
                    $.fn.zTree.init($('#' + divId), setting, res.data);
                    // $.fn.zTree.getZTreeObj(divId).expandAll(true);
                    layer.closeAll('loading');
                }
            }, 'get');
        }
    });
</script>
</html>