feat(buyer): 增加短信验证码发送状态管理

- 新增 codeSent 状态以跟踪短信验证码是否已发送
- 在登录流程中添加验证,确保用户完成安全验证和获取验证码
- 优化验证码发送逻辑,确保用户体验
This commit is contained in:
田香琪
2026-07-28 10:29:14 +08:00
parent 68a791a439
commit 09b735e82a
3 changed files with 89 additions and 14 deletions

View File

@@ -197,6 +197,7 @@ export default {
mobile: "",
},
verifyStatus: false, // 是否图片验证通过
codeSent: false, // 是否已成功发送短信验证码
ruleInline: {
// 验证规则
username: [{required: true, message: "请输入用户名"}],
@@ -237,7 +238,15 @@ export default {
if (this.type) {
this.$refs.verify?.init();
} else {
let data = JSON.parse(JSON.stringify(this.formSms));
if (!this.verifyStatus) {
Message.warning("请先完成安全验证");
return;
}
if (!this.codeSent) {
Message.warning("请先获取短信验证码");
return;
}
const data = JSON.parse(JSON.stringify(this.formSms));
apiLogin.smsLogin(data).then((res) => {
this.hideVerify();
if (res.success) {
@@ -262,7 +271,7 @@ export default {
} else {
Message.error(res.message);
}
});
}).catch(() => {});
}
}
});
@@ -285,6 +294,7 @@ export default {
sendSms(params).then((res) => {
if (res.success) {
Message.success("验证码发送成功");
this.codeSent = true;
let that = this;
this.interval = setInterval(() => {
that.time--;
@@ -292,6 +302,7 @@ export default {
that.time = 60;
that.codeMsg = "重新发送";
that.verifyStatus = false;
that.codeSent = false;
clearInterval(that.interval);
} else {
that.codeMsg = that.time;
@@ -300,7 +311,7 @@ export default {
} else {
Message.warning(res.message);
}
});
}).catch(() => {});
}
},
verifyChange(con) {
@@ -453,11 +464,19 @@ export default {
this.$refs.formSms.resetFields();
}
this.verifyStatus = false;
this.codeSent = false;
this.hideVerify();
clearInterval(this.interval);
this.codeMsg = "发送验证码";
this.time = 60;
},
"formSms.mobile"() {
this.codeSent = false;
this.verifyStatus = false;
clearInterval(this.interval);
this.codeMsg = "发送验证码";
this.time = 60;
},
},
};
</script>