【update】菜单管理-增加双语

src/components/menu/index.js

@@ -2,6 +2,7 @@ import Menu from 'ant-design-vue/es/menu'
 import Icon from 'ant-design-vue/es/icon'
 
 const { Item, SubMenu } = Menu
+// import i18n from '@/common/lang'
 
 export default {
   name: 'SMenu',
@@ -40,6 +41,10 @@ export default {
       return keys
     }
   },
+  created () {
+    const langCn = localStorage.language
+    this.showKey = langCn === 'en-us' ? 'titleEn' : 'title'
+  },
   mounted () {
     this.updateMenu()
   },
@@ -150,12 +155,12 @@ export default {
           item.meta = Object.assign(item.meta, { hidden: true })
         })
       }
-
+      // <span>{menu.meta.title && menu.meta.title.includes('t(\'') ? i18n.t(menu.meta.title.replace('t(\'', '').replace('\')', '')) : menu.meta.title}</span>
       return (
         <Item {...{ key: menu.path }}>
           <tag {...{ props, attrs }}>
             {this.renderIcon(menu.meta.icon)}
-            <span>{menu.meta.title}</span>
+            <span>{menu.meta[this.showKey] || menu.meta.title}</span>
           </tag>
         </Item>
       )
@@ -169,7 +174,7 @@ export default {
         <SubMenu {...{ key: menu.path }}>
           <span slot="title">
             {this.renderIcon(menu.meta.icon)}
-            <span>{menu.meta.title}</span>
+            <span>{menu.meta[this.showKey] || menu.meta.title}</span>
           </span>
           {itemArr}
         </SubMenu>

src/components/page/GlobalHeader.vue

@@ -199,6 +199,8 @@ export default {
     height: @height;
     background-color: white;
     transition: background 300ms;
+    display: flex;
+    align-items: center;
 
     /* dark 样式 */
 
@@ -225,5 +227,7 @@ export default {
 .breadcrumb {
   display: inline-block;
   margin: 0;
+  flex: 1;
+  width: 0;
 }
 </style>

src/components/tools/Breadcrumb.vue

@@ -2,9 +2,9 @@
   <a-breadcrumb class="breadcrumb">
     <a-breadcrumb-item v-for="(item, index) in breadList" :key="index">
       <router-link v-if="item.name + '' !== name + ''" :to="{ path: item.path }">
-        {{ item.meta.title }}
+        {{ item.meta[showKey] || item.meta.title }}
       </router-link>
-      <span v-else>{{ item.meta.title }}</span>
+      <span v-else>{{ item.meta[showKey] || item.meta.title }}</span>
     </a-breadcrumb-item>
   </a-breadcrumb>
 </template>
@@ -16,10 +16,12 @@ export default {
   data () {
     return {
       name: '',
-      breadList: []
+      breadList: [],
+      showKey: ''
     }
   },
   created () {
+    this.showKey = localStorage.language === 'en-us' ? 'titleEn' : 'title'
     this.getBreadcrumb()
   },
   methods: {