feat: 接口对接

wupengfei

7 天以前 e5c36e9cccb9aae08b58eaed3f7b906279a2d6b5

 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>