From c14fe23283278a9cb837a11abc9840640d91a79d Mon Sep 17 00:00:00 2001
From: shaohaojiecoder <445923944@qq.com>
Date: Sun, 9 Feb 2020 17:54:57 +0800
Subject: [PATCH] add i18n basic structure

---
 cmdb-ui/src/components/tools/UserMenu.vue | 10 ++++++++--
 cmdb-ui/src/locales/index.js              | 19 ++++++++++---------
 cmdb-ui/src/locales/lang/en-US.js         |  1 +
 cmdb-ui/src/locales/lang/zh-CN.js         |  1 +
 4 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/cmdb-ui/src/components/tools/UserMenu.vue b/cmdb-ui/src/components/tools/UserMenu.vue
index 4e217d6..ffcb814 100644
--- a/cmdb-ui/src/components/tools/UserMenu.vue
+++ b/cmdb-ui/src/components/tools/UserMenu.vue
@@ -3,7 +3,7 @@
     <div class="content-box">
       <a href="https://github.com/pycook/cmdb" target="_blank">
         <span class="action">
-          源代码 -> <a-icon type="github" style="font-size: 20px; color: #002140"></a-icon>
+          {{ $t('tip.sourceCode') }} -> <a-icon type="github" style="font-size: 20px; color: #002140"></a-icon>
         </span>
       </a>
       <!-- <a href="https://pro.loacg.com/docs/getting-started" target="_blank">
@@ -39,7 +39,7 @@
           </a-menu-item>
         </a-menu>
       </a-dropdown>
-      <lang-select />
+      <lang-select v-if="showLocale" />
     </div>
   </div>
 </template>
@@ -48,12 +48,18 @@
 import NoticeIcon from '@/components/NoticeIcon'
 import { mapActions, mapGetters } from 'vuex'
 import LangSelect from '@/components/tools/LangSelect'
+import { showLocale } from '@/locales'
 
 export default {
   name: 'UserMenu',
   components: {
     NoticeIcon, LangSelect
   },
+  data () {
+    return {
+      showLocale: showLocale
+    }
+  },
   methods: {
     ...mapActions(['Logout']),
     ...mapGetters(['nickname', 'avatar']),
diff --git a/cmdb-ui/src/locales/index.js b/cmdb-ui/src/locales/index.js
index 9898a92..31f4b65 100644
--- a/cmdb-ui/src/locales/index.js
+++ b/cmdb-ui/src/locales/index.js
@@ -3,16 +3,21 @@ import Vue from 'vue'
 import VueI18n from 'vue-i18n'
 // default language
 import enUS from './lang/en-US'
+import zhCN from './lang/zh-CN'
 // change default accept-language
 import { axios } from '@/utils/request'
 
 Vue.use(VueI18n)
 
-export const defaultLang = 'en-US'
+export const defaultLang = 'zh-CN'
+export const showLocale = true
 
 const messages = {
   'en-US': {
     ...enUS
+  },
+  'zh-CN': {
+    ...zhCN
   }
 }
 
@@ -27,9 +32,6 @@ export default i18n
 const loadedLanguages = [defaultLang]
 
 // 从缓存設置中加载当前语言
-// if (Vue.ls.get('lang') !== null && defaultLang !== Vue.ls.get('lang')) {
-//   loadLanguageAsync(localStorage.lang)
-// }
 
 function setI18nLanguage (lang) {
   i18n.locale = lang
@@ -38,11 +40,6 @@ function setI18nLanguage (lang) {
   return lang
 }
 
-/**
- * i18n Render
- * @param key
- * @returns rendered string
- */
 export function i18nRender (key) {
   return i18n.t(key)
 }
@@ -64,3 +61,7 @@ export function loadLanguageAsync (lang = defaultLang) {
     return resolve(lang)
   })
 }
+
+// if (Vue.ls.get('lang') !== null && defaultLang !== Vue.ls.get('lang')) {
+//   loadLanguageAsync(localStorage.lang)
+// }
diff --git a/cmdb-ui/src/locales/lang/en-US.js b/cmdb-ui/src/locales/lang/en-US.js
index 750f417..b4f93fd 100644
--- a/cmdb-ui/src/locales/lang/en-US.js
+++ b/cmdb-ui/src/locales/lang/en-US.js
@@ -32,6 +32,7 @@ export default {
     upload: 'Upload'
   },
   tip: {
+    sourceCode: 'view on',
     subscribed: 'Subscribed',
     unsubscribed: 'Unsubscribed',
     unfold: 'Unfold',
diff --git a/cmdb-ui/src/locales/lang/zh-CN.js b/cmdb-ui/src/locales/lang/zh-CN.js
index cc382b6..3790dea 100644
--- a/cmdb-ui/src/locales/lang/zh-CN.js
+++ b/cmdb-ui/src/locales/lang/zh-CN.js
@@ -32,6 +32,7 @@ export default {
     upload: '上传'
   },
   tip: {
+    sourceCode: '源代码',
     subscribed: '已订阅',
     unsubscribed: '未订阅',
     unfold: '展开',