feat: update

Author: LinkanDawang

src/api/system.ts

@@ -1,19 +1,5 @@
 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>;
@@ -97,22 +83,3 @@ 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/api/tableExample.ts

@@ -0,0 +1,49 @@
+import { http } from "@/utils/http";
+
+type ResultTable = {
+  success: boolean;
+  data?: {
+    /** 列表数据 */
+    list: Array<any>;
+    /** 总条目数 */
+    total?: number;
+    /** 每页显示条目个数 */
+    pageSize?: number;
+    /** 当前页数 */
+    currentPage?: number;
+  };
+};
+
+type postArrayResult = {
+  ret: number;
+  msg: string;
+  success?: boolean;
+  data?: Array<any>;
+};
+
+type postResult = {
+  ret: number;
+  msg: string;
+  success?: boolean;
+  data?: any;
+};
+
+
+/** 获取角色管理列表 */
+export const getRoleList = (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/views/table-custom/hook.tsx

@@ -1,6 +1,6 @@
 import { ref } from "vue";
 
-import { getRoleList2 as getRoleList, updateRole } from "@/api/system";
+import { getRoleList, updateRole } from "@/api/tableExample";
 // import { useUserStoreHook } from "@/store/modules/user";
 import { onStatusChange, usePublicHooks } from "@/utils/common";
 import { useTableBase } from "@/utils/tableHook";

src/views/table-custom/index.vue

@@ -1,15 +1,16 @@
 <script setup lang="ts">
-import { reactive } from "vue";
+// import { reactive } from "vue";
 import { CusTable } from "@/components/CusTable";
 import { CusTableBar } from "@/components/CusTableBar";
-import { PaginationProps } from "@pureadmin/table";
+// import { PaginationProps } from "@pureadmin/table";
 import { useTable } from "./hook";
-import { getRoleColumns } from "@/api/system";
+import { getRoleColumns } from "@/api/tableExample";
 
 defineOptions({
   name: "TableCustom"
 });
 
+// 自定义分页信息
 // const pagination = reactive<PaginationProps>({
 //   total: 0,
 //   pageSize: 10,