页面完成

This commit is contained in:
likaikai 2025-05-23 14:25:13 +08:00
parent 665b1efdae
commit 99512771ab
3 changed files with 17 additions and 7 deletions

View File

@ -235,6 +235,11 @@ export default {
editAvatar:'Edit Avatar',
choose:'Choose',
modifySuccess:'Modification Successful',
sex:'Sex'
sex:'Sex',
boy:'Boy',
girl:'Girl',
userNameValid:'User nickname cannot be empty',
emailValid:'Email address cannot be empty',
phoneValid:'Phone number cannot be empty',
}
}

View File

@ -243,5 +243,10 @@ export default {
choose:'选择',
modifySuccess:'修改成功',
sex:'性别',
boy:'男',
girl:'女',
userNameValid:'用户昵称不能为空',
emailValid:'邮箱地址不能为空',
phoneValid:'手机号不能为空',
}
};

View File

@ -11,8 +11,8 @@
</el-form-item>
<el-form-item :label="proxy.$t('common.sex')">
<el-radio-group v-model="form.sex">
<el-radio value="0"></el-radio>
<el-radio value="1"></el-radio>
<el-radio value="0">{{proxy.$t('common.boy')}}</el-radio>
<el-radio value="1">{{proxy.$t('common.girl')}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
@ -35,9 +35,9 @@ const { proxy } = getCurrentInstance();
const form = ref({});
const rules = ref({
nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
email: [{ required: true, message: "邮箱地址不能为空", trigger: "blur" }, { type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
phonenumber: [{ required: true, message: "手机号码不能为空", trigger: "blur" }, { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }],
nickName: [{ required: true, message: proxy.$t('common.userNameValid'), trigger: "blur" }],
email: [{ required: true, message: proxy.$t('common.emailValid'), trigger: "blur" }, { type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
phonenumber: [{ required: true, message: proxy.$t('common.phoneValid'), trigger: "blur" }, { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }],
});
/** 提交按钮 */
@ -45,7 +45,7 @@ function submit() {
proxy.$refs.userRef.validate(valid => {
if (valid) {
updateUserProfile(form.value).then(response => {
proxy.$modal.msgSuccess("修改成功");
proxy.$modal.msgSuccess(proxy.$t('common.modifySuccess'));
props.user.phonenumber = form.value.phonenumber;
props.user.email = form.value.email;
});