feat: 优化系统管理代码模块结构

src/api/systems.ts

 import { http } from "@/utils/http";
 
+//#region  =============================== 登录模块对应接口 ====================================
+/** 登录 */
+export const getLogin = (data?: object) => {
+  return http.request<LoginResult>("post", "/api/auth/login", { data });
+};
+
+/** 刷新`token` */
+export const refreshTokenApi = (data?: object) => {
+  return http.request<RefreshTokenResult>("post", "/refresh-token", { data });
+};
+
+/** 账户设置-个人信息 */
+export const getMine = () => {
+  return http.request<UserInfoResult>("post", "/api/user/user-info");
+};
+
+/** 用户管理-重置密码 */
+export const resetPassword = (data?: object) => {
+  return http.request<UserInfoResult>("post", "/api/user/reset-password", {
+    data
+  });
+};
+//#endregion
+
+//#region =============================== 用户管理模块对应接口 ===============================
+/** 用户管理-新增用户 */
+export const addUser = (data?: object) => {
+  return http.request<UserInfoResult>("post", "/api/user/add-user", { data });
+};
+
+/** 用户管理-删除用户 */
+export const deleteUser = (id: number | string) => {
+  return http.request<UserInfoResult>("post", `/api/user/delete-user/${id}`);
+};
+
+/** 用户管理-修改用户 */
+export const updateUser = (data?: object) => {
+  return http.request<UserInfoResult>("post", "/api/user/modify-user", {
+    data
+  });
+};
+
+/** 获取系统管理-用户管理列表 */
+export const getUserList = (data?: object) => {
+  return http.request<ResultTable>("post", "/api/user/find-user-list-by-page", {
+    data
+  });
+};
+
+/** 用户管理-获取用户详情 */
+export const getUserDetail = (data?: object) => {
+  return http.request<UserInfoResult>("get", "/api/user/user-detail", {
+    data
+  });
+};
+
+/** 用户管理-给用户绑定上角色 */
+export const addUserRole = (data?: object) => {
+  return http.request<UserInfoResult>("post", "/api/user/add-user-role", {
+    data
+  });
+};
+//#endregion
+
+//#region =============================== 菜单管理模块对应接口 ===============================
+/** 新增菜单-菜单管理列表 */
+export const addMenu = (data?: object) => {
+  return http.request<Result>("post", "/api/menu/add-menu", { data });
+};
+
+/** 删除菜单-菜单管理列表 */
+export const deleteMenu = (data?: { id: number }) => {
+  return http.request<Result>("post", `/api/menu/delete-menu/${data.id}`);
+};
+
+/** 修改菜单-菜单管理列表 */
+export const updateMenu = (data?: object) => {
+  return http.request<Result>("post", "/api/menu/modify-menu", { data });
+};
+
+/** 获取系统管理-菜单管理列表 */
+export const getMenuList = (data?: object) => {
+  return http.request<ResultTable>("post", "/api/menu/find-menu-list-by-page", {
+    data
+  });
+};
+//#endregion
+
+//#region =============================== 部门管理模块对应接口 ===============================
+/** 新增部门-部门管理列表 */
+export const addDept = (data?: object) => {
+  return http.request<Result>("post", "/api/depart/add-depart", { data });
+};
+
+/** 删除部门-部门管理列表 */
+export const deleteDept = (data?: { id: number }) => {
+  return http.request<Result>("post", `/api/depart/delete-depart/${data.id}`);
+};
+
+/** 修改部门-部门管理列表 */
+export const updateDept = (data?: object) => {
+  return http.request<Result>("post", `/api/depart/modify-depart`, { data });
+};
+
+/** 获取系统管理-部门管理列表 */
+export const getDeptList = (data?: object) => {
+  return http.request<ResultTable>(
+    "post",
+    "/api/depart/get-depart-list-by-page",
+    {
+      data
+    }
+  );
+};
+//#endregion
+
+//#region =============================== 角色管理模块对应接口 ===============================
+
+// 角色管理-添加角色
+export const addRole = (data?: object) => {
+  return http.request<Result>("post", "/api/role/add-role", { data });
+};
+
+// 角色管理-删除角色
+export const deleteRole = (id: string) => {
+  return http.request<Result>("post", `/api/role/delete-role/${id}`);
+};
+// 角色管理-修改角色
+export const updateRole = (data?: object) => {
+  return http.request<Result>("post", "/api/role/modify-role", { data });
+};
+/** 获取系统管理-角色管理列表 */
+export const getRoleList = (data?: object) => {
+  // return http.request<ResultTable>("post", "/role", { data });
+  return http.request<ResultTable>("post", "/api/role/find-role-list-by-page", {
+    data
+  });
+};
+
+/** 获取角色管理-权限-菜单权限 */
+// export const getRoleMenu = (data?: object) => {
+//   return http.request<Result>("post", "/role-menu", { data });
+// };
+
+/** 获取角色管理-权限-菜单权限-根据角色 id 查对应菜单 */
+// export const getRoleMenuIds = (data?: object) => {
+//   return http.request<Result>("post", "/role-menu-ids", { data });
+// };
+
+/** 获取系统管理-不分页查询角色管理列表 */
+export const getRoleListNoPage = () => {
+  // return http.request<ResultTable>("post", "/role", { data });
+  return http.request<ResultTable>("post", "/api/role/get-role-list");
+};
+
+// 根据角色ID获取菜单列表
+export const getMenuListByRoleId = (roleId: number) => {
+  return http.request<Result>("post", `/api/menu/get-menu-by-role/${roleId}`);
+};
+
+// 角色管理-根据用户id查询角色列表
+export const getRoleListByUserId = (id: string | number) => {
+  return http.request<Result>("post", `/api/role/get-role-by-user/${id}`);
+};
+
+// 给角色绑定菜单
+export const bindMenuByRoleId = (data?: object) => {
+  return http.request<Result>("post", "/api/role/add-role-menu", { data });
+};
+
+// 用户管理 - 根据用户id绑定角色
+// export const bindRoleByUserId = (data?: object) => {
+//   return http.request<Result>("post", "/api/role/bind-role-by-user", { data });
+// };
+//#endregion
+
+// ========================= 定义ts类型 =========================
 type Result = {
+  success: boolean;
+  data?: Array<any>;
+  code?: string;
+};
+
+type ResultTable = {
   success: boolean;
   data?: {
     /** 列表数据 */
-    list?: Array<any>;
-    [key: string]: any;
+    list: Array<any>;
+    /** 总条目数 */
+    total?: number;
+    /** 每页显示条目个数 */
+    pageSize?: number;
+    /** 当前页数 */
+    currentPage?: number;
+    records?: Array<any>;
   };
 };
 
