'增加国际化'

jero-web/src/components/tools/UserMenu.vue

@@ -32,6 +32,10 @@
       </a>
     </span>
     <header-notice class="action"/>
+    <div class="action">
+      <span @click="changeLocale('en-us')" v-show="localeval=='zh-cn'">English</span >
+      <span @click="changeLocale('zh-cn')" v-show="localeval=='en-us'">中文</span >
+    </div>
     <a-dropdown>
       <span class="action action-full ant-dropdown-link user-dropdown-menu">
         <a-avatar class="avatar" size="small" :src="getAvatar()"/>
@@ -101,6 +105,12 @@
   import { getFileAccessHttpUrl,getAction } from "@/api/manage"
   import Vue from 'vue'
   import { UI_CACHE_DB_DICT_DATA } from "@/store/mutation-types"
+  import moment from 'moment'
+  import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
+  import 'moment/locale/zh-cn'
+  moment.locale('zh-cn')
+  const EN = 'en-us'
+  const ZH = 'zh-cn'
 
   export default {
     name: "UserMenu",
@@ -111,6 +121,8 @@
         searchMenuOptions:[],
         searchMenuComp: 'span',
         searchMenuVisible: false,
+        locale: zhCN,
+        localeval: 'zh-cn'
         // update-begin author:sunjianlei date:20200219 for: 头部菜单搜索规范命名 --------------
       }
     },
@@ -251,8 +263,26 @@
           this.$message.warn("刷新缓存失败！");
           console.log("刷新失败",e)
         })
-      }
+      },
       /*update_end author:liushaoqian date:20200507 for: 刷新缓存*/
+      moment,
+      changeLocale (localeval) {
+        this.localeval = localeval
+        if (localeval === EN) {
+          moment.locale(EN)
+          this.$i18n.locale = EN
+          this.locale = null
+          localStorage.setItem('language', EN)
+          // location.reload();
+        } else {
+          moment.locale(ZH)
+          this.$i18n.locale = ZH
+          this.locale = zhCN
+          localStorage.setItem('language', ZH)
+          // location.reload();
+        }
+        console.log('this.locale',this.locale)
+      }
     }
   }
 </script>