feat: 增加菜单管理中的中英文

src/api/menu.js

@@ -16,6 +16,10 @@ export async function getMenuDataApi(useCache) {
     });
 }
 
+export function getMenuDetailApi(id) {
+    return getReq(`/api/v1/menus/${id}`);
+}
+
 export function addMenuApi(data) {
     return postReq('/api/v1/menus', data);
 }

src/pages/system/view/menu/form.vue

@@ -10,10 +10,10 @@
             </a-radio-group>
         </a-form-model-item>
         <a-form-model-item label="中文名称">
-            <a-input v-model="form.menuName" />
+            <a-input v-model="menuTypeNameZh" />
         </a-form-model-item>
         <a-form-model-item label="英文名称">
-            <a-input />
+            <a-input v-model="menuTypeNameEn" />
         </a-form-model-item>
         <a-form-model-item label="模块URL" prop="menuUrl">
             <a-input v-model="form.menuUrl" />
@@ -31,7 +31,7 @@
 </template>
 
 <script>
-import { addMenuApi, updateMenuApi } from '@/api';
+import { addMenuApi, updateMenuApi, getMenuDetailApi } from '@/api';
 import MenuTree from '@/components/menu_tree/select.vue';
 
 export default {
@@ -42,7 +42,15 @@ export default {
             menuType: 'CATALOG',
             parentMenuId: null,
             menuName: '',
+            menuNameI18nList: [
+                { i18nLocale: 'zh_CN', i18nMessage: '' },
+                { i18nLocale: 'en_US', i18nMessage: '' },
+            ],
+            menuRemark: '',
         },
+        menuTypeNameZh: '',
+        menuTypeNameEn: '',
+
         rules: {
             menuUrl: [{ required: true }],
         },
@@ -58,12 +66,29 @@ export default {
     methods: {
         async submit() {
             await this.$refs['form'].validate();
-            const reqData = { ...this.form, parentMenuId: this.form.parentMenuId ?? 0 };
+            console.log('this.form.enuNameI18nList', this.form.enuNameI18nList);
+            const reqData = {
+                ...this.form,
+                parentMenuId: this.form.parentMenuId ?? 0,
+                menuNameI18nList: this.form.menuNameI18nList.map(i18 => {
+                    if (i18.i18nLocale === 'en_US') i18.i18nMessage = this.menuTypeNameEn;
+                    if (i18.i18nLocale === 'zh_CN') i18.i18nMessage = this.menuTypeNameZh;
+                    return i18;
+                }),
+                menuName: this.menuTypeNameZh,
+            };
+            console.log('this.form.enuNameI18nList', this.form.enuNameI18nList);
+
             return this.isEdit ? updateMenuApi(reqData) : addMenuApi(reqData);
         },
-        setEdit(data) {
+        async setEdit(data) {
             this.type = 1;
-            this.form = data;
+            this.form = await getMenuDetailApi(data.menuId);
+
+            this.form.menuNameI18nList?.forEach(i18 => {
+                if (i18.i18nLocale === 'en_US') this.menuTypeNameEn = i18.i18nMessage;
+                if (i18.i18nLocale === 'zh_CN') this.menuTypeNameZh = i18.i18nMessage;
+            });
         },
     },
 };