开始整新权限管理系统

2021-06-25 18:26:19 +08:00
parent d6734600fe
commit 590b26dac0
11 changed files with 398 additions and 38 deletions
--- a/web/html/body/tools/auth.html
+++ b/web/html/body/tools/auth.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <title>权限管理</title>
+    <link rel="stylesheet" href="/layui/css/layui.css">
+</head>
+
+<body>
+<div class="layui-layout layui-layout-admin">
+    <div id="header"></div>
+    <div class="layui-body" style="left: 200px;">
+        <div id="side"></div>
+        <blockquote class="layui-elem-quote"><span id="ip">用户权限管理</span></blockquote>
+        <table id="list" lay-filter="userList"></table>
+        <div id="footer"></div>
+    </div>
+</div>
+<script src="/layui/layui.js"></script>
+<script src="/js/jquery-3.2.1.js"></script>
+<script type="text/html" id="listTools">
+    <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
+</script>
+<script>
+    $.get("/login/check.do", function (data) {
+        let json = JSON.parse(data);
+        if (json.code !== 0) {
+            window.location.href = "/"
+        }
+    })
+    layui.use(['layer', 'form', 'element'], function () {
+        let layer = layui.layer
+            , form = layui.form;
+        let transfer = layui.transfer;
+        let table = layui.table;
+
+        table.render({
+            elem: "#list"
+            , url: '/tools/auth/all.do'
+            , page: false
+            , cols: [[
+                {field: "id", title: "id", width: 80, sort: true, fixed: 'left'}
+                , {field: 'key', title: '授权码', width: 250}
+                , {field: 'authSize', title: '授权数量', width: 150}
+                , {field: "right", width: 80, toolbar: '#listTools'}
+            ]]
+            , done: function (res, curr, count) {
+                table.on('tool(userList)', function (obj) {
+                    console.log(obj.data)
+                    if (obj.event === 'edit') {
+                        let type;
+                        let values=[]
+                        layer.open({
+                            title: '设置权限'
+                            , content: '<div id="auth"></div>'
+                            , success: function (layero, index) {
+
+                                $.post('/tools/auth/user.do', {'uid': obj.data.id}, function (json) {
+                                    if (json.code === 0) {
+                                        console.log(json.data.user)
+                                        transfer.render({
+                                            elem: '#auth',  //绑定元素
+                                            showSearch: true,
+                                            title: ['未授权', '已授权'],
+                                            data: json.data.all,
+                                            value: json.data.user,
+                                            onchange: function (data, index) {
+                                                if(index===0){
+                                                    type='add';
+                                                }else{
+                                                    type='remove';
+                                                }
+                                                for(let i in data){
+                                                    values[i]={
+                                                        "auth":data[i].title
+                                                    }
+                                                }
+                                                console.log(values)
+                                            },
+                                            id: 'auth' //定义索引
+                                        });
+                                    }
+                                })
+
+                            }
+                            , yes: function (index, layero) {
+                                //do something
+                                $.post("/tools/auth/set.do",{"uid":obj.data.id,"type":type,"auth":JSON.stringify(values)},function (json) {
+
+                                })
+                                layer.close(index); //如果设定了yes回调，需进行手工关闭
+                            }
+                        });
+
+                    }
+                });
+                form.render();
+            }
+        });
+
+    });
+    $.ajax({cache: false})
+    $('#header').load("/html/header.html");
+    $('#footer').load("/html/footer.html");
+    $('#side').load("/html/body/nas/side.html");
+
+</script>
+<style>
+    #icon {
+        float: right;
+    }
+
+    .body {
+        bottom: 0;
+    }
+</style>
+</body>
+
+</html>