gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NEZ-1053 feat: 登录页面 取消语言选择

Browse Source
This commit is contained in:
@changcode
2021-10-13 09:17:51 +08:00
parent ec9dcdc3cf
commit 7340842762
1 changed files with 21 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
nezha-fronted/src/components/common/login.vue
View File

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