From d32cd83674f9b0db0154e6228807e658539f8cd0 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期一, 22 九月 2025 13:10:14 +0800 Subject: [PATCH] fix: bug --- src/views/CPersonManage/components/StaffDetailInfoView.vue | 85 +++++++++++++++++++++++------------------- 1 files changed, 46 insertions(+), 39 deletions(-) diff --git a/src/views/CPersonManage/components/StaffDetailInfoView.vue b/src/views/CPersonManage/components/StaffDetailInfoView.vue index 5dbe708..e720891 100644 --- a/src/views/CPersonManage/components/StaffDetailInfoView.vue +++ b/src/views/CPersonManage/components/StaffDetailInfoView.vue @@ -1,28 +1,28 @@ <template> - <ProForm :model="detail" ref="dialogForm" label-width="120px" is-read> + <ProForm :model="form" ref="dialogForm" label-width="120px" is-read> <ProFormCol> <ProFormColItem :span="12"> <ProFormItemV2 label="濮撳悕锛�" prop="name"> - <ProFormText v-model.trim="detail.name"></ProFormText> + <ProFormText v-model.trim="form.name"></ProFormText> </ProFormItemV2> </ProFormColItem> <ProFormColItem :span="12"> <ProFormItemV2 label="瀹炲悕鏃堕棿锛�" prop="userRealTime"> - <div>{{ format(detail.userRealTime, 'YYYY-MM-DD HH:mm') }}</div> + <div>{{ format(form.userRealTime, 'YYYY-MM-DD HH:mm') }}</div> </ProFormItemV2> </ProFormColItem> </ProFormCol> <ProFormCol> <ProFormColItem :span="12"> <ProFormItemV2 label="韬唤璇佸彿锛�" prop="identity"> - <ProFormText v-model.trim="detail.identity"></ProFormText> + <ProFormText v-model.trim="form.identity"></ProFormText> </ProFormItemV2> </ProFormColItem> </ProFormCol> <ProFormCol> <ProFormColItem :span="12"> <ProFormItemV2 label="鎵嬫満鍙凤細" prop="contactPhoneNumber"> - <ProFormText v-model.trim="detail.contactPhoneNumber"></ProFormText> + <ProFormText v-model.trim="form.contactPhoneNumber"></ProFormText> </ProFormItemV2> </ProFormColItem> </ProFormCol> @@ -30,7 +30,7 @@ <ProFormColItem :span="12"> <ProFormItemV2 label="鎬у埆锛�" prop="gender"> <ProFormRadio - v-model="detail.gender" + v-model="form.gender" :value-enum="EnumUserGenderTextForPerson" ></ProFormRadio> </ProFormItemV2> @@ -39,15 +39,15 @@ <ProFormCol> <ProFormColItem :span="12"> <ProFormItemV2 label="骞撮緞锛�" prop="age"> - <ProFormInputNumber v-model="detail.age"> </ProFormInputNumber> + <ProFormInputNumber v-model="form.age"> </ProFormInputNumber> </ProFormItemV2> </ProFormColItem> </ProFormCol> <ProFormItemV2 label="韬唤璇佹闈細" prop="identityImg"> - <ProFormImageUpload v-model:file-url="detail.identityImg"> </ProFormImageUpload> + <ProFormImageUpload v-model:file-url="form.identityImg"> </ProFormImageUpload> </ProFormItemV2> <ProFormItemV2 label="韬唤璇佸弽闈細" prop="identityBackImg"> - <ProFormImageUpload v-model:file-url="detail.identityBackImg"> </ProFormImageUpload> + <ProFormImageUpload v-model:file-url="form.identityBackImg"> </ProFormImageUpload> </ProFormItemV2> </ProForm> </template> @@ -74,39 +74,46 @@ }); type Form = { - id: string; + name: string; + identity: string; + contactPhoneNumber: string; + age: number; + gender: EnumUserGender; + identityImg: UploadUserFile[]; + identityBackImg: UploadUserFile[]; + userRealTime: string; }; const form = defineModel<Form>('form'); -const detail = reactive({ - name: '', - identity: '', - contactPhoneNumber: '', - gender: EnumUserGender.Male, - age: 0, - identityImg: [] as UploadUserFile[], - identityBackImg: [] as UploadUserFile[], - userRealTime: '', -}); +// const detail = reactive({ +// name: '', +// identity: '', +// contactPhoneNumber: '', +// gender: EnumUserGender.Male, +// age: 0, +// identityImg: [] as UploadUserFile[], +// identityBackImg: [] as UploadUserFile[], +// userRealTime: '', +// }); -const { isLoading } = useQuery({ - queryKey: ['enterpriseEmployeeServices/getEnterpriseEmployee', form.value.id], - queryFn: async () => { - return await enterpriseEmployeeServices.getEnterpriseEmployee({ id: form.value.id }); - }, - onSuccess(data) { - detail.name = data.name; - detail.identity = data.identity; - detail.contactPhoneNumber = data.contactPhoneNumber; - detail.gender = data.gender; - detail.age = data.age ?? 0; - detail.identityImg = data.identityImg ? convertApi2FormUrlOnlyOne(data.identityImg) : []; - detail.identityBackImg = data.identityBackImg - ? convertApi2FormUrlOnlyOne(data.identityBackImg) - : []; - detail.userRealTime = data.userRealTime ?? ''; - }, - enabled: computed(() => !!form.value.id), -}); +// const { isLoading } = useQuery({ +// queryKey: ['enterpriseEmployeeServices/getEnterpriseEmployee', form.value.id], +// queryFn: async () => { +// return await enterpriseEmployeeServices.getEnterpriseEmployee({ id: form.value.id }); +// }, +// onSuccess(data) { +// detail.name = data.name; +// detail.identity = data.identity; +// detail.contactPhoneNumber = data.contactPhoneNumber; +// detail.gender = data.gender; +// detail.age = data.age ?? 0; +// detail.identityImg = data.identityImg ? convertApi2FormUrlOnlyOne(data.identityImg) : []; +// detail.identityBackImg = data.identityBackImg +// ? convertApi2FormUrlOnlyOne(data.identityBackImg) +// : []; +// detail.userRealTime = data.userRealTime ?? ''; +// }, +// enabled: computed(() => !!form.value.id), +// }); </script> -- Gitblit v1.9.1