diff --git a/src/views/forgetpassword/index.vue b/src/views/forgetpassword/index.vue index 1498f6e1..61488439 100644 --- a/src/views/forgetpassword/index.vue +++ b/src/views/forgetpassword/index.vue @@ -61,7 +61,7 @@ :disabled="form.VerificationCode === '' || form.EmailOrPhone === ''" @click="verifyCode" > - {{ $t("passwordReset:button:verify") }} + {{ $t('passwordReset:button:verify') }}
@@ -69,7 +69,7 @@ ref="resetForm" v-loading="formLoading" :model="form" - label-width="100px" + :label-width="$i18n.locale === 'en' ? '180px' : '100px'" :rules="rules" class="demo-ruleForm" size="small" @@ -131,7 +131,7 @@
- {{ $t("passwordReset:button:cancel") }} + {{ $t('passwordReset:button:cancel') }} - {{ $t("passwordReset:button:submit") }} + {{ $t('passwordReset:button:submit') }}

- {{ $t("resetPassword:successTip") }} + {{ $t('resetPassword:successTip') }}

- {{ $t("passwordReset:button:back") }} + {{ $t('passwordReset:button:back') }}
@@ -160,32 +160,30 @@ import { anonymousSendVerificationCode, verifyAnonymousVerifyCode, anonymousSetPassword, -} from "@/api/user"; -import md5 from "js-md5"; -import Img from "@/assets/icons/svg/resetSuccess.svg"; -var timer = ""; -var countdown = 60; +} from '@/api/user' +import md5 from 'js-md5' +import Img from '@/assets/icons/svg/resetSuccess.svg' +var timer = '' +var countdown = 60 export default { data() { var validateEmail = (rule, value, callback) => { - if (value === "") { + if (value === '') { // 请输入邮箱 - callback(new Error(this.$t("passwordReset:formRule:email"))); + callback(new Error(this.$t('passwordReset:formRule:email'))) } else { var reg = - /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/; + /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/ if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) { - this.sendDisabled = false; - callback(); + this.sendDisabled = false + callback() } else { // 邮箱无效 - callback( - new Error(this.$t("passwordReset:formRule:passwordinvalid")) - ); - this.sendDisabled = true; + callback(new Error(this.$t('passwordReset:formRule:passwordinvalid'))) + this.sendDisabled = true } } - }; + } // var validatePass = (rule, value, callback) => { // if (value === '') { // // 请输入密码 @@ -198,181 +196,182 @@ export default { // } // } var validatePass2 = (rule, value, callback) => { - if (value === "" || value === undefined) { + if (value === '' || value === undefined) { // 请再次输入密码 - callback(new Error(this.$t("passwordReset:formRule:confirmPassword"))); + callback(new Error(this.$t('passwordReset:formRule:confirmPassword'))) } else if (value !== undefined && value !== this.form.NewPwd) { // 两次密码不一致 - callback(new Error(this.$t("passwordReset:formRule:passwordsDiffer"))); + callback(new Error(this.$t('passwordReset:formRule:passwordsDiffer'))) } else { - callback(); + callback() } - }; + } return { - active: 0, + active: 1, Img, form: { - EmailOrPhone: "", - VerificationCode: "", - NewPwd: "", - UserId: "", - UserType: "", + EmailOrPhone: '', + VerificationCode: '', + NewPwd: '', + UserId: '', + UserType: '', }, users: [], - CheckPass: "", + CheckPass: '', rules: { EmailOrPhone: [ { required: true, validator: validateEmail, - trigger: ["blur", "change"], + trigger: ['blur', 'change'], }, ], VerificationCode: [ { required: true, - message: this.$t("common:ruleMessage:specify"), - trigger: ["blur", "change"], + message: this.$t('common:ruleMessage:specify'), + trigger: ['blur', 'change'], }, ], NewPwd: [ { required: true, validator: this.$validatePassword, - trigger: ["blur", "change"], + trigger: ['blur', 'change'], }, ], CheckPass: [ { required: true, validator: validatePass2, - trigger: ["blur", "change"], + trigger: ['blur', 'change'], }, ], UserId: [ { required: true, - message: this.$t("common:ruleMessage:select"), - trigger: ["blur", "change"], + message: this.$t('common:ruleMessage:select'), + trigger: ['blur', 'change'], }, ], }, sendDisabled: true, - sendTitle: this.$t("passwordReset:button:send"), + sendTitle: this.$t('passwordReset:button:send'), formLoading: false, - }; + } }, methods: { onSubmit() { - this.$refs["resetForm"].validate((valid) => { + this.$refs['resetForm'].validate((valid) => { if (valid) { - this.formLoading = true; + this.formLoading = true anonymousSetPassword(this.form.UserId, md5(this.form.NewPwd)) .then((res) => { if (res.IsSuccess) { // 修改成功 this.$message.success( - this.$t("passwordReset:message:updatedSuccessfully") - ); - this.formLoading = false; - this.active = 3; + this.$t('passwordReset:message:updatedSuccessfully') + ) + this.formLoading = false + this.active = 3 // this.goBack(); } else { - this.$alert(res.ErrorMessage); + this.$alert(res.ErrorMessage) } }) .catch(() => { - this.formLoading = false; - }); + this.formLoading = false + }) } - }); + }) }, handleSendCode() { - const that = this; - this.sendDisabled = true; + const that = this + this.sendDisabled = true // var isReviewer = JSON.parse(zzSessionStorage.getItem('IsReviewer')) anonymousSendVerificationCode(this.form.EmailOrPhone) .then((res) => { if (res.IsSuccess) { - let msg = this.$t('passwordReset:message:tip:sendCode').replace("xxx", this.form.EmailOrPhone) + let msg = this.$t('passwordReset:message:tip:sendCode').replace( + 'xxx', + this.form.EmailOrPhone + ) this.$message.success(msg) - that.settime(that); + that.settime(that) } else { - that.$alert(res.ErrorMessage); + that.$alert(res.ErrorMessage) } }) .catch(() => { - this.sendDisabled = false; - }); + this.sendDisabled = false + }) }, verifyCode() { - this.formLoading = true; + this.formLoading = true verifyAnonymousVerifyCode( this.form.EmailOrPhone, this.form.VerificationCode ) .then((res) => { - this.formLoading = false; - this.users = res.Result; + this.formLoading = false + this.users = res.Result if (this.users.length === 1) { - this.form.UserId = this.users[0].UserId; - this.form.UserType = this.users[0].UserType; + this.form.UserId = this.users[0].UserId + this.form.UserType = this.users[0].UserType } // 验证成功 this.$message.success( - this.$t("passwordReset:message:verifiedSuccessfully") - ); - this.active = 1; + this.$t('passwordReset:message:verifiedSuccessfully') + ) + this.active = 1 }) .catch(() => { - this.formLoading = false; - }); + this.formLoading = false + }) }, handleEmailChange() { var reg = - /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/; + /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/ if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) { - this.sendDisabled = false; + this.sendDisabled = false } }, handleUserChange(val) { - const seleted = this.users.findIndex((user) => user.UserId === val); + const seleted = this.users.findIndex((user) => user.UserId === val) if (seleted > -1) { - this.form.UserType = this.users[seleted].UserType; + this.form.UserType = this.users[seleted].UserType } }, settime(obj) { if (countdown === 0) { - obj.sendDisabled = false; - obj.sendTitle = this.$t("passwordReset:button:send"); - countdown = 60; - clearTimeout(timer); - return; + obj.sendDisabled = false + obj.sendTitle = this.$t('passwordReset:button:send') + countdown = 60 + clearTimeout(timer) + return } else { - obj.sendDisabled = true; - obj.sendTitle = `${this.$t( - "passwordReset:button:wait" - )}(${countdown}s)`; - countdown--; + obj.sendDisabled = true + obj.sendTitle = `${this.$t('passwordReset:button:wait')}(${countdown}s)` + countdown-- // eslint-disable-next-line no-self-assign - countdown = countdown; + countdown = countdown timer = setTimeout(function () { - obj.settime(obj); - }, 1000); + obj.settime(obj) + }, 1000) } }, onCancel() { - this.$refs["resetForm"].resetFields(); + this.$refs['resetForm'].resetFields() Object.keys(this.form).forEach((key) => { - this.form[key] = ""; - }); - this.active = 0; + this.form[key] = '' + }) + this.active = 0 }, goBack() { - this.$router.push("/login"); + this.$router.push('/login') }, }, -}; +}