From 07f6eb64202631ddf0a524d113804275c5a4969d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B0=B4=E8=90=BD=28YangLei=29?= <lzi.love@icloud.com>
Date: Wed, 7 Jul 2021 14:03:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E4=B8=AD=E7=9A=84=E4=B8=AD=E8=8B=B1=E6=96=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/menu.js                     |  4 ++++
 src/pages/system/view/menu/form.vue | 37 ++++++++++++++++++++++++-----
 2 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/src/api/menu.js b/src/api/menu.js
index 2e374af..aec243b 100644
--- a/src/api/menu.js
+++ b/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);
 }
diff --git a/src/pages/system/view/menu/form.vue b/src/pages/system/view/menu/form.vue
index d31e689..144b46f 100644
--- a/src/pages/system/view/menu/form.vue
+++ b/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;
+            });
         },
     },
 };
-- 
GitLab