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

This commit is contained in:
Wayne 2024-05-14 15:46:41 +08:00
parent 12e1eb9e82
commit 0de5bce23f
3 changed files with 77 additions and 6 deletions

View File

@ -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' })

View File

@ -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>

View File

@ -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>