From e14f40670a8a5dacc883b93d196505866d90c0e1 Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: 星期二, 25 六月 2024 12:27:21 +0800
Subject: [PATCH] 优化代码
---
ruoyi-ui/src/views/system/user/profile/userInfo.vue | 32 ++++++++++++++++++++++----------
1 files changed, 22 insertions(+), 10 deletions(-)
diff --git a/ruoyi-ui/src/views/system/user/profile/userInfo.vue b/ruoyi-ui/src/views/system/user/profile/userInfo.vue
index d52137d..df33459 100644
--- a/ruoyi-ui/src/views/system/user/profile/userInfo.vue
+++ b/ruoyi-ui/src/views/system/user/profile/userInfo.vue
@@ -1,16 +1,16 @@
<template>
- <el-form ref="form" :model="user" :rules="rules" label-width="80px">
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="用户昵称" prop="nickName">
- <el-input v-model="user.nickName" />
+ <el-input v-model="form.nickName" maxlength="30" />
</el-form-item>
<el-form-item label="手机号码" prop="phonenumber">
- <el-input v-model="user.phonenumber" maxlength="11" />
+ <el-input v-model="form.phonenumber" maxlength="11" />
</el-form-item>
<el-form-item label="邮箱" prop="email">
- <el-input v-model="user.email" maxlength="50" />
+ <el-input v-model="form.email" maxlength="50" />
</el-form-item>
<el-form-item label="性别">
- <el-radio-group v-model="user.sex">
+ <el-radio-group v-model="form.sex">
<el-radio label="0">男</el-radio>
<el-radio label="1">女</el-radio>
</el-radio-group>
@@ -33,6 +33,7 @@
},
data() {
return {
+ form: {},
// 表单校验
rules: {
nickName: [
@@ -42,7 +43,7 @@
{ required: true, message: "邮箱地址不能为空", trigger: "blur" },
{
type: "email",
- message: "'请输入正确的邮箱地址",
+ message: "请输入正确的邮箱地址",
trigger: ["blur", "change"]
}
],
@@ -57,19 +58,30 @@
}
};
},
+ watch: {
+ user: {
+ handler(user) {
+ if (user) {
+ this.form = { nickName: user.nickName, phonenumber: user.phonenumber, email: user.email, sex: user.sex };
+ }
+ },
+ immediate: true
+ }
+ },
methods: {
submit() {
this.$refs["form"].validate(valid => {
if (valid) {
- updateUserProfile(this.user).then(response => {
- this.msgSuccess("修改成功");
+ updateUserProfile(this.form).then(response => {
+ this.$modal.msgSuccess("修改成功");
+ this.user.phonenumber = this.form.phonenumber;
+ this.user.email = this.form.email;
});
}
});
},
close() {
- this.$store.dispatch("tagsView/delView", this.$route);
- this.$router.push({ path: "/index" });
+ this.$tab.closePage();
}
}
};
--
Gitblit v1.9.2