-/** 获取Systems列表 */
-export const getSystemsList = (data?: object) => {
-  return http.request<Result>("post", "/get-systems-list", { data });
+export type UserInfo = {
+  menuList: Array<any>;
+  /** 头像 */
+  avatar: string;
+  /** 用户名 */
+  username: string;
+  /** 昵称 */
+  nickname: string;
+  /** 邮箱 */
+  email: string;
+  /** 联系电话 */
+  phone: string;
+  /** 简介 */
+  description: string;
 };
 
-/** 创建Systems */
-export const createSystems = (data?: object) => {
-  return http.request<Result>("post", "/create-systems", { data });
+export type UserInfoResult = {
+  success: boolean;
+  data?: UserInfo;
+  code?: number | string;
 };
 
-/** 更新Systems */
-export const updateSystems = (data?: object) => {
-  return http.request<Result>("post", "/update-systems", { data });
+export type LoginResult = {
+  status: number;
+  success: boolean;
+  data: {
+    jwt: string;
+    /** 头像 */
+    avatar: string;
+    /** 用户名 */
+    username: string;
+    /** 昵称 */
+    nickname: string;
+    /** 当前登录用户的角色 */
+    roles: Array<string>;
+    /** 按钮级别权限 */
+    permissions: Array<string>;
+    /** `token` */
+    accessToken: string;
+    /** 用于调用刷新`accessToken`的接口时所需的`token` */
+    refreshToken: string;
+    /** `accessToken`的过期时间（格式'xxxx/xx/xx xx:xx:xx'） */
+    expires: Date;
+  };
 };
 
-/** 删除Systems */
-export const deleteSystems = (data?: { id: string }) => {
-  return http.request<Result>("post", "/delete-systems", { data });
+export type RefreshTokenResult = {
+  success: boolean;
+  data: {
+    /** `token` */
+    accessToken: string;
+    /** 用于调用刷新`accessToken`的接口时所需的`token` */
+    refreshToken: string;
+    /** `accessToken`的过期时间（格式'xxxx/xx/xx xx:xx:xx'） */
+    expires: Date;
+  };
 };

src/views/systems/dep/utils/hook.tsx

@@ -2,7 +2,7 @@ import dayjs from "dayjs";
 import editForm from "../form.vue";
 import { handleTree } from "@/utils/tree";
 import { message } from "@/utils/message";
-import { getDeptList, addDept, deleteDept, updateDept } from "@/api/system";
+import { getDeptList, addDept, deleteDept, updateDept } from "@/api/systems";
 import { usePublicHooks } from "../hooks";
 import { addDialog } from "@/components/ReDialog";
 import { reactive, ref, onMounted, h } from "vue";

src/views/systems/menu/utils/hook.tsx

 import editForm from "../form.vue";
 import { handleTree } from "@/utils/tree";
 import { message } from "@/utils/message";
-import { getMenuList, addMenu, updateMenu, deleteMenu } from "@/api/system";
+import { getMenuList, addMenu, updateMenu, deleteMenu } from "@/api/systems";
 import { transformI18n } from "@/plugins/i18n";
 import { addDialog } from "@/components/ReDialog";
 import { reactive, ref, onMounted, h } from "vue";

src/views/systems/role/utils/hook.tsx

@@ -10,11 +10,14 @@ import type { FormItemProps } from "../utils/types";
 import type { PaginationProps } from "@pureadmin/table";
 import { deviceDetection } from "@pureadmin/utils";
 import {
+  getRoleList,
+  addRole,
+  updateRole,
+  deleteRole,
   getMenuListByRoleId,
   getMenuList,
   bindMenuByRoleId
-} from "@/api/system";
-import { getRoleList, addRole, updateRole, deleteRole } from "@/api/role";
+} from "@/api/systems";
 import { type Ref, reactive, ref, onMounted, h, toRaw, watch } from "vue";
 
 export function useRole(treeRef: Ref) {

src/views/systems/user/utils/hook.tsx

@@ -18,13 +18,15 @@ import {
   deviceDetection
 } from "@pureadmin/utils";
 import {
-  // getRoleIds,
+  addUser,
+  deleteUser,
+  updateUser,
+  getUserList,
+  addUserRole,
   getDeptList,
-  getUserList
-  // getAllRoleList
-} from "@/api/system";
-import { addUser, updateUser, deleteUser, addUserRole } from "@/api/user";
-import { getRoleListNoPage, getRoleListByUserId } from "@/api/role";
+  getRoleListNoPage,
+  getRoleListByUserId
+} from "@/api/systems";
 import {
   ElForm,
   ElInput,
@@ -52,8 +54,7 @@ export function useUser(tableRef: Ref, treeRef: Ref) {
     mobile: null,
     status: null,
     pageNum: 1,
-    pageSize: 10,
-    deptId: ""
+    pageSize: 10
   });
   const formRef = ref();
   const ruleFormRef = ref();