1、企业详情页新增展示企业证件信息功能
This commit is contained in:
parent
12e1eb9e82
commit
0de5bce23f
|
@ -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' })
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue