feature: 部门增删改查

pear_admin/apis/__init__.py

@@ -1,5 +1,6 @@
 from flask import Blueprint, Flask
 
+from .department import department_api
 from .passport import passport_api
 from .rights import rights_api
 from .role import role_api
@@ -11,5 +12,6 @@ def register_apis(app: Flask):
     apis.register_blueprint(passport_api)
     apis.register_blueprint(rights_api)
     apis.register_blueprint(role_api)
+    apis.register_blueprint(department_api)
 
     app.register_blueprint(apis)

pear_admin/apis/department.py

@@ -0,0 +1,68 @@
+from flask import Blueprint, request
+from flask_sqlalchemy.pagination import Pagination
+
+from pear_admin.extensions import db
+from pear_admin.orms import DepartmentORM
+
+department_api = Blueprint("department", __name__)
+
+
+@department_api.get("/department")
+def department_list():
+    page = request.args.get("page", default=1, type=int)
+    per_page = request.args.get("limit", default=10, type=int)
+
+    _type = request.args.get("type")
+    ret = []
+    if _type == "tree":
+        dept_obj: DepartmentORM = DepartmentORM.query.get(1)
+        for child in dept_obj.children:
+            child_data = child.json()
+            child_data["children"] = []
+            if child.children:
+                child_data["isParent"] = True
+            for son in child.children:
+                son_data = son.json()
+                # son_data["isParent"] = True
+                child_data["children"].append(son_data)
+            ret.append(child_data)
+        return {"code": 0, "message": "请求权限数据成功", "data": ret}
+    q = db.select(DepartmentORM)
+
+    pages: Pagination = db.paginate(q, page=page, per_page=per_page)
+
+    return {
+        "code": 0,
+        "message": "获取部门数据成功",
+        "data": [item.json() for item in pages.items],
+        "count": pages.total,
+    }
+
+
+@department_api.post("/department")
+def create_department():
+    data = request.get_json()
+    if data["id"]:
+        del data["id"]
+    department = DepartmentORM(**data)
+    department.save()
+    return {"code": 0, "message": "新增部门成功"}
+
+
+@department_api.put("/department/<int:rid>")
+def change_department(rid):
+    data = request.get_json()
+    del data["id"]
+
+    department_obj = DepartmentORM.query.get(rid)
+    for key, value in data.items():
+        setattr(department_obj, key, value)
+    department_obj.save()
+    return {"code": 0, "message": "修改部门成功"}
+
+
+@department_api.delete("/department/<int:rid>")
+def del_department(rid):
+    department_obj = DepartmentORM.query.get(rid)
+    department_obj.delete()
+    return {"code": 0, "message": "删除删除成功"}

pear_admin/orms/department.py

@@ -8,17 +8,15 @@ class DepartmentORM(BaseORM):
     id = db.Column(db.Integer, primary_key=True, comment="部门ID")
     name = db.Column(db.String(50), comment="部门名称")
     leader = db.Column(db.String(50), comment="负责人")
-    phone = db.Column(db.String(20), comment="联系方式")
-    email = db.Column(db.String(50), comment="邮箱")
-    enable = db.Column(db.Boolean, comment="状态(1开启,0关闭)")
-    comment = db.Column(db.Text, comment="备注")
-    address = db.Column(db.String(255), comment="详细地址")
-    sort = db.Column(db.Integer, comment="排序")
+    enable = db.Column(db.Boolean, comment="状态(1开启,0关闭)", default=True)
 
     users = db.relationship("UserORM", backref="department")
 
-    pid = db.Column(db.Integer, db.ForeignKey("ums_department.id"))
-    parent = db.relationship("DepartmentORM", remote_side=[id], backref="child")  # 自关联
+    pid = db.Column(db.Integer, db.ForeignKey("ums_department.id"), default=1)
+    parent = db.relationship(
+        "DepartmentORM", back_populates="children", remote_side=[id]
+    )  # 自关联
+    children = db.relationship("DepartmentORM", back_populates="parent")
 
     def json(self):
         return {
@@ -26,8 +24,5 @@ class DepartmentORM(BaseORM):
             "pid": self.pid,
             "name": self.name,
             "leader": self.leader,
-            "email": self.email,
-            "phone": self.phone,
-            "sort": self.sort,
             "enable": self.enable,
         }

