feat(projects): page manage_menu

src/views/manage/role/index.vue

@@ -6,7 +6,7 @@ import { fetchGetRoleList } from '@/service/api';
 import { useAppStore } from '@/store/modules/app';
 import { useTable } from '@/hooks/common/table';
 import { $t } from '@/locales';
-import { roleStatusRecord } from '@/constants/business';
+import { enableStatusRecord } from '@/constants/business';
 import RoleOperateDrawer, { type OperateType } from './modules/role-operate-drawer.vue';
 import RoleSearch from './modules/role-search.vue';
 
@@ -24,9 +24,9 @@ const { columns, filteredColumns, data, loading, pagination, getData, searchPara
     size: 10,
     // if you want to use the searchParams in Form, you need to define the following properties, and the value is null
     // the value can not be undefined, otherwise the property in Form will not be reactive
+    status: null,
     roleName: null,
-    roleCode: null,
-    roleStatus: null
+    roleCode: null
   },
   transformer: res => {
     const { records = [], current = 1, size = 10, total = 0 } = res.data || {};
@@ -69,23 +69,23 @@ const { columns, filteredColumns, data, loading, pagination, getData, searchPara
       minWidth: 120
     },
     {
-      key: 'roleStatus',
+      key: 'status',
       title: $t('page.manage.role.roleStatus'),
       align: 'center',
       width: 100,
       render: row => {
-        if (row.roleStatus === null) {
+        if (row.status === null) {
           return null;
         }
 
-        const tagMap: Record<Api.SystemManage.RoleStatus, NaiveUI.ThemeColor> = {
+        const tagMap: Record<Api.Common.EnableStatus, NaiveUI.ThemeColor> = {
           1: 'success',
           2: 'warning'
         };
 
-        const label = $t(roleStatusRecord[row.roleStatus]);
+        const label = $t(enableStatusRecord[row.status]);
 
-        return <NTag type={tagMap[row.roleStatus]}>{label}</NTag>;
+        return <NTag type={tagMap[row.status]}>{label}</NTag>;
       }
     },
     {

src/views/manage/role/modules/role-operate-drawer.vue

@@ -2,7 +2,7 @@
 import { computed, reactive, watch } from 'vue';
 import { useFormRules, useNaiveForm } from '@/hooks/common/form';
 import { $t } from '@/locales';
-import { roleStatusOptions } from '@/constants/business';
+import { enableStatusOptions } from '@/constants/business';
 
 defineOptions({
   name: 'RoleOperateDrawer'
@@ -46,7 +46,7 @@ const title = computed(() => {
   return titles[props.operateType];
 });
 
-type Model = Pick<Api.SystemManage.Role, 'roleName' | 'roleCode' | 'roleDesc' | 'roleStatus'>;
+type Model = Pick<Api.SystemManage.Role, 'roleName' | 'roleCode' | 'roleDesc' | 'status'>;
 
 const model: Model = reactive(createDefaultModel());
 
@@ -55,7 +55,7 @@ function createDefaultModel(): Model {
     roleName: '',
     roleCode: '',
     roleDesc: '',
-    roleStatus: null
+    status: null
   };
 }
 
@@ -64,7 +64,7 @@ type RuleKey = Exclude<keyof Model, 'roleDesc'>;
 const rules: Record<RuleKey, App.Global.FormRule> = {
   roleName: defaultRequiredRule,
   roleCode: defaultRequiredRule,
-  roleStatus: defaultRequiredRule
+  status: defaultRequiredRule
 };
 
 function handleUpdateModelWhenEdit() {
@@ -108,9 +108,9 @@ watch(visible, () => {
         <NFormItem :label="$t('page.manage.role.roleCode')" path="roleCode">
           <NInput v-model:value="model.roleCode" :placeholder="$t('page.manage.role.form.roleCode')" />
         </NFormItem>
-        <NFormItem :label="$t('page.manage.role.roleStatus')" path="roleStatus">
-          <NRadioGroup v-model:value="model.roleStatus">
-            <NRadio v-for="item in roleStatusOptions" :key="item.value" :value="item.value" :label="$t(item.label)" />
+        <NFormItem :label="$t('page.manage.role.roleStatus')" path="status">
+          <NRadioGroup v-model:value="model.status">
+            <NRadio v-for="item in enableStatusOptions" :key="item.value" :value="item.value" :label="$t(item.label)" />
           </NRadioGroup>
         </NFormItem>
         <NFormItem :label="$t('page.manage.role.roleDesc')" path="roleDesc">

src/views/manage/role/modules/role-search.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { $t } from '@/locales';
-import { roleStatusOptions } from '@/constants/business';
+import { enableStatusOptions } from '@/constants/business';
 import { translateOptions } from '@/utils/common';
 
 defineOptions({
@@ -35,11 +35,11 @@ function search() {
         <NFormItemGi span="24 s:12 m:6" :label="$t('page.manage.role.roleCode')" path="roleCode" class="pr-24px">
           <NInput v-model:value="model.roleCode" :placeholder="$t('page.manage.role.form.roleCode')" />
         </NFormItemGi>
-        <NFormItemGi span="24 s:12 m:6" :label="$t('page.manage.role.roleStatus')" path="roleStatus" class="pr-24px">
+        <NFormItemGi span="24 s:12 m:6" :label="$t('page.manage.role.roleStatus')" path="status" class="pr-24px">
           <NSelect
-            v-model:value="model.roleStatus"
+            v-model:value="model.status"
             :placeholder="$t('page.manage.role.form.roleStatus')"
-            :options="translateOptions(roleStatusOptions)"
+            :options="translateOptions(enableStatusOptions)"
             clearable
           />
         </NFormItemGi>