From 7f357773dc7770c2c54f8ff74c4f862a0e7fe361 Mon Sep 17 00:00:00 2001
From: GhubCy <96762949+GhubCy@users.noreply.github.com>
Date: Tue, 6 May 2025 17:42:08 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0vue-i18n=E4=BE=9D=E8=B5=96?=
 =?UTF-8?q?=EF=BC=8C=E6=B7=BB=E5=8A=A0=E4=B8=AD=E6=96=87=E3=80=81=E8=8B=B1?=
 =?UTF-8?q?=E8=AF=AD=E3=80=81=E8=80=81=E6=8C=9D=E8=AF=AD=E8=A8=80=E5=8C=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                            |  5 +--
 src/components/LanguageSelect/index.vue | 41 +++++++++++++++++++++++++
 src/languages/en.js                     | 11 +++++++
 src/languages/index.js                  | 19 ++++++++++++
 src/languages/laos.js                   | 11 +++++++
 src/languages/zh.js                     | 11 +++++++
 src/layout/components/Navbar.vue        |  6 ++++
 src/main.js                             |  3 ++
 8 files changed, 105 insertions(+), 2 deletions(-)
 create mode 100644 src/components/LanguageSelect/index.vue
 create mode 100644 src/languages/en.js
 create mode 100644 src/languages/index.js
 create mode 100644 src/languages/laos.js
 create mode 100644 src/languages/zh.js

diff --git a/package.json b/package.json
index 8b8c436..9e9974b 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,11 @@
 {
   "name": "coin-web",
   "version": "4.8.2",
-  "description": "老挝支付金控管理系统",
+  "description": "老挝金融支付管理系统",
   "author": "LionLi",
   "license": "MIT",
   "scripts": {
-    "dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
+    "dev": "vue-cli-service serve",
     "build:prod": "vue-cli-service build",
     "preview": "node build/index.js --preview",
     "lint": "eslint --ext .js,.vue src"
@@ -54,6 +54,7 @@
     "vue": "2.6.12",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
+    "vue-i18n": "^8.28.2",
     "vue-meta": "2.4.0",
     "vue-router": "3.4.9",
     "vuedraggable": "2.24.3",
diff --git a/src/components/LanguageSelect/index.vue b/src/components/LanguageSelect/index.vue
new file mode 100644
index 0000000..796a93a
--- /dev/null
+++ b/src/components/LanguageSelect/index.vue
@@ -0,0 +1,41 @@
+<template>
+  <el-tooltip content="语言切换" effect="dark" placement="bottom">
+    <el-dropdown trigger="click" @command="handleSetLanguage">
+      <div class="language-select right-menu-item hover-effect">
+        <svg-icon icon-class="language" />
+      </div>
+      <el-dropdown-menu slot="dropdown">
+        <el-dropdown-item command="zh" :disabled="$i18n.locale === 'zh'">中文</el-dropdown-item>
+        <el-dropdown-item command="en" :disabled="$i18n.locale === 'en'">English</el-dropdown-item>
+        <el-dropdown-item command="la" :disabled="$i18n.locale === 'la'">ລາວ</el-dropdown-item>
+      </el-dropdown-menu>
+    </el-dropdown>
+  </el-tooltip>
+</template>
+
+<script>
+export default {
+  name: 'LanguageSelect',
+  methods: {
+    handleSetLanguage(lang) {
+      this.$i18n.locale = lang
+      localStorage.setItem('language', lang)
+      this.$message.success(this.$t('language.switchSuccess'))
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.language-select {
+  padding: 0 8px;
+  height: 100%;
+  font-size: 18px;
+  color: #5a5e66;
+  vertical-align: text-bottom;
+
+  &:hover {
+    background: rgba(0, 0, 0, .025);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/languages/en.js b/src/languages/en.js
new file mode 100644
index 0000000..bbe4972
--- /dev/null
+++ b/src/languages/en.js
@@ -0,0 +1,11 @@
+export default {
+  language: {
+    switchSuccess: 'Switch language successfully'
+  },
+  navbar: {
+    logout: 'Logout'
+  },
+  index: {
+    title: 'Laos Payment Financial Management System'
+  },
+}
\ No newline at end of file
diff --git a/src/languages/index.js b/src/languages/index.js
new file mode 100644
index 0000000..8393b9d
--- /dev/null
+++ b/src/languages/index.js
@@ -0,0 +1,19 @@
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+import zh from './zh'
+import en from './en'
+import la from './laos'
+
+Vue.use(VueI18n)
+
+const messages = {
+  zh,
+  en,
+  la
+}
+
+export default new VueI18n({
+  locale: localStorage.getItem('language') || 'zh',
+  fallbackLocale: 'zh',
+  messages
+})
\ No newline at end of file
diff --git a/src/languages/laos.js b/src/languages/laos.js
new file mode 100644
index 0000000..1f8fc36
--- /dev/null
+++ b/src/languages/laos.js
@@ -0,0 +1,11 @@
+export default {
+  language: {
+    switchSuccess: 'ປ່ຽນພາສາສຳເລັດ'
+  },
+  navbar: {
+    logout: 'ອອກຈາກລະບົບ'
+  },
+  index: {
+    title: 'ລະບົບຈັດການການເງິນການຈ່າຍເງິນລາວ'
+  },
+}
\ No newline at end of file
diff --git a/src/languages/zh.js b/src/languages/zh.js
new file mode 100644
index 0000000..4410650
--- /dev/null
+++ b/src/languages/zh.js
@@ -0,0 +1,11 @@
+export default {
+  language: {
+    switchSuccess: '语言切换成功'
+  },
+  navbar: {
+    logout: '退出登录'
+  },
+  index: {
+    title: '老挝支付金控管理系统'
+  },
+}
\ No newline at end of file
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index ff24025..4c62fa3 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -23,6 +23,10 @@
           <size-select id="size-select" class="right-menu-item hover-effect" />
         </el-tooltip>
 
+        <el-tooltip content="语言切换" effect="dark" placement="bottom">
+          <language-select id="language-select" class="right-menu-item hover-effect" />
+        </el-tooltip>
+     
       </template>
 
       <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
@@ -53,6 +57,7 @@ import TopNav from '@/components/TopNav'
 import Hamburger from '@/components/Hamburger'
 import Screenfull from '@/components/Screenfull'
 import SizeSelect from '@/components/SizeSelect'
+import LanguageSelect from '@/components/LanguageSelect'
 import Search from '@/components/HeaderSearch'
 import RuoYiGit from '@/components/RuoYi/Git'
 import RuoYiDoc from '@/components/RuoYi/Doc'
@@ -64,6 +69,7 @@ export default {
     Hamburger,
     Screenfull,
     SizeSelect,
+    LanguageSelect,
     Search,
     RuoYiGit,
     RuoYiDoc
diff --git a/src/main.js b/src/main.js
index caf30d7..1f22371 100644
--- a/src/main.js
+++ b/src/main.js
@@ -82,9 +82,12 @@ Vue.use(Element, {
 
 Vue.config.productionTip = false
 
+import i18n from './languages'
+
 new Vue({
   el: '#app',
   router,
   store,
+  i18n,
   render: h => h(App)
 })