yiciheng/freedom-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove avatar upload in personal center; fix system management module issues

Browse Source
This commit is contained in:
张家训
2026-08-20 19:45:10 +08:00
parent fe64d97063
commit a2d71f720c
5 changed files with 138 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/view/home/personal-center.vue
+23 -36
View File
@@ -17,38 +17,33 @@
<Form :rules="userRuleCustom" :model="userFormItem" ref="userFormItem" :label-width="120"
label-position="right">
<Row :gutter="32">
<Col span="32">
<FormItem label="头像" prop="avatar">
<uploadAvatar ref="uploadAvatar"></uploadAvatar>
</FormItem>
</Col>
<Col span="32">
<FormItem label="登录账号" prop="username">
<Col span="24">
<FormItem label="登录账号">
{{ userFormItem.username }}
</FormItem>
</Col>
<Col span="32">
<Col span="24">
<FormItem label="用户昵称" prop="nickname">
<Input type="text" class="form-input" v-model="userFormItem.nickname" placeholder="请输入用户昵称"/>
</FormItem>
</Col>
<Col span="32">
<Col span="24">
<FormItem label="联系电话" prop="phone">
<Input type="text" class="form-input" v-model="userFormItem.phone" placeholder="请输入联系电话"/>
</FormItem>
</Col>
<Col span="32">
<Col span="24">
<FormItem label="电子邮箱" prop="email">
<Input type="text" class="form-input" v-model="userFormItem.email" placeholder="请输入电子邮箱"/>
</FormItem>
</Col>
<Col span="32">
<Col span="24">
<FormItem label="个性签名" prop="signature">
<Input type="textarea" class="form-input" v-model="userFormItem.signature" :rows="4" maxlength="100"
show-word-limit placeholder="请输入个性签名"/>
</FormItem>
</Col>
<Col span="32">
<Col span="24">
<FormItem>
<Button type="primary"
:loading="userSubmitLoading"
@@ -66,24 +61,24 @@
<Form :rules="changePasswordRuleCustom" :model="changePasswordFormItem" ref="changePasswordFormItem"
:label-width="120" label-position="right">
<Row :gutter="32">
<Col span="32">
<FormItem label="登录账号" prop="username">
<Col span="24">
<FormItem label="登录账号">
{{ userFormItem.username }}
</FormItem>
</Col>
<Col span="32">
<Col span="24">
<FormItem label="原密码" prop="oldPassword">
<Input type="password" password class="form-input" v-model="changePasswordFormItem.oldPassword"
placeholder="请输入原密码"/>
</FormItem>
</Col>
<Col span="32">
<Col span="24">
<FormItem label="新密码" prop="newPassword">
<Input type="password" password class="form-input" v-model="changePasswordFormItem.newPassword"
placeholder="请输入新密码"/>
</FormItem>
</Col>
<Col span="32">
<Col span="24">
<FormItem>
<Button type="primary"
:loading="changePasswordSubmitLoading"
@@ -102,14 +97,10 @@
<script>
import {getPersonalInfo, update, updatePassword} from '@/api/sys/sys-user'
import uploadAvatar from "@/components/my-components/upload-avatar"
import {mapActions} from "vuex";
import {mapActions, mapMutations} from "vuex";
export default {
name: "personal-center",
components: {
uploadAvatar
},
data() {
return {
currentMenu: 'basicInfo',
@@ -118,16 +109,12 @@
id: '',
username: '',
nickname: '',
avatar: '',
phone: '',
email: '',
signature: '',
status: '1',
},
userRuleCustom: {
username: [{
required: true, message: '请输入登录账号', trigger: 'blur'
}],
nickname: [{
required: true, message: '请输入用户昵称', trigger: 'blur'
}],
@@ -135,7 +122,7 @@
required: true, message: '请输入联系电话', trigger: 'blur'
}],
email: [{
required: true, message: '请输入联系电话', trigger: 'blur'
required: true, message: '请输入电子邮箱', trigger: 'blur'
}],
},
changePasswordSubmitLoading: false,
@@ -158,19 +145,17 @@
...mapActions([
'handleLogOut'
]),
...mapMutations([
'setNickname'
]),
toChangeMenu(name) {
this.currentMenu = name
},
getPersonalInfo() {
getPersonalInfo().then(res => {
let temp = res.data.data.entity
let temp = res.data.data
if (!temp) return
this.userFormItem.id = temp.id
this.userFormItem.avatar = temp.avatar
let avatar = temp.avatar
if (temp.avatar === null || temp.avatar === "") {
avatar = "https://732128096-read.oss-cn-hangzhou.aliyuncs.com/avatar.png"
}
this.$refs.uploadAvatar.setData(temp.id, avatar);
this.userFormItem.username = temp.username
this.userFormItem.nickname = temp.nickname
this.userFormItem.phone = temp.phone
@@ -191,6 +176,8 @@
setTimeout(() => {
this.userSubmitLoading = false
this.$Message.success("个人信息保存并生效!")
// 同步更新顶栏昵称
this.setNickname(this.userFormItem.nickname)
}, 300)
})
}
@@ -205,8 +192,8 @@
updatePassword(data).then(res => {
setTimeout(() => {
this.changePasswordSubmitLoading = false
if (res.data.code === 419) {
this.$Message.warning(res.data.message)
if (res.data.code === 419 || !res.data.success) {
this.$Message.warning(res.data.message || "修改密码失败")
} else {
this.$Message.success("修改密码保存并生效!")
this.handleLogOut().then(() => {