feat: i18n与jetcache

2023-11-16 10:04:27 +08:00
parent d366daeccc
commit ac856ed2f6
24 changed files with 476 additions and 114 deletions
--- a/lms/nladmin-ui/src/layout/components/InnerLink/index.vue
+++ b/lms/nladmin-ui/src/layout/components/InnerLink/index.vue
@@ -1,27 +1,27 @@
 <script>
 export default {
  data() {
-    return {};
+    return {}
  },
  render() {
-    const { $route: { meta: { link } }, } = this;
-    if ({ link }.link === "") {
-      return "404";
+    const { $route: { meta: { link }}} = this
+    if ({ link }.link === '') {
+      return '404'
    }
-    let url = { link }.link;
-    const height = document.documentElement.clientHeight - 94.5 + "px";
-    const style = { height: height };
+    const url = { link }.link
+    const height = document.documentElement.clientHeight - 94.5 + 'px'
+    const style = { height: height }

    return (
      <div style={style}>
        <iframe
          src={url}
-          frameborder="no"
-          style="width: 100%; height: 100%"
-          scrolling="auto"
+          frameborder='no'
+          style='width: 100%; height: 100%'
+          scrolling='auto'
        ></iframe>
      </div>
-    );
-  },
-};
+    )
+  }
+}
 </script>
--- a/lms/nladmin-ui/src/layout/components/Navbar.vue
+++ b/lms/nladmin-ui/src/layout/components/Navbar.vue
@@ -1,24 +1,24 @@
 <template>
  <div class="navbar">
    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
-    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>
-    <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
+    <breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" />
+    <top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" />

    <div class="right-menu">
      <template v-if="device!=='mobile'">
        <search id="header-search" class="right-menu-item" />

-<!--        <el-tooltip content="项目文档" effect="dark" placement="bottom">
+        <!--        <el-tooltip content="项目文档" effect="dark" placement="bottom">
          <Doc class="right-menu-item hover-effect" />
        </el-tooltip>-->

        <el-tooltip content="全屏缩放" effect="dark" placement="bottom">
          <screenfull id="screenfull" class="right-menu-item hover-effect" />
        </el-tooltip>
-        <notice-icon class="right-menu-item"/>
-        <notice-icon-reader ref="noticeIconReader"/>
+        <notice-icon class="right-menu-item" />
+        <notice-icon-reader ref="noticeIconReader" />

-<!--        <el-tooltip content="布局设置" effect="dark" placement="bottom">
+        <!--        <el-tooltip content="布局设置" effect="dark" placement="bottom">
          <size-select id="size-select" class="right-menu-item hover-effect" />
        </el-tooltip>-->

@@ -31,21 +31,31 @@
        <el-dropdown-menu slot="dropdown">
          <span style="display:block;" @click="show = true">
            <el-dropdown-item>
-              布局设置
+               {{ $t('common.Layout_setting') }}
            </el-dropdown-item>
          </span>
          <router-link to="/user/center">
            <el-dropdown-item>
-              个人中心
+              {{ $t('common.Personal_center') }}
            </el-dropdown-item>
          </router-link>
          <span style="display:block;" @click="open">
            <el-dropdown-item divided>
-              退出登录
+              {{ $t('common.Log_out') }}
            </el-dropdown-item>
          </span>
        </el-dropdown-menu>
      </el-dropdown>
+      <el-dropdown class="right-menu-item" style="font-size: 14px" trigger="click" @command="langChange">
+        <span class="el-dropdown-link">
+          {{ language }} <i class="el-icon-caret-bottom" />
+        </span>
+        <el-dropdown-menu slot="dropdown">
+          <el-dropdown-item divided command="zh">简体中文</el-dropdown-item>
+          <el-dropdown-item divided command="en">English</el-dropdown-item>
+          <el-dropdown-item divided command="in">Indonesian</el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
    </div>
  </div>
 </template>
@@ -76,15 +86,17 @@ export default {
    Doc,
    TopNav
  },
-  created() {
-    this.initWebSocket()
-  },
  data() {
    return {
      Avatar: Avatar,
-      dialogVisible: false
+      dialogVisible: false,
+      language: '简体中文'
    }
  },
+  created() {
+    this.setLang(localStorage.getItem('lang'))
+    this.initWebSocket()
+  },
  computed: {
    ...mapGetters([
      'sidebar',
@@ -110,6 +122,22 @@ export default {
    }
  },
  methods: {
+    // 中英文切换
+    langChange(command) {
+      this.$i18n.locale = command
+      localStorage.setItem('lang', command)
+      this.setLang(command)
+      location.reload()
+    },
+    setLang(command) {
+      if (command === 'en') {
+        this.language = 'English'
+      } else if (command === 'zh') {
+        this.language = '简体中文'
+      } else if (command === 'in') {
+        this.language = 'Indonesian'
+      }
+    },
    toggleSideBar() {
      this.$store.dispatch('app/toggleSideBar')
    },
--- a/lms/nladmin-ui/src/layout/components/Sidebar/SidebarItem.vue
+++ b/lms/nladmin-ui/src/layout/components/Sidebar/SidebarItem.vue
@@ -3,14 +3,14 @@
    <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
      <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">
        <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
-          <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
+          <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="$t(onlyOneChild.meta.title)" />
        </el-menu-item>
      </app-link>
    </template>

    <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
      <template slot="title">
-        <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
+        <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="$t(item.meta.title)" />
      </template>
      <sidebar-item
        v-for="child in item.children"
--- a/lms/nladmin-ui/src/layout/components/TagsView/index.vue
+++ b/lms/nladmin-ui/src/layout/components/TagsView/index.vue
@@ -12,7 +12,7 @@
        @click.middle.native="closeSelectedTag(tag)"
        @contextmenu.prevent.native="openMenu(tag,$event)"
      >
-        {{ tag.title }}
+        {{ $t(tag.title) }}
        <span v-if="!tag.meta.affix" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
      </router-link>
    </scroll-pane>