pear_admin/views/views.py

@@ -11,3 +11,8 @@ def rights_view():
 @views_bp.get("/role")
 def role_view():
     return render_template("views/role/index.html")
+
+
+@views_bp.get("/department")
+def department_view():
+    return render_template("views/department/index.html")

static/data/ums_department.csv

@@ -1,10 +1,10 @@
-id,name,leader,phone,email,enable,comment,address,sort,pid
-1,集团总部,集团负责人,12312345679,123qq.com,,,这是集团总部,1,0
-2,济南分公司,就眠仪式,12312345678,1234qq.com,,,这是济南,2,1
-3,唐山分公司,mkg,12312345678,123@qq.com,,,这是唐山,4,1
-4,济南分公司-开发部,就眠仪式,12312345678,123@qq.com,,,测试,5,4
-5,唐山分公司-测试部,mkg,12312345678,123@qq.com,,,测试部,6,5
-6,长沙分公司,正心全栈编程,18675867241,pyxxp@qq.com,,,湖南省长沙市望城区,6,1
-7,长沙分公司-VIP服务中心,正心全栈编程,18675867241,pyxxp@qq.com,,,,6,6
-8,长沙分公司-招生中心,正心全栈编程,18675867241,pyxxp@qq.com,,,,6,6
-9,长沙分公司-运营中心,正心全栈编程,18675867241,pyxxp@qq.com,,,,6,6
+id,name,leader,enable,pid
+1,集团总部,集团负责人,,0
+2,济南分公司,就眠仪式,,1
+3,唐山分公司,mkg,,1
+4,济南分公司-开发部,就眠仪式,,4
+5,唐山分公司-测试部,mkg,,5
+6,长沙分公司,正心全栈编程,,1
+7,长沙分公司-VIP服务中心,正心全栈编程,,6
+8,长沙分公司-招生中心,正心全栈编程,,6
+9,长沙分公司-运营中心,正心全栈编程,,6

templates/views/department/index.html

