Add i18n

Former-commit-id: c7fe41b748c5af0afe4049b5db0f1f572a4613b4

src/layout/header-aside/components/header-locales/index.vue

@@ -0,0 +1,42 @@
+<template>
+  <el-dropdown
+    placement="bottom"
+    size="small"
+    @command="onChangeLocale">
+    <el-button class="d2-mr btn-text can-hover" type="text">
+      <d2-icon name="language" style="font-size: 16px;"/>
+    </el-button>
+    <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item
+        v-for="(language, index) in $languages"
+        :key="index"
+        :command="language.value">
+        <d2-icon :name="$i18n.locale === language.value ? 'dot-circle-o' : 'circle-o'" class="d2-mr-5"/>
+        {{ language.label }}
+      </el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
+
+<script>
+export default {
+  methods: {
+    onChangeLocale (command) {
+      this.$i18n.locale = command
+      let message = `当前语言：${this.$t('_name')} [ ${this.$i18n.locale} ]`
+      if (!['TRAVIS', 'NETLIFY'].includes(process.env.VUE_APP_BUILD_MODE)) {
+        message = [
+          `当前语言：${this.$t('_name')} [ ${this.$i18n.locale} ]`,
+          `仅提供切换功能，没有配置具体的语言数据 `,
+          `文档参考：<a class="el-link el-link--primary is-underline" target="_blank" href="https://doc.d2admin.fairyever.com/zh/sys-locales/">《国际化 | D2Admin》</a>`
+        ].join('<br/>')
+      }
+      this.$notify({
+        title: '语言变更',
+        dangerouslyUseHTMLString: true,
+        message
+      })
+    }
+  }
+}
+</script>

src/layout/header-aside/layout.vue

@@ -31,6 +31,7 @@
           <d2-header-fullscreen/>
           <d2-header-theme/>
           <d2-header-size/>
+          <d2-header-locales/>
           <d2-header-user/>
         </div>
       </div>
@@ -85,6 +86,7 @@ import d2MenuSide from './components/menu-side'
 import d2MenuHeader from './components/menu-header'
 import d2Tabs from './components/tabs'
 import d2HeaderFullscreen from './components/header-fullscreen'
+import d2HeaderLocales from './components/header-locales'
 import d2HeaderSearch from './components/header-search'
 import d2HeaderSize from './components/header-size'
 import d2HeaderTheme from './components/header-theme'
@@ -102,6 +104,7 @@ export default {
     d2MenuHeader,
     d2Tabs,
     d2HeaderFullscreen,
+    d2HeaderLocales,
     d2HeaderSearch,
     d2HeaderSize,
     d2HeaderTheme,