feature: 用户角色授权

2023-10-31 21:45:10 +08:00
parent fcf2ad232e
commit 7c07b6c94d
6 changed files with 151 additions and 6 deletions
@@ -204,8 +204,7 @@
              },
            });
          } else if (obj.event === "role-tool-detail") {
-            console.log("角色授权");
-            //  role-tool-detail
+            //  角色授权 role-tool-detail
            layer.open({
              type: 2,
              title: "授权",
@@ -1,8 +1,8 @@
 <!doctype html>
-<html lang="en">
+<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
-    <title>Title</title>
+    <title>角色管理</title>
    {% include 'includes/script.html' %}
  </head>
  <body>
@@ -220,7 +220,14 @@
              },
            });
          } else if (obj.event === "user-tool-detail") {
-            console.log("角色授权");
+            // 用户授权
+            layer.open({
+              type: 2,
+              title: "授权",
+              shade: 0.1,
+              area: ["500px", "500px"],
+              content: "/views/user_role/" + obj.data["id"],
+            });
          }
        });

@@ -0,0 +1,103 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <title>用户授权</title>
+    {% include 'includes/script.html' %}
+  </head>
+  <body>
+    <div class="layui-panel">
+      <form class="layui-form" action="">
+        <div class="row" style="margin: 10px 5px">
+          <ul id="user_role" class="dtree" data-id="0"></ul>
+        </div>
+        <div class="bottom">
+          <div class="button-container">
+            <button
+              type="submit"
+              class="layui-btn layui-btn-primary layui-btn-sm"
+              lay-submit=""
+              lay-filter="role-rights-save"
+            >
+              <i class="layui-icon layui-icon-ok"></i>
+              提交
+            </button>
+            <button type="reset" class="layui-btn layui-btn-sm">
+              <i class="layui-icon layui-icon-refresh"></i>
+              重置
+            </button>
+          </div>
+        </div>
+      </form>
+    </div>
+
+    <script>
+      layui.use(function () {
+        let tree = layui.tree;
+        let form = layui.form;
+        let $ = layui.jquery;
+
+        function get_id(list_tree_data) {
+          if (Array.isArray(list_tree_data)) {
+            let ret = [];
+            $.each(list_tree_data, function (index, item) {
+              if (item?.children) {
+                ret.push(...get_id(item.children));
+              }
+              ret.push(...get_id(item));
+            });
+            return ret;
+          } else {
+            return [list_tree_data.id];
+          }
+        }
+
+        $.ajax({
+          url: "/api/v1/role?type=tree",
+          type: "get",
+          success: function (ret) {
+            let data = [];
+            $.each(ret.data, function (index, item) {
+              data.push({ id: item.id, title: item.name });
+            });
+            tree.render({
+              elem: "#user_role",
+              id: "user_role",
+              data: data,
+              showCheckbox: true,
+            });
+            $.ajax({
+              url: "/api/v1/user/user_role/{{ rid }}",
+              type: "get",
+              success: function (ret) {
+                tree.setChecked("user_role", ret.data);
+              },
+            });
+          },
+        });
+
+        form.on("submit(role-rights-save)", function (data) {
+          let param = tree.getChecked("user_role"); // 获取选中节点的数据
+          let rights_ids = get_id(param).join();
+          $.ajax({
+            url: "/api/v1/user/user_role/{{ rid }}",
+            data: JSON.stringify({ rights_ids: rights_ids }),
+            dataType: "json",
+            contentType: "application/json",
+            type: "put",
+            success: function (result) {
+              if (result.code === 0) {
+                layer.msg(result.message, { icon: 1, time: 1000 }, function () {
+                  parent.layer.close(parent.layer.getFrameIndex(window.name));
+                });
+              } else {
+                layer.msg(result.message, { icon: 2, time: 1000 });
+              }
+            },
+          });
+          return false;
+        });
+      });
+    </script>
+  </body>
+</html>