diff --git a/package.json b/package.json index 1922b0f..8f64a9a 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "axios": "^1.7.4", "crypto-js": "^4.2.0", "element-plus": "^2.8.0", + "lodash": "^4.17.21", "pinia": "^2.1.7", "uuid": "^10.0.0", "vue": "^3.4.29", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index b7551f8..5b76df9 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -20,6 +20,9 @@ importers: element-plus: specifier: ^2.8.0 version: 2.8.0(vue@3.4.38) + lodash: + specifier: ^4.17.21 + version: 4.17.21 pinia: specifier: ^2.1.7 version: 2.2.2(vue@3.4.38) diff --git a/src/views/setting/SettingPersonal.vue b/src/views/setting/SettingPersonal.vue index 220b3bd..4dee4e1 100644 --- a/src/views/setting/SettingPersonal.vue +++ b/src/views/setting/SettingPersonal.vue @@ -4,35 +4,19 @@ import { userStore } from '@/stores' import router from '@/router' import { userModifySelfService } from '@/api/user' import defaultImg from '@/assets/select_avatar.jpg' +import { cloneDeep } from 'lodash' const userData = userStore() - // 准备表单数据 -const formModel = ref({ - phoneNum: '', - email: '', - nickName: '', - sex: '', - birthday: '', - level: '', - signature: '' -}) - +const formModel = ref({}) const isLoading = ref(false) onMounted(() => { - formModel.value.phoneNum = userData.user.phoneNum - formModel.value.email = userData.user.email - formModel.value.nickName = userData.user.nickName - formModel.value.sex = userData.user.sex - formModel.value.birthday = userData.user.birthday - formModel.value.level = userData.user.level - formModel.value.signature = userData.user.signature + formModel.value = cloneDeep(userData.user) }) const onSave = () => { isLoading.value = true - console.log(formModel.value) const res = userModifySelfService(formModel.value) res.then(() => { ElMessage.success('信息保存成功')