fix: 1.修复【个人中心】页面在英语环境下字段名过长被换行展示导致错位;2.修复【个人中心】页面【修改密码】校验失效。

(cherry picked from commit e4592442ed)
This commit is contained in:
baayso
2023-08-17 21:35:58 +08:00
committed by shizhong
parent 6e5552c02e
commit 664a86e71c
2 changed files with 10 additions and 5 deletions

View File

@ -1,5 +1,5 @@
<template>
<el-form ref="formRef" :model="password" :rules="rules" label-width="80px">
<el-form ref="formRef" :model="password" :rules="rules" :label-width="200">
<el-form-item :label="t('profile.password.oldPassword')" prop="oldPassword">
<InputPassword v-model="password.oldPassword" />
</el-form-item>
@ -31,13 +31,14 @@ const password = reactive({
})
// 表单校验
const equalToPassword = (rule, value, callback) => {
const equalToPassword = (_rule, value, callback) => {
if (password.newPassword !== value) {
callback(new Error(t('profile.password.diffPwd')))
} else {
callback()
}
}
const rules = reactive<FormRules>({
oldPassword: [
{ required: true, message: t('profile.password.oldPwdMsg'), trigger: 'blur' },
@ -52,6 +53,7 @@ const rules = reactive<FormRules>({
{ required: true, validator: equalToPassword, trigger: 'blur' }
]
})
const submit = (formEl: FormInstance | undefined) => {
if (!formEl) return
formEl.validate(async (valid) => {
@ -61,6 +63,7 @@ const submit = (formEl: FormInstance | undefined) => {
}
})
}
const reset = (formEl: FormInstance | undefined) => {
if (!formEl) return
formEl.resetFields()