@@ -0,0 +1,243 @@
+<!doctype html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="utf-8" />
+    <title>部门管理</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"
+    />
+  </head>
+  <body>
+    <div style="padding: 16px">
+      <div class="layui-card">
+        <div class="layui-card-body">
+          <table
+            class="layui-hide"
+            id="department-table"
+            lay-filter="department-table"
+          ></table>
+        </div>
+      </div>
+    </div>
+    <form
+      class="layui-form"
+      lay-filter="department-form"
+      id="department-form"
+      action=""
+      style="padding: 15px; display: none"
+    >
+      <div class="layui-form-item">
+        <label class="layui-form-label">ID</label>
+        <div class="layui-input-block">
+          <input
+            type="text"
+            name="id"
+            value="0"
+            lay-verify="required"
+            autocomplete="off"
+            class="layui-input"
+            disabled
+          />
+        </div>
+      </div>
+      <div class="layui-form-item">
+        <label class="layui-form-label">部门名</label>
+        <div class="layui-input-block">
+          <input
+            type="text"
+            name="name"
+            placeholder="请输入部门名"
+            lay-verify="required"
+            autocomplete="off"
+            class="layui-input"
+          />
+        </div>
+      </div>
+      <div class="layui-form-item">
+        <label class="layui-form-label">负责人</label>
+        <div class="layui-input-block">
+          <input
+            type="text"
+            name="leader"
+            placeholder="请输入负责人"
+            lay-verify="required"
+            autocomplete="off"
+            class="layui-input"
+          />
+        </div>
+      </div>
+      <div class="layui-form-item">
+        <label class="layui-form-label">状态</label>
+        <div class="layui-input-block">
+          <input
+            type="checkbox"
+            name="enable"
+            lay-skin="switch"
+            autocomplete="off"
+            checked
+            title="启用|禁用"
+            class="layui-input"
+          />
+        </div>
+      </div>
+      <div class="layui-form-item">
+        <label class="layui-form-label">上级部门ID</label>
+        <div class="layui-input-block">
+          <input
+            type="text"
+            name="pid"
+            placeholder="请输入上级部门id"
+            autocomplete="off"
+            class="layui-input"
+          />
+        </div>
+      </div>
+      <div class="layui-form-item">
+        <div class="layui-input-block">
+          <button
+            type="submit"
+            class="layui-btn"
+            lay-submit
+            lay-filter="department-form-btn"
+          >
+            立即提交
+          </button>
+          <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+        </div>
+      </div>
+    </form>
+    <script type="text/html" id="department-toolbar">
+      <div class="layui-btn-container">
+        <button
+          class="layui-btn layui-btn-sm"
+          lay-event="department-toolbar-add"
+        >
+          新增部门
+        </button>
+      </div>
+    </script>
+    <script type="text/html" id="department-tool">
+      <div class="layui-btn-container">
+        <button
+          class="layui-btn layui-btn-sm layui-bg-blue"
+          lay-event="department-tool-edit"
+        >
+          编辑
+        </button>
+        <button
+          class="layui-btn layui-btn-sm layui-bg-red"
+          lay-event="department-tool-del"
+        >
+          删除
+        </button>
+      </div>
+    </script>
+    <script>
+      layui.use(function () {
+        var treeTable = layui.treeTable;
+        var $ = layui.$;
+        var form = layui.form;
+
+        treeTable.render({
+          elem: "#department-table",
+          id: "department-table",
+          url: "/api/v1/department?type=tree", // 此处为静态模拟数据，实际使用时需换成真实接口
+          height: "full-35", // 最大高度减去其他容器已占有的高度差
+          toolbar: "#department-toolbar",
+          page: true,
+          cols: [
+            [
+              //标题栏
+              { field: "id", title: "ID", width: 80, sort: true },
+              { field: "name", title: "部门名", width: 220 },
+              { field: "leader", title: "负责人", width: 160 },
+              { field: "enable", title: "状态", width: 80 },
+              {
+                fixed: "right",
+                title: "操作",
+                width: 120,
+                align: "center",
+                toolbar: "#department-tool",
+              },
+            ],
+          ],
+        });
+
+        treeTable.on("toolbar(department-table)", function (obj) {
+          if (obj.event === "department-toolbar-add") {
+            layer.open({
+              type: 1,
+              shade: false,
+              content: $("#department-form"),
+              area: ["50%", "80%"],
+            });
+            form.render($("#department-form"));
+          }
+        });
+
+        treeTable.on("tool(department-table)", function (obj) {
+          if (obj.event === "department-tool-edit") {
+            form.val("department-form", obj.data);
+            layer.open({
+              type: 1,
+              shade: false,
+              content: $("#department-form"),
+              area: ["50%", "80%"],
+            });
+          } else if (obj.event === "department-tool-del") {
+            $.ajax({
+              url: `/api/v1/department/${obj.data.id}`,
+              type: "DELETE",
+              contentType: "application/json",
+              headers: {
+                "X-CSRF-TOKEN": getCookie("csrf_access_token"),
+              },
+              success: function (res) {
+                if (!res.code) {
+                  treeTable.reloadData("department-table");
+                }
+              },
+            });
+          }
+        });
+
+        form.on("submit(department-form-btn)", function (data) {
+          var field = data.field;
+
+          data.field.enable = data.field.enable === "on";
+          let method, url;
+          if (field.pid === "") {
+            field.pid = null;
+          }
+          if (field.id == 0) {
+            field.id = null;
+            method = "POST";
+            url = "/api/v1/department";
+          } else {
+            method = "PUT";
+            url = `/api/v1/department/${field.id}`;
+          }
+          $.ajax({
+            url: url,
+            type: method,
+            contentType: "application/json",
+            headers: {
+              "X-CSRF-TOKEN": getCookie("csrf_access_token"),
+            },
+            data: JSON.stringify(field),
+            success: function (res) {
+              if (!res.code) {
+                layer.closeAll();
+                treeTable.reloadData("department-table");
+              }
+            },
+          });
+          return false;
+        });
+      });
+    </script>
+  </body>
+</html>