guozi_sys
/
daxt


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <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="../../lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
    <style>
        body {
            background-color: #ffffff;
        }
    </style>
</head>
<body>
<input type="hidden" name="id" id="id" value="" class="layui-input">
<div class="layuimini-container" style="width: 80%;margin: 0 auto">
    <div class="layui-form layuimini-form" lay-filter="addPaper">
        <div class="layui-row layui-col-space30">
            <div class="layui-col-md2">
                <div class="layui-card">
                    <div class="layui-card-header"><i class="layui-icon layui-icon-menu-fill"></i>菜单权限</div>
                    <div class="layui-card-body">
                        <div id="menu-role"></div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md2">
                <div class="layui-card">
                    <div class="layui-card-header"><i class="layui-icon layui-icon-tree"></i>档案树权限</div>
                    <div class="layui-card-body">
                        <div id="archive-tree-role"></div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md2">
                <div class="layui-card">
                    <div class="layui-card-header"><i class="layui-icon layui-icon-camera"></i>密级权限</div>
                    <div class="layui-card-body">
                        <div id="miji-role"></div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md2">
                <div class="layui-card">
                    <div class="layui-card-header"><i class="layui-icon layui-icon-camera"></i>档案权限</div>
                    <div class="layui-card-body">
                        <div id="archive-role"></div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md4">
                <label class="layui-form-label">是否可查看全部门</label>
                <div class="layui-input-block">
                    <select  id="bmqx-role" name="interest" lay-filter="aihao">
                        <option value="1" selected="">否</option>
                        <option value="0">是</option>
                    </select>
                </div>
            </div>

        </div>
    </div>
</div>
<div class="layui-form-item">
    <div class="layui-input-block">
        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
    </div>
</div>
</div>

<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="../../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script>
    layui.use(['form', 'http', 'tree', 'util'], function () {
        /**变-------------------------------量-------------------------------定-------------------------------义*/
        var form = layui.form,
            layer = layui.layer,
            http = layui.http,
            tree = layui.tree,
            $ = layui.$;
        let id = $('#id').val()


        /**方-------------------------------法-------------------------------定-------------------------------义*/

        let initTree = function () {
            http.get('system/role/selectRoleList', {
                roleId: id
            }, true, function (res) {
                // 基本演示
                tree.render({
                    elem: '#menu-role'
                    , data: res.data
                    , showCheckbox: true  //是否显示复选框
                    , id: 'menu-role'
                });
            })
        }

        // 获取选中节点的id
        function getChecked_list(data) {
            var id = "";
            $.each(data, function (index, item) {
                if (id != "") {
                    id = id + "," + item.id;
                } else {
                    id = item.id;
                }
                var i = getChecked_list(item.children);
                if (i != "") {
                    id = id + "," + i;
                }
            });
            return id;
        }

        let initMj = () => {
            http.get('system/dict/selectMiJiRole', {roleId: id}, true, function (res) {
                tree.render({
                    elem: '#miji-role'
                    , data: res.data
                    , showCheckbox: true  //是否显示复选框
                    , id: 'miji-role'
                });
            })
        }
        let initArchiveTree = () => {
            http.get('system/archivesTree/selectArchiveRole', {roleId: id}, true, function (res) {
                tree.render({
                    elem: '#archive-tree-role'
                    , data: res.data
                    , showCheckbox: true  //是否显示复选框
                    , id: 'archive-tree-role'
                });
            })
        }

        let initArchive = () => {
            http.get('system/role/selectShowArchive', {roleId: id}, true, res => {
               if (res.code == 200){
                   tree.render({
                       elem: '#archive-role'
                       , data: res.data
                       , showCheckbox: true  //是否显示复选框
                       , id: 'archive-role'
                   });
               }
            })

        }

        initArchive()

        //保存方法
        let save = function () {
            console.log(document.getElementById("bmqx-role").value)
            let data = {
                roleId: id,
                menuIds: getChecked_list(tree.getChecked("menu-role")),
                mjCodes: getChecked_list(tree.getChecked("miji-role")),
                archiveTrees: getChecked_list(tree.getChecked("archive-tree-role")),
                archiveShow: getChecked_list(tree.getChecked("archive-role")),
                bmqxRole:document.getElementById("bmqx-role").value
            }
            console.log()
            http.post('system/role/setRole', data, true, function (res) {
                if (res.code == 200) {
                    let index = layer.alert('保存成功!', {
                        title: id == '' ? '添加' : '修改' + '信息'
                    }, function () {
                        // 关闭弹出层
                        layer.close(index);
                        let iframeIndex = parent.layer.getFrameIndex(window.name);
                        parent.layer.close(iframeIndex);
                    });
                }
            })
    }

        /**事-------------------------------件-------------------------------绑-------------------------------定*/

        initTree()
        initArchiveTree()
        initMj()

        //监听提交
        form.on('submit(saveBtn)', function (data) {
             save(data.field)
        });

    });
</script>
</body>
</html>