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')
},
},
-};
+}