切换语种

src/lang/index.js

@@ -3,8 +3,12 @@ import VueI18n from "vue-i18n";
 import Cookies from "js-cookie";
 import elementEnLocale from "element-ui/lib/locale/lang/en"; // element-ui lang
 import elementZhLocale from "element-ui/lib/locale/lang/zh-CN"; // element-ui lang
+import elementThLocale from "element-ui/lib/locale/lang/th"; // element-ui lang
+import elementViLocale from "element-ui/lib/locale/lang/vi"; // element-ui lang
 import enLocale from "./local/en/";
 import zhLocale from "./local/zh/";
+import thLocale from "./local/en/";     //TODO  本地th暂无
+import viLocale from "./local/en/";     //TODO  本地vi暂无
 
 /**
  * 详细文档
@@ -21,6 +25,14 @@ const messages = {
     ...zhLocale,
     ...elementZhLocale,
   },
+  th: {
+    ...thLocale,
+    ...elementThLocale,
+  },
+  vi: {
+    ...viLocale,
+    ...elementViLocale,
+  },
 };
 export function getLanguage() {
   const chooseLanguage = Cookies.get("language");

src/service/business/lang.js

+import Api from "~/service/Api"
+
+export function changeLang(data) {
+    return Api.post('/business/lang/changeLang', data)
+}
\ No newline at end of file

src/views/Layout/Header.vue

@@ -122,6 +122,9 @@
 
 <script>
 import cPage from "../../components/c-page.vue";
+import Api from "~/service/Api";
+import { changeLang } from "~/service/business/lang";
+
 export default {
   components: { cPage },
   data() {
@@ -146,6 +149,8 @@ export default {
       languageOptions: [
         { lang: "zh", shortName: "中文", fullName: "中文" },
         { lang: "en", shortName: "En", fullName: "English" },
+        { lang: "th", shortName: "ไทย", fullName: "ภาษาไทย" },
+        { lang: "vi", shortName: "Tiếng Việt", fullName: "Tiếng Việt" },
       ],
     };
   },
@@ -175,10 +180,16 @@ export default {
       this.$router.push("/login");
       // window.location.href = "/#/login"
     },
-    handleLang(lang) {
-      this.$i18n.locale = lang;
-      this.$store.dispatch("I18n/setLang", lang);
-      this.langSelectVisible = false;
+    async handleLang(lang) {
+        const data = {
+            lang: lang
+        }
+        let rtnmsg = await changeLang(data)
+        if (rtnmsg.respCode == SUCCESS) {
+            this.$i18n.locale = lang;
+            this.$store.dispatch("I18n/setLang", lang);
+            this.langSelectVisible = false;
+        }
     },
     showLogoutDialog(flg) {
       // this.$refs.logoutform.show(flg);