|
|
|
|
@ -9,8 +9,8 @@
|
|
|
|
|
<img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/ibocai/loginLogo.svg" style="width: 74px; text-align: center" alt />
|
|
|
|
|
</div>
|
|
|
|
|
<ul class="loginchange centerall g_flex_row_center g_mt_30 g_mb_24">
|
|
|
|
|
<li class="g_pb_4 g_fs_14 g_fw_600 g_mr_52" :class="{ loginactive: loginType === 1 }" @click="loginType = 1">密码登录</li>
|
|
|
|
|
<li class="g_pb_4 g_fs_14 g_fw_600" :class="{ loginactive: loginType === 2 }" @click="loginType = 2">验证码登录</li>
|
|
|
|
|
<!-- <li class="g_pb_4 g_fs_14 g_fw_600 g_mr_52" :class="{ loginactive: loginType === 1 }" @click="loginType = 1">密码登录</li>
|
|
|
|
|
<li class="g_pb_4 g_fs_14 g_fw_600" :class="{ loginactive: loginType === 2 }" @click="loginType = 2">验证码登录</li> -->
|
|
|
|
|
</ul>
|
|
|
|
|
<a-form :model="loginInfo" @finish="submitInfo" @validate="watchValidate" hideRequiredMark :colon="false" @finishFailed="onFinishFailed" :label-col="{ span: 2 }" :wrapper-col="{ span: 20 }" autocomplete="off" ref="loginInfoForm" style>
|
|
|
|
|
<div v-if="loginType == 1">
|
|
|
|
|
@ -111,14 +111,13 @@ const loginInfo = ref({
|
|
|
|
|
});
|
|
|
|
|
const loginInfoForm = ref();
|
|
|
|
|
const watchValidate = (e1) => {
|
|
|
|
|
console.log(e1);
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
loginInfoForm.value.clearValidate();
|
|
|
|
|
}, 3000);
|
|
|
|
|
|
|
|
|
|
// setTimeout(() => {
|
|
|
|
|
// loginInfoForm.value.clearValidate();
|
|
|
|
|
// }, 3000);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const submitInfo = (e) => {
|
|
|
|
|
console.log(loginInfo.value.password);
|
|
|
|
|
let obj = e;
|
|
|
|
|
// if (loginType.value == 2) {
|
|
|
|
|
// obj.loginType = 1;
|
|
|
|
|
|