|
@@ -54,17 +54,22 @@
|
|
|
<div @keyup.enter="loginPhone">
|
|
<div @keyup.enter="loginPhone">
|
|
|
<el-form-item prop="code" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
|
|
<el-form-item prop="code" :rules="{ required: true, message: '请输入', trigger: 'blur' }">
|
|
|
<span class="icon">
|
|
<span class="icon">
|
|
|
- <!-- <img
|
|
|
|
|
- src=""
|
|
|
|
|
|
|
+ <img
|
|
|
|
|
+ src="../../assets/login_icon_yanzhengma@3x (1).png"
|
|
|
alt=""
|
|
alt=""
|
|
|
class="verification_code_img"
|
|
class="verification_code_img"
|
|
|
- /> -->
|
|
|
|
|
|
|
+ />
|
|
|
</span>
|
|
</span>
|
|
|
<div>
|
|
<div>
|
|
|
- <el-input style="width: 300px" v-model="form.code" maxlength="4" placeholder="请输入短信验证码">
|
|
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ style="width: 300px"
|
|
|
|
|
+ v-model="form.code"
|
|
|
|
|
+ maxlength="4"
|
|
|
|
|
+ placeholder="请输入短信验证码"
|
|
|
|
|
+ >
|
|
|
<el-link
|
|
<el-link
|
|
|
@click="send"
|
|
@click="send"
|
|
|
- class="code"
|
|
|
|
|
|
|
+ :class="time === 0 ? 'code' : 'code2'"
|
|
|
type="primary"
|
|
type="primary"
|
|
|
:underline="false"
|
|
:underline="false"
|
|
|
slot="append"
|
|
slot="append"
|
|
@@ -114,7 +119,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
forgotPassword() {
|
|
forgotPassword() {
|
|
|
- this.login = false
|
|
|
|
|
|
|
+ this.login = false;
|
|
|
this.$refs.agreement3.register = true;
|
|
this.$refs.agreement3.register = true;
|
|
|
this.$refs.agreement3.identification = 2;
|
|
this.$refs.agreement3.identification = 2;
|
|
|
},
|
|
},
|
|
@@ -143,7 +148,7 @@ export default {
|
|
|
localStorage.setItem('webToken', res);
|
|
localStorage.setItem('webToken', res);
|
|
|
this.$message.warning('登录成功');
|
|
this.$message.warning('登录成功');
|
|
|
this.$store.dispatch('getUserInfo');
|
|
this.$store.dispatch('getUserInfo');
|
|
|
- this.login = false
|
|
|
|
|
|
|
+ this.login = false;
|
|
|
// this.$router.replace('/');
|
|
// this.$router.replace('/');
|
|
|
})
|
|
})
|
|
|
.catch(e => {
|
|
.catch(e => {
|
|
@@ -172,7 +177,7 @@ export default {
|
|
|
localStorage.setItem('webToken', res);
|
|
localStorage.setItem('webToken', res);
|
|
|
this.$message.warning('登录成功');
|
|
this.$message.warning('登录成功');
|
|
|
// this.$store.commit('loginTypeFn', true);
|
|
// this.$store.commit('loginTypeFn', true);
|
|
|
- this.login = false
|
|
|
|
|
|
|
+ this.login = false;
|
|
|
return this.$store.dispatch('getUserInfo');
|
|
return this.$store.dispatch('getUserInfo');
|
|
|
})
|
|
})
|
|
|
.then(() => {
|
|
.then(() => {
|
|
@@ -266,7 +271,7 @@ export default {
|
|
|
.forgot_password {
|
|
.forgot_password {
|
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
|
font-weight: 400;
|
|
font-weight: 400;
|
|
|
- color: #405CFF;
|
|
|
|
|
|
|
+ color: #405cff;
|
|
|
line-height: 17px;
|
|
line-height: 17px;
|
|
|
margin-left: 385px;
|
|
margin-left: 385px;
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
@@ -279,7 +284,7 @@ export default {
|
|
|
.btn_one {
|
|
.btn_one {
|
|
|
width: 330px;
|
|
width: 330px;
|
|
|
height: 40px;
|
|
height: 40px;
|
|
|
- background: #405CFF;
|
|
|
|
|
|
|
+ background: #405cff;
|
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
@@ -307,12 +312,33 @@ export default {
|
|
|
}
|
|
}
|
|
|
/deep/ .el-input-group__append {
|
|
/deep/ .el-input-group__append {
|
|
|
// width: 100px;
|
|
// width: 100px;
|
|
|
- height: 34px;
|
|
|
|
|
- background: #c8c9cc !important;
|
|
|
|
|
- border-radius: 4px;
|
|
|
|
|
|
|
+ padding: 0 !important;
|
|
|
border: none !important;
|
|
border: none !important;
|
|
|
.el-link--primary {
|
|
.el-link--primary {
|
|
|
color: #ffffff !important;
|
|
color: #ffffff !important;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+.code {
|
|
|
|
|
+ width: 100px;
|
|
|
|
|
+ height: 34px;
|
|
|
|
|
+ background: #c8c9cc;
|
|
|
|
|
+ border-radius: 4px;
|
|
|
|
|
+ font-size: 13px;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ line-height: 34px;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+}
|
|
|
|
|
+.code2 {
|
|
|
|
|
+ width: 100px;
|
|
|
|
|
+ height: 34px;
|
|
|
|
|
+ background: #405cff;
|
|
|
|
|
+ border-radius: 4px;
|
|
|
|
|
+ font-size: 13px;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ color: #ffffff;
|
|
|
|
|
+ line-height: 34px;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|
|
|
|
|
+
|