|
@ -1,16 +1,16 @@ |
|
|
<template> |
|
|
<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-form-item label="用户昵称" prop="nickName"> |
|
|
<el-input v-model="user.nickName" maxlength="30" /> |
|
|
<el-input v-model="form.nickName" maxlength="30" /> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="手机号码" prop="phonenumber"> |
|
|
<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> |
|
|
<el-form-item label="邮箱" prop="email"> |
|
|
<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> |
|
|
<el-form-item label="性别"> |
|
|
<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="0">男</el-radio> |
|
|
<el-radio label="1">女</el-radio> |
|
|
<el-radio label="1">女</el-radio> |
|
|
</el-radio-group> |
|
|
</el-radio-group> |
|
@ -33,6 +33,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
|
|
|
form: {}, |
|
|
// 表单校验 |
|
|
// 表单校验 |
|
|
rules: { |
|
|
rules: { |
|
|
nickName: [ |
|
|
nickName: [ |
|
@ -57,12 +58,24 @@ export default { |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
|
|
|
watch: { |
|
|
|
|
|
user: { |
|
|
|
|
|
handler(user) { |
|
|
|
|
|
if (user) { |
|
|
|
|
|
this.form = { nickName: user.nickName, phonenumber: user.phonenumber, email: user.email, sex: user.sex }; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
immediate: true |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
submit() { |
|
|
submit() { |
|
|
this.$refs["form"].validate(valid => { |
|
|
this.$refs["form"].validate(valid => { |
|
|
if (valid) { |
|
|
if (valid) { |
|
|
updateUserProfile(this.user).then(response => { |
|
|
updateUserProfile(this.form).then(response => { |
|
|
this.$modal.msgSuccess("修改成功"); |
|
|
this.$modal.msgSuccess("修改成功"); |
|
|
|
|
|
this.user.phonenumber = this.form.phonenumber; |
|
|
|
|
|
this.user.email = this.form.email; |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|