feat(projects): page manage_menu

src/constants/business.ts

@@ -1,11 +1,11 @@
 import { transformRecordToOption } from '@/utils/common';
 
-export const roleStatusRecord: Record<Api.SystemManage.RoleStatus, App.I18n.I18nKey> = {
-  '1': 'page.manage.role.status.enable',
-  '2': 'page.manage.role.status.disable'
+export const enableStatusRecord: Record<Api.Common.EnableStatus, App.I18n.I18nKey> = {
+  '1': 'page.manage.common.status.enable',
+  '2': 'page.manage.common.status.disable'
 };
 
-export const roleStatusOptions = transformRecordToOption(roleStatusRecord);
+export const enableStatusOptions = transformRecordToOption(enableStatusRecord);
 
 export const userGenderRecord: Record<Api.SystemManage.UserGender, App.I18n.I18nKey> = {
   '1': 'page.manage.user.gender.male',
@@ -14,9 +14,9 @@ export const userGenderRecord: Record<Api.SystemManage.UserGender, App.I18n.I18n
 
 export const userGenderOptions = transformRecordToOption(userGenderRecord);
 
-export const userStatusRecord: Record<Api.SystemManage.UserStatus, App.I18n.I18nKey> = {
-  '1': 'page.manage.user.status.enable',
-  '2': 'page.manage.user.status.disable'
+export const menuTypeRecord: Record<Api.SystemManage.MenuType, App.I18n.I18nKey> = {
+  '1': 'page.manage.menu.type.directory',
+  '2': 'page.manage.menu.type.menu'
 };
 
-export const userStatusOptions = transformRecordToOption(userStatusRecord);
+export const menuTypeOptions = transformRecordToOption(menuTypeRecord);

src/constants/common.ts

@@ -0,0 +1,8 @@
+import { transformRecordToOption } from '@/utils/common';
+
+export const yesOrNoRecord: Record<CommonType.YesOrNo, App.I18n.I18nKey> = {
+  Y: 'common.yesOrNo.yes',
+  N: 'common.yesOrNo.no'
+};
+
+export const yesOrNoOptions = transformRecordToOption(yesOrNoRecord);

src/hooks/common/table.ts

@@ -33,7 +33,7 @@ export type TableConfig<TableData extends BaseData = BaseData, Fn extends ApiFn
   /** api function to get table data */
   apiFn: Fn;
   /** api params */
-  apiParams: Parameters<Fn>[0];
+  apiParams?: Parameters<Fn>[0];
   /** transform api response to table data */
   transformer: Transformer<TableData, Awaited<ReturnType<Fn>>>;
   /** pagination */

src/locales/langs/en-us.ts

@@ -30,7 +30,11 @@ const local: App.I18n.Schema = {
     tip: 'Tip',
     update: 'Update',
     updateSuccess: 'Update Success',
-    userCenter: 'User Center'
+    userCenter: 'User Center',
+    yesOrNo: {
+      yes: 'Yes',
+      no: 'No'
+    }
   },
   theme: {
     themeSchema: {
@@ -253,27 +257,36 @@ const local: App.I18n.Schema = {
       }
     },
     manage: {
+      common: {
+        status: {
+          enable: 'Enable',
+          disable: 'Disable'
+        }
+      },
       role: {
         title: 'Role List',
+        roleName: 'Role Name',
+        roleCode: 'Role Code',
+        roleStatus: 'Role Status',
+        roleDesc: 'Role Description',
         form: {
           roleName: 'Please enter role name',
           roleCode: 'Please enter role code',
           roleStatus: 'Please select role status',
           roleDesc: 'Please enter role description'
         },
-        roleName: 'Role Name',
-        roleCode: 'Role Code',
-        roleStatus: 'Role Status',
-        roleDesc: 'Role Description',
         addRole: 'Add Role',
-        editRole: 'Edit Role',
-        status: {
-          enable: 'Enable',
-          disable: 'Disable'
-        }
+        editRole: 'Edit Role'
       },
       user: {
         title: 'User List',
+        userName: 'User Name',
+        userGender: 'Gender',
+        nickName: 'Nick Name',
+        userPhone: 'Phone Number',
+        userEmail: 'Email',
+        userStatus: 'User Status',
+        userRole: 'User Role',
         form: {
           userName: 'Please enter user name',
           userGender: 'Please select gender',
@@ -283,22 +296,64 @@ const local: App.I18n.Schema = {
           userStatus: 'Please select user status',
           userRole: 'Please select user role'
         },
-        userName: 'User Name',
-        userGender: 'Gender',
-        nickName: 'Nick Name',
-        userPhone: 'Phone Number',
-        userEmail: 'Email',
-        userStatus: 'User Status',
-        userRole: 'User Role',
         addUser: 'Add User',
         editUser: 'Edit User',
         gender: {
           male: 'Male',
           female: 'Female'
+        }
+      },
+      menu: {
+        title: 'Menu List',
+        menuType: 'Menu Type',
+        menuName: 'Menu Name',
+        routeName: 'Route Name',
+        routePath: 'Route Path',
+        page: 'Page Component',
+        layout: 'Layout Component',
+        i18nKey: 'I18n Key',
+        icon: 'Icon',
+        localIcon: 'Local Icon',
+        order: 'Order',
+        keepAlive: 'Keep Alive',
+        href: 'Href',
+        hideInMenu: 'Hide In Menu',
+        activeMenu: 'Active Menu',
+        multiTab: 'Multi Tab',
+        fixedIndexInTab: 'Fixed Index In Tab',
+        button: 'Button',
+        buttonCode: 'Button Code',
+        buttonDesc: 'Button Desc',
+        menuStatus: 'Menu Status',
+        form: {
+          menuType: 'Please select menu type',
+          menuName: 'Please enter menu name',
+          routeName: 'Please enter route name',
+          routePath: 'Please enter route path',
+          page: 'Please select page component',
+          layout: 'Please select layout component',
+          i18nKey: 'Please enter i18n key',
+          icon: 'Please enter icon',
+          localIcon: 'Please select local icon',
+          order: 'Please enter order',
+          keepAlive: 'Please select whether to cache route',
+          href: 'Please enter href',
+          hideInMenu: 'Please select whether to hide menu',
+          activeMenu: 'Please enter the route name of the highlighted menu',
+          multiTab: 'Please select whether to support multiple tabs',
+          fixedInTab: 'Please select whether to fix in the tab',
+          fixedIndexInTab: 'Please enter the index fixed in the tab',
+          button: 'Please select whether it is a button',
+          buttonCode: 'Please enter button code',
+          buttonDesc: 'Please enter button description',
+          menuStatus: 'Please select menu status'
         },
-        status: {
-          enable: 'Enable',
-          disable: 'Disable'
+        addMenu: 'Add Menu',
+        editMenu: 'Edit Menu',
+        addChildMenu: 'Add Child Menu',
+        type: {
+          directory: 'Directory',
+          menu: 'Menu'
         }
       }
     }

src/locales/langs/zh-cn.ts

@@ -30,7 +30,11 @@ const local: App.I18n.Schema = {
     tip: '提示',
     update: '更新',
     updateSuccess: '更新成功',
-    userCenter: '个人中心'
+    userCenter: '个人中心',
+    yesOrNo: {
+      yes: '是',
+      no: '否'
+    }
   },
   theme: {
     themeSchema: {
@@ -253,27 +257,36 @@ const local: App.I18n.Schema = {
       }
     },
     manage: {
+      common: {
+        status: {
+          enable: '启用',
+          disable: '禁用'
+        }
+      },
       role: {
         title: '角色列表',
+        roleName: '角色名称',
+        roleCode: '角色编码',
+        roleStatus: '角色状态',
+        roleDesc: '角色描述',
         form: {
           roleName: '请输入角色名称',
           roleCode: '请输入角色编码',
           roleStatus: '请选择角色状态',
           roleDesc: '请输入角色描述'
         },
-        roleName: '角色名称',
-        roleCode: '角色编码',
-        roleStatus: '角色状态',
-        roleDesc: '角色描述',
         addRole: '新增角色',
-        editRole: '编辑角色',
-        status: {
-          enable: '启用',
-          disable: '禁用'
-        }
+        editRole: '编辑角色'
       },
       user: {
         title: '用户列表',
+        userName: '用户名',
+        userGender: '性别',
+        nickName: '昵称',
+        userPhone: '手机号',
+        userEmail: '邮箱',
+        userStatus: '用户状态',
+        userRole: '用户角色',
         form: {
           userName: '请输入用户名',
           userGender: '请选择性别',
@@ -283,22 +296,64 @@ const local: App.I18n.Schema = {
           userStatus: '请选择用户状态',
           userRole: '请选择用户角色'
         },
-        userName: '用户名',
-        userGender: '性别',
-        nickName: '昵称',
-        userPhone: '手机号',
-        userEmail: '邮箱',
-        userStatus: '用户状态',
-        userRole: '用户角色',
         addUser: '新增用户',
         editUser: '编辑用户',
         gender: {
           male: '男',
           female: '女'
+        }
+      },
+      menu: {
+        title: '菜单列表',
+        menuType: '菜单类型',
+        menuName: '菜单名称',
+        routeName: '路由名称',
+        routePath: '路由路径',
+        page: '页面组件',
+        layout: '布局',
+        i18nKey: '国际化key',
+        icon: '图标',
+        localIcon: '本地图标',
+        order: '排序',
+        keepAlive: '缓存路由',
+        href: '外链',
+        hideInMenu: '隐藏菜单',
+        activeMenu: '高亮的菜单',
+        multiTab: '支持多页签',
+        fixedIndexInTab: '固定在页签中的序号',
+        button: '按钮',
+        buttonCode: '按钮编码',
+        buttonDesc: '按钮描述',
+        menuStatus: '菜单状态',
+        form: {
+          menuType: '请选择菜单类型',
+          menuName: '请输入菜单名称',
+          routeName: '请输入路由名称',
+          routePath: '请输入路由路径',
+          page: '请选择页面组件',
+          layout: '请选择布局组件',
+          i18nKey: '请输入国际化key',
+          icon: '请输入图标',
+          localIcon: '请选择本地图标',
+          order: '请输入排序',
+          keepAlive: '请选择是否缓存路由',
+          href: '请输入外链',
+          hideInMenu: '请选择是否隐藏菜单',
+          activeMenu: '请输入高亮的菜单的路由名称',
+          multiTab: '请选择是否支持多标签',
+          fixedInTab: '请选择是否固定在页签中',
+          fixedIndexInTab: '请输入固定在页签中的序号',
+          button: '请选择是否按钮',
+          buttonCode: '请输入按钮编码',
+          buttonDesc: '请输入按钮描述',
+          menuStatus: '请选择菜单状态'
         },
-        status: {
-          enable: '启用',
-          disable: '禁用'
+        addMenu: '新增菜单',
+        editMenu: '编辑菜单',
+        addChildMenu: '新增子菜单',
+        type: {
+          directory: '目录',
+          menu: '菜单'
         }
       }
     }

src/service/api/system-manage.ts

@@ -29,3 +29,11 @@ export function fetchGetUserList(params?: Api.SystemManage.UserSearchParams) {
     params
   });
 }
+
+/** get menu list */
+export function fetchGetMenuList() {
+  return request<Api.SystemManage.Menu[]>({
+    url: '/systemManage/getMenuList',
+    method: 'get'
+  });
+}