From 426d89761ba09b94f629f10a599ac8d497ab2097 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=80=8D=E9=81=A5=E5=B0=8A=E8=80=85?=
 <46641918+lhzzforever@users.noreply.github.com>
Date: Fri, 21 Apr 2023 18:38:57 +0800
Subject: [PATCH] =?UTF-8?q?feature:=20=E5=B0=81=E8=A3=85=E5=8D=95=E7=8B=AC?=
 =?UTF-8?q?=E7=9A=84=E8=8E=B7=E5=8F=96cookie=E6=96=B9=E6=B3=95=20(#1930)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.vue                         |  6 +++---
 frontend/src/common/util.js                  | 10 ++++++++++
 frontend/src/components/header-nav/index.vue |  7 ++++---
 frontend/src/language/index.js               |  4 ++--
 4 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 71ed0f8cf..7a41f125a 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -52,12 +52,12 @@
     </div>
 </template>
 <script>
-    import Cookie from 'js-cookie';
+    // import Cookie from 'js-cookie';
     import HeaderNav from '@/components/header-nav/index.vue';
     import theHeader from '@/components/header/index.vue';
     import theNav from '@/components/nav/index.vue';
     import IamGuide from '@/components/iam-guide/index.vue';
-    import { existValue } from '@/common/util';
+    import { existValue, getCookie } from '@/common/util';
     import { bus } from '@/common/bus';
     import { mapGetters } from 'vuex';
     import { afterEach } from '@/router';
@@ -123,7 +123,7 @@
         },
         created () {
             const platform = window.navigator.platform.toLowerCase();
-            window.CUR_LANGUAGE = Cookie.get('blueking_language') || 'zh-cn';
+            window.CUR_LANGUAGE = getCookie('blueking_language') || 'zh-cn';
             this.$i18n.locale = window.CUR_LANGUAGE;
             if (platform.indexOf('win') === 0) {
                 this.systemCls = 'win';
diff --git a/frontend/src/common/util.js b/frontend/src/common/util.js
index eabded429..96c66f008 100644
--- a/frontend/src/common/util.js
+++ b/frontend/src/common/util.js
@@ -581,3 +581,13 @@ export function renderLabelWidth (payload) {
     };
     return typeMap[payload]();
 }
+
+// 获取cookie
+export function getCookie (name) {
+    const data = document.cookie.split(';');
+    const params = {};
+    for (let i = 0; i < data.length; i++) {
+        params[data[i].split('=')[0].replace(/\s/, '')] = data[i].split('=')[1];
+    }
+    return params[name];
+}
diff --git a/frontend/src/components/header-nav/index.vue b/frontend/src/components/header-nav/index.vue
index 9b5546753..4d39c0a42 100644
--- a/frontend/src/components/header-nav/index.vue
+++ b/frontend/src/components/header-nav/index.vue
@@ -116,6 +116,7 @@
     import { il8n, language } from '@/language';
     import { bus } from '@/common/bus';
     import { buildURLParams } from '@/common/url';
+    import { getCookie } from '@/common/util';
     import SystemLog from '../system-log';
     import { getRouterDiff, getNavRouterDiff } from '@/common/router-handle';
     import Cookie from 'js-cookie';
@@ -562,9 +563,9 @@
                     'zh-cn': lang.zhCN,
                     en: lang.enUS
                 };
-                locale.use(magicBoxLanguageMap[targetLocale]);
-                window.CUR_LANGUAGE = targetLocale;
-                this.$i18n.locale = targetLocale;
+                locale.use(magicBoxLanguageMap[getCookie('blueking_language')]);
+                window.CUR_LANGUAGE = getCookie('blueking_language');
+                this.$i18n.locale = getCookie('blueking_language');
                 window.location.reload();
             },
         
diff --git a/frontend/src/language/index.js b/frontend/src/language/index.js
index 1e311b056..e5e2a9599 100644
--- a/frontend/src/language/index.js
+++ b/frontend/src/language/index.js
@@ -26,7 +26,7 @@
 import en from './lang/en';
 import cn from './lang/zh';
 import magicbox from 'bk-magic-vue';
-import Cookie from 'js-cookie';
+import { getCookie } from '@/common/util';
 
 const { lang } = magicbox;
 const messages = {
@@ -40,7 +40,7 @@ const messages = {
     }
 };
 
-const language = Cookie.get('blueking_language') || 'zh-cn';
+const language = getCookie('blueking_language') || 'zh-cn';
 
 // 检测漏掉的翻译
 // const cnLan = cn.language;