From 58af838e57447ce1e5d47b038c45f0df0eda23ba Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Tue, 16 Sep 2025 17:27:05 +0800
Subject: [PATCH] 1
---
src/views/register.vue | 61 ++++++++++++++++++------------
1 files changed, 37 insertions(+), 24 deletions(-)
diff --git a/src/views/register.vue b/src/views/register.vue
index c6e2f01..05dd599 100644
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -13,42 +13,35 @@
<div class="register-form">
<h2>{{ $t("hj15") }}</h2>
<el-form :model="registerForm" :rules="rules" ref="registerForm">
+
<el-form-item prop="phone">
- <label>{{ $t("hj27") }}</label>
+ <label>{{ $t("hj16") }}</label>
<el-input v-model="registerForm.phone" placeholder=""></el-input>
</el-form-item>
+
+ <el-form-item prop="code">
+ <label>{{ $t("hj25") }}</label>
+ <el-input v-model="registerForm.code" placeholder="">
+ <el-button slot="append" :loading="djs > 0" @click="getYzm">
+ {{ djs > 0 ? djs : $t('获取验证码') }}
+ </el-button>
+ </el-input>
+ </el-form-item>
+
<el-form-item prop="userPwd">
<label>{{ $t("Password") }}</label>
- <el-input
- v-model="registerForm.userPwd"
- type="password"
- placeholder=""
- show-password
- ></el-input>
+ <el-input v-model="registerForm.userPwd" type="password" placeholder="" show-password></el-input>
</el-form-item>
<el-form-item prop="confirmPwd">
<label>{{ $t("Confirm Password") }}</label>
- <el-input
- v-model="registerForm.confirmPwd"
- type="password"
- placeholder=""
- show-password
- ></el-input>
+ <el-input v-model="registerForm.confirmPwd" type="password" placeholder="" show-password></el-input>
</el-form-item>
<el-form-item prop="inviteCode">
<label>{{ $t("hj21") }}</label>
- <el-input
- v-model="registerForm.inviteCode"
- placeholder=""
- ></el-input>
+ <el-input v-model="registerForm.inviteCode" placeholder=""></el-input>
</el-form-item>
<el-form-item>
- <el-button
- type="primary"
- class="register-button"
- @click="submitForm('registerForm')"
- :loading="isloading"
- >
+ <el-button type="primary" class="register-button" @click="submitForm('registerForm')" :loading="isloading">
{{ $t("hj15") }}
</el-button>
</el-form-item>
@@ -80,18 +73,22 @@
}
};
return {
+ djs: 0,
registerForm: {
phone: "",
userPwd: "",
confirmPwd: "",
inviteCode: "",
- code: "6666",
+ code: "",
},
rules: {
phone: [
{ required: true, message: this.$t("请输入"), trigger: "blur" },
],
userPwd: [
+ { required: true, message: this.$t("请输入"), trigger: "blur" },
+ ],
+ code: [
{ required: true, message: this.$t("请输入"), trigger: "blur" },
],
confirmPwd: [
@@ -130,6 +127,21 @@
}
});
},
+ async getYzm() {
+ let data = await api.getsendmail({ email: this.registerForm.phone });
+ if (data.status == 0) {
+ this.$message.success(data.msg);
+ this.djs = 60;
+ let time = setInterval(() => {
+ this.djs--;
+ if (this.djs <= 0) {
+ clearInterval(time);
+ }
+ }, 1000);
+ } else {
+ this.$message.warning(data.msg);
+ }
+ },
},
};
</script>
@@ -142,6 +154,7 @@
border-radius: 0;
border-bottom: #ccc solid 1px;
}
+
.register-container {
display: flex;
height: 100vh;
--
Gitblit v1.9.3