feat: 页面

wupengfei

2025-04-18 7c24e02dd40f435aa036d4f3932e72f193441d06

 src/views/EnterpriseInfo/components/EnterpriseBasicInfoView.vue

@@ -2,52 +2,60 @@
  <LoadingLayout :loading="isLoading">
    <AppContainer>
      <PageFormLayout>
        <ProForm :model="detail" ref="formRef" label-width="140px">
        <ProForm :model="detail" ref="formRef" label-width="140px" is-read>
          <ProFormCol>
            <ProFormColItem :span="8">
              <ProFormItemV2 label="企业名称:" prop="serveName" mode="read">
                <ProFormText v-model.trim="detail.categoryName" />
              <ProFormItemV2 label="企业名称:" prop="enterpriseName">
                <ProFormText v-model.trim="detail.enterpriseName" />
              </ProFormItemV2>
            </ProFormColItem>
            <ProFormColItem :span="8">
              <ProFormItemV2 label="统一社会信用代码:" prop="serveName" mode="read">
                <ProFormText v-model.trim="detail.categoryName" />
              <ProFormItemV2 label="统一社会信用代码:" prop="societyCreditCode">
                <ProFormText v-model.trim="detail.societyCreditCode" />
              </ProFormItemV2>
            </ProFormColItem>
            <ProFormColItem :span="8">
              <ProFormItemV2 label="企业类型:" prop="serveName" mode="read">
                <ProFormText v-model.trim="detail.categoryName" />
              <ProFormItemV2 label="企业类型:" prop="enterpriseType">
                <ProFormRadio
                  v-model.trim="detail.enterpriseType"
                  :value-enum="EnterpriseTypeText"
                />
              </ProFormItemV2>
            </ProFormColItem>
          </ProFormCol>
          <ProFormCol>
            <ProFormColItem :span="8">
              <ProFormItemV2 label="所属园区:" prop="serveName" mode="read">
                <ProFormText v-model.trim="detail.categoryName" />
              <ProFormItemV2 label="所属园区:" prop="industrialParkName">
                <ProFormText v-model.trim="detail.industrialParkName" />
              </ProFormItemV2>
            </ProFormColItem>
            <ProFormColItem :span="8">
              <ProFormItemV2 label="园区类型:" prop="serveName" mode="read">
                <ProFormText v-model.trim="detail.categoryName" />
              <ProFormItemV2 label="园区类型:" prop="parkTypName">
                <ProFormText v-model.trim="detail.parkTypName" />
              </ProFormItemV2>
            </ProFormColItem>
          </ProFormCol>
          <ProFormCol>
            <ProFormColItem :span="8">
              <ProFormItemV2 label="开户银行:" prop="serveName" mode="read">
                <ProFormText v-model.trim="detail.categoryName" />
              <ProFormItemV2 label="开户银行:" prop="bankName">
                <ProFormText v-model.trim="detail.bankName" />
              </ProFormItemV2>
            </ProFormColItem>
            <ProFormColItem :span="8">
              <ProFormItemV2 label="银行帐号:" prop="serveName" mode="read">
                <ProFormText v-model.trim="detail.categoryName" />
              <ProFormItemV2 label="开户支行:" prop="bankName">
                <ProFormText v-model.trim="detail.bankName" />
              </ProFormItemV2>
            </ProFormColItem>
            <ProFormColItem :span="8">
              <ProFormItemV2 label="银行帐号:" prop="bankCardNumber">
                <ProFormText v-model.trim="detail.bankCardNumber" />
              </ProFormItemV2>
            </ProFormColItem>
          </ProFormCol>
          <ProFormCol>
            <ProFormColItem :span="8">
              <ProFormItemV2 label="营业执照:" prop="serveName" mode="read">
                <!-- <ProFormUpload v-model:file-url="detail.covers"></ProFormUpload> -->
              <ProFormItemV2 label="营业执照:" prop="serveName">
                <ProFormUpload v-model:file-url="_licenseUrl"></ProFormUpload>
              </ProFormItemV2>
            </ProFormColItem>
          </ProFormCol>
@@ -68,9 +76,12 @@
  ProFormItemV2,
  ProFormText,
  ProFormUpload,
  ProFormRadio,
} from '@bole-core/components';
import { useQuery } from '@tanstack/vue-query';
import * as informationServices from '@/services/api/Information';
import * as customerServices from '@/services/api/Customer';
import { EnterpriseTypeText } from '@/constants';
import { convertApi2FormUrlOnlyOne } from '@/utils';

defineOptions({
  name: 'EnterpriseBasicInfoView',
@@ -80,16 +91,16 @@
const id = route.params?.id as string;

const { data: detail, isLoading } = useQuery({
  queryKey: ['informationServices/getInformationShowDetail', id],
  queryKey: ['customerServices/getParkCustomerManageBaseDetail', id],
  queryFn: async () => {
    return await informationServices.getInformationShowDetail(
      { id: id },
      {
        showLoading: false,
      }
    );
    return await customerServices.getParkCustomerManageBaseDetail({ id: id });
  },
  placeholderData: () => ({} as API.InformationShowDetailDto),
  placeholderData: () => ({} as API.GetParkCustomerManageDetailOutput),
  enabled: !!id,
});

const _licenseUrl = computed(() => {
  return detail.value?.licenseUrl ? convertApi2FormUrlOnlyOne(detail.value.licenseUrl) : [];
});
</script>