2.17
This commit is contained in:
parent
abe2b1c4aa
commit
e167c16be9
@ -18,11 +18,9 @@
|
||||
{{ $t('login.989807-11') }}
|
||||
</div>
|
||||
</el-col>
|
||||
<router-link
|
||||
v-if="loginForm.bindId != null"
|
||||
<router-link v-if="loginForm.bindId != null"
|
||||
:to="{ path: '/register', query: this.$route.query }"
|
||||
style="margin-left: 10px; font-size: 14px; font-family: '微软雅黑'; color: rgba(41, 96, 197, 0.856)"
|
||||
>
|
||||
style="margin-left: 10px; font-size: 14px; font-family: '微软雅黑'; color: rgba(41, 96, 197, 0.856)">
|
||||
{{ $t('login.989807-12') }}
|
||||
</router-link>
|
||||
</el-row>
|
||||
@ -32,14 +30,16 @@
|
||||
<el-form-item prop="username">
|
||||
<div class="username">
|
||||
<i class="el-icon-user icon"></i>
|
||||
<input class="form__input" v-model="loginForm.username" auto-complete="off" type="text" :placeholder="$t('login.989807-4')" />
|
||||
<input class="form__input" v-model="loginForm.username" auto-complete="off" type="text"
|
||||
:placeholder="$t('login.989807-4')" />
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="password" :class="{ 'is-null': isacount }">
|
||||
<div class="password">
|
||||
<svg-icon icon-class="password" class="icon left" />
|
||||
<input class="form__input" v-model="loginForm.password" auto-complete="off" :type="pwdtype" :placeholder="$t('login.989807-5')" @keyup.enter="handleLogin" />
|
||||
<input class="form__input" v-model="loginForm.password" auto-complete="off" :type="pwdtype"
|
||||
:placeholder="$t('login.989807-5')" @keyup.enter="handleLogin" />
|
||||
<span class="el-icon-view icon right" @click="changetype()"></span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
@ -47,7 +47,8 @@
|
||||
<el-form-item v-if="captchaOnOff" prop="code" :class="{ 'is-null': ispwd }">
|
||||
<div style="width: 350px" class="check">
|
||||
<svg-icon icon-class="auth-code" class="icon" />
|
||||
<input v-model="loginForm.code" auto-complete="off" class="form__input__code" type="text" :placeholder="$t('login.989807-6')" />
|
||||
<input v-model="loginForm.code" auto-complete="off" class="form__input__code" type="text"
|
||||
:placeholder="$t('login.989807-6')" />
|
||||
<div class="login-code">
|
||||
<img :src="codeUrl" @click="getCode" style="float: right" />
|
||||
</div>
|
||||
@ -77,7 +78,8 @@
|
||||
</div> -->
|
||||
|
||||
<!-- <button class="form__button button submit">登录</button> -->
|
||||
<el-button class="form__button button submit" v-if="!bindAccount" :loading="loading" type="primary" @click.native.prevent="handleLogin">
|
||||
<el-button class="form__button button submit" v-if="!bindAccount" :loading="loading" type="primary"
|
||||
@click.native.prevent="handleLogin">
|
||||
<span v-if="!loading">{{ $t('login.989807-3') }}</span>
|
||||
<span v-else>{{ $t('login.989807-13') }}</span>
|
||||
</el-button>
|
||||
@ -96,16 +98,14 @@
|
||||
<el-form-item prop="phonenumber">
|
||||
<div class="telphone" style="width: 350px">
|
||||
<svg-icon icon-class="phone" class="icon" />
|
||||
<input v-model="smsLoginForm.phonenumber" class="form__input__code" type="text" auto-complete="off" :placeholder="$t('login.989807-8')" @input="validatePhoneNumber" />
|
||||
<input v-model="smsLoginForm.phonenumber" class="form__input__code" type="text"
|
||||
auto-complete="off" :placeholder="$t('login.989807-8')" @input="validatePhoneNumber" />
|
||||
<div class="sendcode">
|
||||
<el-button
|
||||
slot="append"
|
||||
type="primary"
|
||||
<el-button slot="append" type="primary"
|
||||
:disabled="this.smsLoginForm.phonenumber == '' || isDisabled"
|
||||
@click.prevent="getSmsCode()"
|
||||
style="float: right; height: 40px; width: 90%; background-color: #0f73ee"
|
||||
size="medium"
|
||||
>
|
||||
size="medium">
|
||||
{{ buttonText }}
|
||||
</el-button>
|
||||
</div>
|
||||
@ -115,25 +115,32 @@
|
||||
<el-form-item prop="smsCode">
|
||||
<div class="smscode" :class="{ 'is-null': isphone }">
|
||||
<svg-icon icon-class="password" class="icon" />
|
||||
<input class="form__input" type="password" v-model="smsLoginForm.smsCode" auto-complete="off" :placeholder="$t('login.989807-9')" />
|
||||
<input class="form__input" type="password" v-model="smsLoginForm.smsCode"
|
||||
auto-complete="off" :placeholder="$t('login.989807-9')" />
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<div class="other_login">
|
||||
<div class="wechat-login">
|
||||
<el-button v-if="loginForm.bindId == null" type="text" :wxloading="loading" @click.native.prevent="weChatLogin">
|
||||
<el-button v-if="loginForm.bindId == null" type="text" :wxloading="loading"
|
||||
@click.native.prevent="weChatLogin">
|
||||
<svg-icon icon-class="wechat" style="color: #07c160" />
|
||||
{{ $t('login.989807-34') }}
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="other-opt">
|
||||
<router-link v-if="!bindAccount" style="font-size: 14px" :to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-35') }}</router-link>
|
||||
<router-link v-else style="font-size: 14px" :to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-36') }}</router-link>
|
||||
<router-link v-if="!bindAccount" style="font-size: 14px"
|
||||
:to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-35')
|
||||
}}</router-link>
|
||||
<router-link v-else style="font-size: 14px"
|
||||
:to="{ path: '/register', query: this.$route.query }">{{ $t('login.989807-36')
|
||||
}}</router-link>
|
||||
<langSelect style="margin-left: 12px"></langSelect>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-button class="form__button button submit" type="primary" :smsLoading="loading" @click.native.prevent="handleSmsLogin">
|
||||
<el-button class="form__button button submit" type="primary" :smsLoading="loading"
|
||||
@click.native.prevent="handleSmsLogin">
|
||||
<span v-if="!loading">{{ $t('login.989807-3') }}</span>
|
||||
<span v-else>{{ $t('login.989807-13') }}</span>
|
||||
</el-button>
|
||||
@ -158,11 +165,16 @@
|
||||
</div>
|
||||
<p class="switch__description description">{{ $t('login.989807-39') }}</p>
|
||||
<img src="../assets/images/login7.jpeg" alt="logo" style="width: 220px; height: 220px" />
|
||||
<button class="switch__button button switch-btn" @click="changeForm">{{ $t('login.989807-1') }}</button>
|
||||
<button class="switch__button button switch-btn" @click="changeForm">{{ $t('login.989807-1')
|
||||
}}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 添加ICP备案信息 -->
|
||||
<div class="icp-footer">
|
||||
<a href="https://beian.miit.gov.cn/" target="_blank">浙ICP备案202418944号</a>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -357,7 +369,7 @@ export default {
|
||||
.push({
|
||||
path: this.redirect || '/',
|
||||
})
|
||||
.catch(() => {});
|
||||
.catch(() => { });
|
||||
if (this.captchaOnOff) {
|
||||
this.getCode();
|
||||
this.loading = false;
|
||||
@ -388,7 +400,7 @@ export default {
|
||||
const errorId = this.$route.query.errorId;
|
||||
if (errorId !== undefined && errorId !== null) {
|
||||
getErrorMsg(errorId)
|
||||
.then((res) => {})
|
||||
.then((res) => { })
|
||||
.catch((err) => {
|
||||
this.$router.push({ query: {} });
|
||||
console.log(err);
|
||||
@ -479,7 +491,7 @@ export default {
|
||||
.push({
|
||||
path: '/',
|
||||
})
|
||||
.catch(() => {});
|
||||
.catch(() => { });
|
||||
});
|
||||
}
|
||||
});
|
||||
@ -512,7 +524,7 @@ export default {
|
||||
.push({
|
||||
path: '/',
|
||||
})
|
||||
.catch(() => {});
|
||||
.catch(() => { });
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
@ -567,7 +579,7 @@ export default {
|
||||
.push({
|
||||
path: this.redirect || '/',
|
||||
})
|
||||
.catch(() => {});
|
||||
.catch(() => { });
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
@ -984,6 +996,7 @@ export default {
|
||||
}
|
||||
|
||||
@keyframes is-gx {
|
||||
|
||||
0%,
|
||||
10%,
|
||||
100% {
|
||||
@ -1093,6 +1106,24 @@ export default {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.icp-footer {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: #666;
|
||||
|
||||
a {
|
||||
color: #666;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user