企业认证

src/views/servicePlatform/enterpriseCertification/detail.vue

@@ -3,12 +3,11 @@
     :title="!isAudit ? '企业详情' : '企业审核'"
     dense
     contentBackground
-    contentFullHeight
     @back="handleBack"
   >
     <div style="margin-left: 60px; font-weight: bolder; font-size: 18px">企业信息</div>
-    <Row :gutter="[16, 30]">
-      <Col :span="12" v-for="info in formSchema1" :key="info">
+    <Row :gutter="[16, 30]" style="margin-top: 20px">
+      <Col :span="info.span || 12" v-for="info in formSchema1" :key="info">
         <div class="col-item">
           <div class="item-label">{{ info.label }}：</div>
           <div v-if="['license', 'logo'].includes(info.field)" class="item-des"
@@ -30,11 +29,27 @@
       </div>
     </div>
     <div style="margin-left: 60px; font-weight: bolder; font-size: 18px">申办人信息</div>
-    <Row :gutter="[16, 30]">
+    <Row
+      :gutter="[16, 30]"
+      style="margin-top: 20px"
+      :style="{ marginBottom: isAudit ? null : '40px' }"
+    >
       <Col :span="12" v-for="info in applicantList" :key="info">
         <div class="col-item">
           <div class="item-label">{{ info.label }}：</div>
-          <div class="item-des">{{ applicant[info.field] ? applicant[info.field] : '-' }}</div>
+          <div
+            v-if="['idCardFront', 'idCardReverse', 'letter', 'doc'].includes(info.field)"
+            class="item-des"
+            ><TableImg
+              :size="150"
+              :simpleShow="true"
+              :showBadge="false"
+              :imgList="applicant[info.field]"
+            />
+          </div>
+          <div v-else class="item-des">{{
+            applicant[info.field] ? applicant[info.field] : '-'
+          }}</div>
         </div>
       </Col>
     </Row>
@@ -73,7 +88,16 @@
   const data = ref(route.query);
   const router = useRouter();
   const isAudit = ref(route.query.isAudit);
-  const applicant = ref({});
+  const applicant = ref({
+    identity: '授权代表',
+    name: '莫名其',
+    idNo: '110105XXXXXXXXXXXX',
+    phone: '166XXXX3322',
+    idCardFront: ['src/assets/images/身份证示例人像面.png'],
+    idCardReverse: ['src/assets/images/身份证示例国徽面.png'],
+    letter: ['src/assets/images/企业承诺函.png'],
+    doc: ['src/assets/images/企业授权文件.png'],
+  });
 
   const [dismissedModal, { openModal }] = useModal();
 
@@ -110,7 +134,7 @@
   .col-item {
     display: flex;
     gap: 10px;
-    margin: 20px 60px;
+    margin: 0px 60px;
     .item-label {
       width: 150px;
     }

src/views/servicePlatform/enterpriseCertification/enterpriseColumns.data.ts

@@ -66,7 +66,6 @@ export const formSchema1: DescItem[] = [
     field: 'leader',
     label: '法人',
   },
-
   {
     field: 'leaderNum',
     label: '法人身份证号码：',
@@ -90,7 +89,8 @@ export const formSchema1: DescItem[] = [
   },
   {
     field: 'businessRange',
-    label: '经营范围',
+    label: '详细地址',
+    span: 24,
   },
   {
     field: 'license',
@@ -133,17 +133,21 @@ export const searchFormSchema: FormSchema[] = [
 ];
 export const applicantList = [
   {
-    label: '申办人姓名',
-    field: 'name',
+    label: '申办人身份',
+    field: 'identity',
   },
   {
-    label: '申办人电话',
-    field: 'phone',
+    label: '申办人姓名',
+    field: 'name',
   },
   {
     label: '申办人身份证号码',
     field: 'idNo',
   },
+  {
+    label: '申办人电话',
+    field: 'phone',
+  },
   {
     label: '身份证正面',
     field: 'idCardFront',

src/views/servicePlatform/enterpriseCertification/index.vue

@@ -29,6 +29,7 @@
                 {
                   label: '审核',
                   onClick: handleAudit.bind(null, record),
+                  ifShow: record.status === '未审核',
                 },
               ]"
             />
@@ -56,7 +57,6 @@
   // 初始化
   const { createMessage, createConfirm } = useMessage();
 
-
   // 数据
 
   const { push } = useRouter();