| | |
| | | @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" |
| | |
| | | checked: false, |
| | | verification: this.$t("hj25"), |
| | | loginWay: this.$t("hj26"), |
| | | loginWay: this.$t("hj26"), |
| | | placeholder: this.$t("hj27"), |
| | | phone: "", |
| | | userName: "", |
| | |
| | | userPassword: "", |
| | | btnClass: false, |
| | | rePassword: "", |
| | | mailCode:"", |
| | | email: '', |
| | | countdown: 0 |
| | | }; |
| | | }, |
| | | mounted() { |
| | |
| | | : ""; |
| | | }, |
| | | 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 !== "" && |
| | |
| | | let opts = { |
| | | // agentCode:'4023', // SR330001 |
| | | phone: this.phone, |
| | | yzmCode: this.mailCode, |
| | | yzmCode: "6666", |
| | | userPwd: this.userPassword, |
| | | agentCode: this.userName, |
| | | email: this.email |
| | | }; |
| | | let data = await api.register(opts); |
| | | if (data.status === 0) { |
| | |
| | | } |
| | | |
| | | .agree-model { |
| | | margin-top: 0.2rem; |
| | | } |
| | | |
| | | .sendMailCode{ |
| | | margin-top: 0.2rem; |
| | | } |
| | | </style> |