From 679c8279ab2bfb1c87bab80126274a0aeaeb10e6 Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Mon, 13 May 2024 15:42:28 +0800
Subject: [PATCH] 注册增加个邮箱
---
src/page/login/register.vue | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 54 insertions(+), 2 deletions(-)
diff --git a/src/page/login/register.vue b/src/page/login/register.vue
index 52bd8b9..c3a164c 100644
--- a/src/page/login/register.vue
+++ b/src/page/login/register.vue
@@ -44,6 +44,31 @@
@input="handleInput()"
>
</el-input>
+ <div>
+ <el-input
+ style="margin-top: 0.46rem"
+ :placeholder="$t('请输入邮箱号')"
+ size="medium"
+ v-model="email"
+ @input="handleInput()"
+ >
+ </el-input>
+ <van-button
+ :disabled="(email&&!countdown)?false:true"
+ type="info"
+ class="sendMailCode"
+ @click="sendCode"
+ >{{ $t("获取验证码") }}</van-button>
+ </div>
+
+ <el-input
+ style="margin-top: 0.46rem"
+ :placeholder="$t('hj25')"
+ size="medium"
+ v-model="mailCode"
+ @input="handleInput()"
+ >
+ </el-input>
</div>
<div
class="radio-con"
@@ -92,7 +117,6 @@
checked: false,
verification: this.$t("hj25"),
loginWay: this.$t("hj26"),
- loginWay: this.$t("hj26"),
placeholder: this.$t("hj27"),
phone: "",
userName: "",
@@ -100,6 +124,9 @@
userPassword: "",
btnClass: false,
rePassword: "",
+ mailCode:"",
+ email: '',
+ countdown: 0
};
},
mounted() {
@@ -108,6 +135,26 @@
: "";
},
methods: {
+ async sendCode(){
+ if (!this.email){
+ Notify({ type: "warning", message: this.$t("请输入邮箱号") })
+ }else {
+ // 启动计时器
+ this.startCountdown();
+ let data = await api.sendMailCode({email: this.email});
+ console.log(data)
+ }
+ },
+ startCountdown() {
+ this.countdown = 30; // 设置倒计时时间
+ const intervalId = setInterval(() => {
+ if (this.countdown > 0) {
+ this.countdown -= 1;
+ } else {
+ clearInterval(intervalId);
+ }
+ }, 1000);
+ },
handleInput() {
if (
this.userPassword !== "" &&
@@ -141,9 +188,10 @@
let opts = {
// agentCode:'4023', // SR330001
phone: this.phone,
- yzmCode: "6666",
+ yzmCode: this.mailCode,
userPwd: this.userPassword,
agentCode: this.userName,
+ email: this.email
};
let data = await api.register(opts);
if (data.status === 0) {
@@ -443,4 +491,8 @@
.agree-model {
margin-top: 0.2rem;
}
+
+.sendMailCode{
+ margin-top: 0.2rem;
+}
</style>
--
Gitblit v1.9.3