feat: 通用表格组件以及示例

Author: LinkanDawang

mock/asyncRoutes.ts

@@ -8,6 +8,35 @@ import { system, monitor, permission, frame, tabs } from "@/router/enums";
  * common：普通角色
  */
 
+const cusTable = {
+  pk: 13,
+  code: "tableCustom",
+  path: "/table-custom/index",
+  meta: {
+    code: "tableCustom",
+    icon: "ep:expand",
+    rank: 2,
+    title: "列表Demo",
+    showLink: true,
+    keepAlive: true
+  },
+  children: [
+    {
+      path: "/table-custom/index",
+      component: "",
+      name: "TableCustom",
+      meta: {
+        code: "tableCustom",
+        icon: "ep:expand",
+        rank: 2,
+        title: "列表Demo",
+        showLink: true,
+        keepAlive: true
+      }
+    }
+  ]
+}
+
 const systemManagementRouter = {
   path: "/system",
   meta: {
@@ -328,6 +357,7 @@ export default defineFakeRoute([
       return {
         success: true,
         data: [
+          cusTable,
           systemManagementRouter,
           systemMonitorRouter,
           permissionRouter,

src/api/system.ts

@@ -1,5 +1,19 @@
 import { http } from "@/utils/http";
 
+type postArrayResult = {
+  ret: number;
+  msg: string;
+  success?: boolean;
+  data?: Array<any>;
+};
+
+type postResult = {
+  ret: number;
+  msg: string;
+  success?: boolean;
+  data?: any;
+};
+
 type Result = {
   success: boolean;
   data?: Array<any>;
@@ -83,3 +97,22 @@ export const getRoleMenu = (data?: object) => {
 export const getRoleMenuIds = (data?: object) => {
   return http.request<Result>("post", "/role-menu-ids", { data });
 };
+
+/** 获取角色管理列表 */
+export const getRoleList2 = (params?: object) => {
+  // return http.request<ResultTable>("post", "/role", { data });
+  return http.request<ResultTable>("get", "/api/roles/", { params });
+};
+
+export const getRoleColumns = () => {
+  // return http.request<ResultTable>("post", "/role", { data });
+  return http.request<postArrayResult>("options", "/api/roles/", {});
+};
+
+/** 修改角色 */
+export const updateRole = (id: number, data?: object) => {
+  // return http.request<Result>("get", apiUrl("rbac/menus/"));
+  return http.request<postResult>("patch", `api/roles/${id}/`, {
+    data
+  });
+};

src/assets/table-bar/search.svg

@@ -0,0 +1,5 @@
+import cusTable from "./src/index";
+import { withInstall } from "@pureadmin/utils";
+
+/** 配合 `@pureadmin/table` 实现快速便捷的表格操作 https://github.com/pure-admin/pure-admin-table */
+export const CusTable = withInstall(cusTable);