1、企业详情页新增展示企业证件信息功能

src/views/fta/credentialmanagement/index.vue

@@ -117,9 +117,6 @@
       @pagination="getList"
     />
   </ContentWrap>
-
-  <!-- 表单弹窗：添加/修改 -->
-  <CredentialManagementForm ref="formRef" @success="getList" />
 </template>
 
 <script setup lang="ts">
@@ -127,7 +124,6 @@ import {dateFormatter, dateFormatter2} from '@/utils/formatTime'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import download from '@/utils/download'
 import { CredentialManagementApi, CredentialManagementVO } from '@/api/fta/credentialmanagement'
-import CredentialManagementForm from './CredentialManagementForm.vue'
 
 /** 企业证件 列表 */
 defineOptions({ name: 'CredentialManagement' })

src/views/fta/enterpriseinformation/create.vue

@@ -207,7 +207,7 @@
       <el-form-item label="到期日期" prop="dangerExpiryDate">
         <el-date-picker v-model="formData.dangerExpiryDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择到期日期"/>
       </el-form-item>
-      <el-form-item label="图片" prop="principalImageUrl">
+      <el-form-item label="图片" prop="dangerImageUrl">
         <el-button v-if="formData.dangerImageUrl == undefined" type="primary" plain @click="fileOpenForm(3)"><Icon icon="ep:upload" class="mr-5px" /> 上传文件</el-button>
         <el-image v-if="formData.dangerImageUrl != undefined" style="width: 100px; height: 100px" :src="formData.dangerImageUrl" :preview-src-list="[formData.dangerImageUrl]" fit="fill" />
         <el-button v-if="formData.dangerImageUrl != undefined" type="danger" plain @click="deletedImageUrl(3)">删除图片</el-button>

src/views/fta/enterpriseinformation/detail.vue

@@ -1,6 +1,6 @@
 <template>
   <ContentWrap>
-    <el-descriptions :column="1" border>
+    <el-descriptions :column="1" border title="企业基本信息">
       <el-descriptions-item label="企业名称">
         {{ detailData.name }}
       </el-descriptions-item>
@@ -47,6 +47,81 @@
         <dict-tag :type="DICT_TYPE.ENTERPRISE_IS_SECURITY" :value="detailData.isSecure" />
       </el-descriptions-item>
     </el-descriptions>
+    <el-descriptions :column="2" border title="主要负责人证">
+      <el-descriptions-item label="证号">
+        {{ detailData.principalCertificateNumber }}
+      </el-descriptions-item>
+      <el-descriptions-item label="姓名">
+        {{ detailData.principalName }}
+      </el-descriptions-item>
+      <el-descriptions-item label="人员类型">
+        <dict-tag :type="DICT_TYPE.CREDENTIAL_PERSONNEL_TYPE" :value="detailData.principalPersonnelType" />
+      </el-descriptions-item>
+      <el-descriptions-item label="性别">
+        <dict-tag :type="DICT_TYPE.CREDENTIAL_SEX" :value="detailData.principalSex" />
+      </el-descriptions-item>
+      <el-descriptions-item label="行业类别">
+        <dict-tag :type="DICT_TYPE.CREDENTIAL_CATEGORY_OF_EMPLOYMENT" :value="detailData.principalCategoryOfEmployment" />
+      </el-descriptions-item>
+      <el-descriptions-item label="初领日期">
+        {{ formatDate(detailData.principalDateOfIssue, 'YYYY-MM-DD') }}
+      </el-descriptions-item>
+      <el-descriptions-item label="到期日期">
+        {{ formatDate(detailData.principalExpiryDate, 'YYYY-MM-DD') }}
+      </el-descriptions-item>
+      <el-descriptions-item label="签发机关">
+        {{ detailData.principalLicenceIssuingAuthority }}
+      </el-descriptions-item>
+      <el-descriptions-item label="图片">
+        <el-image style="width: 100px; height: 100px" :src="detailData.principalImageUrl" :preview-src-list="[detailData.principalImageUrl]" fit="fill" />
+      </el-descriptions-item>
+    </el-descriptions>
+    <el-descriptions :column="2" border title="安全员证">
+      <el-descriptions-item label="证号">
+        {{ detailData.securityCertificateNumber }}
+      </el-descriptions-item>
+      <el-descriptions-item label="姓名">
+        {{ detailData.securityName }}
+      </el-descriptions-item>
+      <el-descriptions-item label="人员类型">
+        <dict-tag :type="DICT_TYPE.CREDENTIAL_PERSONNEL_TYPE" :value="detailData.securityPersonnelType" />
+      </el-descriptions-item>
+      <el-descriptions-item label="性别">
+        <dict-tag :type="DICT_TYPE.CREDENTIAL_SEX" :value="detailData.securitySex" />
+      </el-descriptions-item>
+      <el-descriptions-item label="行业类别">
+        <dict-tag :type="DICT_TYPE.CREDENTIAL_CATEGORY_OF_EMPLOYMENT" :value="detailData.securityCategoryOfEmployment" />
+      </el-descriptions-item>
+      <el-descriptions-item label="初领日期">
+        {{ formatDate(detailData.securityDateOfIssue, 'YYYY-MM-DD') }}
+      </el-descriptions-item>
+      <el-descriptions-item label="到期日期">
+        {{ formatDate(detailData.securityExpiryDate, 'YYYY-MM-DD') }}
+      </el-descriptions-item>
+      <el-descriptions-item label="签发机关">
+        {{ detailData.securityLicenceIssuingAuthority }}
+      </el-descriptions-item>
+      <el-descriptions-item label="图片">
+        <el-image style="width: 100px; height: 100px" :src="detailData.securityImageUrl" :preview-src-list="[detailData.securityImageUrl]" fit="fill" />
+      </el-descriptions-item>
+    </el-descriptions>
+    <el-descriptions :column="2" border title="危化证" v-if="detailData.isSecure == 1">
+      <el-descriptions-item label="经营方式">
+        <dict-tag :type="DICT_TYPE.CREDENTIAL_BUSINESS_PATTERN" :value="detailData.dangerBusinessPattern" />
+      </el-descriptions-item>
+      <el-descriptions-item label="发证机关">
+        {{ detailData.dangerLicenceIssuingAuthority }}
+      </el-descriptions-item>
+      <el-descriptions-item label="发证日期">
+        {{ formatDate(detailData.dangerDateOfIssue, 'YYYY-MM-DD') }}
+      </el-descriptions-item>
+      <el-descriptions-item label="到期日期">
+        {{ formatDate(detailData.dangerExpiryDate, 'YYYY-MM-DD') }}
+      </el-descriptions-item>
+      <el-descriptions-item label="图片">
+        <el-image style="width: 100px; height: 100px" :src="detailData.dangerImageUrl" :preview-src-list="[detailData.dangerImageUrl]" fit="fill" />
+      </el-descriptions-item>
+    </el-descriptions>
   </ContentWrap>
 </template>
 <script lang="ts" setup>