From 73408427625e14925f85b56bfc1ed38e5ff77463 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Wed, 13 Oct 2021 09:17:51 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1053=20feat:=20=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=20=E5=8F=96=E6=B6=88=E8=AF=AD=E8=A8=80=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/common/login.vue | 43 +++++++++----------
 1 file changed, 21 insertions(+), 22 deletions(-)

diff --git a/nezha-fronted/src/components/common/login.vue b/nezha-fronted/src/components/common/login.vue
index 86141d617..9ef5bb173 100644
--- a/nezha-fronted/src/components/common/login.vue
+++ b/nezha-fronted/src/components/common/login.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="login" @click="langListShow = false">
+  <div class="login">
     <div class="model"></div>
     <div class="login-main">
       <div class="logo"><img src="../../assets/img/logo-big.png"></div>
@@ -25,15 +25,15 @@
         <div class="login-foot">
           <button  v-if="!verifyShow" id="login" v-loading="loading" :class="{'nz-btn-disabled': !license.valid}" class="login-btn" @click="login">{{$t("login.login")}}</button>
           <button  v-if="verifyShow" id="verify" v-loading="loading" :class="{'nz-btn-disabled': !license.valid}" class="login-btn" @click="verify">{{$t("login.verify")}}</button>
-          <div class="login-foot-lang" @click.stop="langListShow = !langListShow">
-            <i v-if="lang == 'en'" class="nz-icon nz-icon-lang-en"></i>
-            <i v-else-if="lang == 'cn'" class="nz-icon nz-icon-lang-zh"></i>
-            <i class="nz-icon nz-icon-arrow-down"></i>
-          </div>
-          <div class="login-foot-lang-list" v-show="langListShow">
-            <i v-if="lang != 'en'" @click="changeLang('en')" class="nz-icon nz-icon-lang-en"></i>
-            <i v-if="lang != 'cn'" @click="changeLang('cn')" class="nz-icon nz-icon-lang-zh"></i>
-          </div>
+<!--          <div class="login-foot-lang" @click.stop="langListShow = !langListShow">-->
+<!--            <i v-if="lang == 'en'" class="nz-icon nz-icon-lang-en"></i>-->
+<!--            <i v-else-if="lang == 'cn'" class="nz-icon nz-icon-lang-zh"></i>-->
+<!--            <i class="nz-icon nz-icon-arrow-down"></i>-->
+<!--          </div>-->
+<!--          <div class="login-foot-lang-list" v-show="langListShow">-->
+<!--            <i v-if="lang != 'en'" @click="changeLang('en')" class="nz-icon nz-icon-lang-en"></i>-->
+<!--            <i v-if="lang != 'cn'" @click="changeLang('cn')" class="nz-icon nz-icon-lang-zh"></i>-->
+<!--          </div>-->
         </div>
         <div class="login-license">
           <div class="license-warn" v-if="license.warnInfo">{{license.warnInfo}}</div>
@@ -139,8 +139,7 @@ export default {
       uploadFileList: [],
       uploadFile: { file: '', path: '', uuid: '' },
       loading: false,
-      lang: localStorage.getItem('nz-language') ? localStorage.getItem('nz-language') : 'en', // en/cn
-      langListShow: false,
+      lang: 'en', // en/cn
       verifyShow: false,
       authBindShow: false,
       authToken: '',
@@ -166,6 +165,8 @@ export default {
           if (res.code == 200) {
             // 登录成功，记录用户名、token和lang
             this.authToken = res.data.authToken
+            this.lang = res.data.user.lang
+            this.$i18n.locale = this.lang
             sessionStorage.setItem('nz-token', res.data.authToken)
             if (res.data.authFlag === 1) {
               if (res.data.authBind === 0) {
@@ -192,7 +193,6 @@ export default {
               localStorage.setItem('nz-username', this.loginData.username)
               localStorage.setItem('nz-prometheus-federation-enabled', res.data.prometheusFederationEnabled)
               localStorage.setItem('nz-language', this.lang)
-              this.$i18n.locale = this.lang
               this.loginSuccess(res)
             }
           } else {
@@ -213,8 +213,6 @@ export default {
           sessionStorage.setItem('nz-username', this.loginData.username)
           localStorage.setItem('nz-username', this.loginData.username)
           localStorage.setItem('nz-prometheus-federation-enabled', res.data.prometheusFederationEnabled)
-          localStorage.setItem('nz-language', this.lang)
-          this.$i18n.locale = this.lang
           this.loginSuccess(res)
         } else {
           this.authToken = res.data.authToken
@@ -222,12 +220,12 @@ export default {
         }
       })
     },
-    changeLang (lang) {
-      this.lang = lang
-      this.langListShow = false
-      this.$i18n.locale = this.lang
-      localStorage.setItem('nz-language', this.lang)
-    },
+    // changeLang (lang) {
+    //   this.lang = lang
+    //   this.langListShow = false
+    //   this.$i18n.locale = 'cn'
+    //   localStorage.setItem('nz-language', this.lang)
+    // },
     validateLogin () {
       if (!this.loginData.username || !this.loginData.pin) {
         this.$message.error('Empty username or password')
@@ -438,6 +436,7 @@ export default {
 .login-foot {
   padding-top: 15px;
   display: flex;
+  width: 460px;
   justify-content: space-between;
   position: relative;
 }
@@ -449,7 +448,7 @@ export default {
   border: none;
   outline: none;
   height: 44px;
-  width: 320px;
+  width: 100%;
   cursor: pointer;
   font-size: 14px;
   transition: all linear .2s;