wangchangjiu
/
xys-FTA-Ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1、页面些许优化

This commit is contained in:
Wayne 2024-05-15 08:34:10 +08:00
parent 0de5bce23f
commit bc963f0767
7 changed files with 93 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
src/api/fta/credentialmanagement/index.ts
View File

@ -1,53 +1,53 @@
import request from '@/config/axios'
// 企业证件 VO
export interface CredentialManagementVO {
informationId: string // 企业id
businessPattern: string // 经营方式
usefulLife: string // 有效期限
licenceIssuingAuthority: string // 发证机关
dateOfIssue: Date // 发证日期
status: string // 流程状态
id: number // id
expiryDate: Date // 到期时间
idType: boolean // 证件类型(0安全员证，1安全负责人证，2危险品证）
certificateNumber: string // 证书编号
name: string // 姓名
personnelType: string // 人员类型
sex: boolean // 性别(0男，1女)
categoryOfEmployment: string // 行业类别
enterpriseName: string // 企业名称
}
// 企业证件 API
export const CredentialManagementApi = {
// 查询企业证件分页
getCredentialManagementPage: async (params: any) => {
return await request.get({ url: `/fta/credential-management/page`, params })
},
// 查询企业证件详情
getCredentialManagement: async (id: number) => {
return await request.get({ url: `/fta/credential-management/get?id=` + id })
},
// 新增企业证件
createCredentialManagement: async (data: CredentialManagementVO) => {
return await request.post({ url: `/fta/credential-management/create`, data })
},
// 修改企业证件
updateCredentialManagement: async (data: CredentialManagementVO) => {
return await request.put({ url: `/fta/credential-management/update`, data })
},
// 删除企业证件
deleteCredentialManagement: async (id: number) => {
return await request.delete({ url: `/fta/credential-management/delete?id=` + id })
},
// 导出企业证件 Excel
exportCredentialManagement: async (params) => {
return await request.download({ url: `/fta/credential-management/export-excel`, params })
},
}
import request from '@/config/axios'
// 企业证件 VO
export interface CredentialManagementVO {
informationId: string // 企业id
businessPattern: string // 经营方式
usefulLife: string // 有效期限
licenceIssuingAuthority: string // 发证机关
dateOfIssue: Date // 发证日期
status: string // 流程状态
id: number // id
expiryDate: Date // 到期时间
idType: number // 证件类型(0安全员证，1安全负责人证，2危险品证）
certificateNumber: string // 证书编号
name: string // 姓名
personnelType: string // 人员类型
sex: number // 性别(0男，1女)
categoryOfEmployment: string // 行业类别
enterpriseName: string // 企业名称
}
// 企业证件 API
export const CredentialManagementApi = {
// 查询企业证件分页
getCredentialManagementPage: async (params: any) => {
return await request.get({ url: `/fta/credential-management/page`, params })
},
// 查询企业证件详情
getCredentialManagement: async (id: number) => {
return await request.get({ url: `/fta/credential-management/get?id=` + id })
},
// 新增企业证件
createCredentialManagement: async (data: CredentialManagementVO) => {
return await request.post({ url: `/fta/credential-management/create`, data })
},
// 修改企业证件
updateCredentialManagement: async (data: CredentialManagementVO) => {
return await request.put({ url: `/fta/credential-management/update`, data })
},
// 删除企业证件
deleteCredentialManagement: async (id: number) => {
return await request.delete({ url: `/fta/credential-management/delete?id=` + id })
},
// 导出企业证件 Excel
exportCredentialManagement: async (params) => {
return await request.download({ url: `/fta/credential-management/export-excel`, params })
},
}

1
src/utils/dict.ts
View File

@ -216,7 +216,6 @@ export enum DICT_TYPE {
ENTERPRISE_IS_SECURITY = 'enterprise_is_secure', //是否涉及危化证
ENTERPRISE_TYPE = 'enterprise_type', // 企业类型
ENTERPRISE_DOCUMENT_TYPE = 'enterprise_document_type', //企业证件类型
TYPES_OF_SECURITY_PERSONNEL = 'types_of_security_personnel', // 安全人员类型
CREDENTIAL_SEX = 'credential_sex', // 证书性别
CREDENTIAL_PERSONNEL_TYPE = 'credential_personnel_type', // 人员类型
CREDENTIAL_CATEGORY_OF_EMPLOYMENT = 'credential_category_of_employment', //行业类别

16
src/views/fta/credentialmanagement/index.vue
View File

@ -49,7 +49,7 @@
class="!w-240px"
>
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.TYPES_OF_SECURITY_PERSONNEL)"
v-for="dict in getIntDictOptions(DICT_TYPE.CREDENTIAL_PERSONNEL_TYPE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
@ -67,17 +67,25 @@
<ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="企业名称" align="center" prop="enterpriseName" />
<el-table-column label="证件类型" align="center" prop="idType" />
<el-table-column align="center" label="证件类型" prop="idType">
<template #default="scope">
<dict-tag :type="DICT_TYPE.ENTERPRISE_DOCUMENT_TYPE" :value="scope.row.idType" />
</template>
</el-table-column>
<el-table-column label="证书编号" align="center" prop="certificateNumber" />
<el-table-column label="姓名" align="center" prop="name" />
<el-table-column label="性别" align="center" prop="sex" />
<el-table-column align="center" label="性别" prop="sex">
<template #default="scope">
<dict-tag :type="DICT_TYPE.CREDENTIAL_SEX" :value="scope.row.sex" />
</template>
</el-table-column>
<el-table-column label="人员类型" align="center" prop="personnelType" />
<el-table-column label="发证机关" align="center" prop="licenceIssuingAuthority" />
<el-table-column
label="发证日期"
align="center"
prop="dateOfIssue"
:formatter="dateFormatter"
:formatter="dateFormatter2"
width="180px"
/>
<el-table-column

9
src/views/fta/enterprisechange/create.vue
View File

@ -122,7 +122,7 @@
</el-form>
<!-- 选择企业基本信息弹窗 -->
<SelectEnterprise ref="selectEnterpriseRef" :getToy="getOldEnterprise" />
<SelectEnterprise ref="selectEnterpriseRef" @setOldEnterprise="getOldEnterprise" />
</template>
<script lang="ts" setup>
import { EnterpriseInformationApi, EnterpriseInformationVO } from '@/api/fta/enterpriseinformation'
@ -188,9 +188,10 @@ const selectEnterpriseCom = () => {
selectEnterpriseRef.value.open()
}
/** 获取变更前的企业信息 */
function getOldEnterprise(data:EnterpriseInformationVO){
toy.value = data
/** 上传图片成功，设置图片地址 */
const getOldEnterprise = (data: EnterpriseInformationVO) => {
// 根据id获取该企业的证件信息
}
/** 提交表单 */

40
src/views/fta/enterprisechange/index.vue
View File

@ -34,7 +34,7 @@
/>
</el-select>
</el-form-item>
<el-form-item label="变更前企业名称" prop="oldEnterpriseName">
<el-form-item label="变更前名称" prop="oldEnterpriseName">
<el-input
v-model="queryParams.oldEnterpriseName"
placeholder="请输入变更前企业名称"
@ -43,7 +43,7 @@
class="!w-240px"
/>
</el-form-item>
<el-form-item label="变更前企业法定代表人" prop="oldLegalPerson">
<el-form-item label="变更前法人" prop="oldLegalPerson">
<el-input
v-model="queryParams.oldLegalPerson"
placeholder="请输入变更前企业法定代表人"
@ -61,7 +61,7 @@
class="!w-240px"
/>
</el-form-item>
<el-form-item label="企业法定代表人" prop="legalPerson">
<el-form-item label="企业法人" prop="legalPerson">
<el-input
v-model="queryParams.legalPerson"
placeholder="请输入企业法定代表人"
@ -70,7 +70,7 @@
class="!w-240px"
/>
</el-form-item>
<el-form-item label="统一社会信用代码" prop="unifiedCreditCode">
<el-form-item label="信用代码" prop="unifiedCreditCode">
<el-input
v-model="queryParams.unifiedCreditCode"
placeholder="请输入统一社会信用代码"
@ -109,7 +109,7 @@
/>
</el-select>
</el-form-item>
<el-form-item label="企业所属行业" prop="enterpriseBelongingToIndustry">
<el-form-item label="所属行业" prop="enterpriseBelongingToIndustry">
<el-input
v-model="queryParams.enterpriseBelongingToIndustry"
placeholder="请输入企业所属行业"
@ -118,7 +118,7 @@
class="!w-240px"
/>
</el-form-item>
<el-form-item label="是否涉及危化证" prop="isSecure">
<el-form-item label="是否涉危" prop="isSecure">
<el-select
v-model="queryParams.isSecure"
placeholder="请选择是否涉及危化证"
@ -126,7 +126,7 @@
class="!w-240px"
>
<el-option
v-for="dict in getIntDictOptions(DICT_TYPE.ENTERPRISE_IS_SECURE)"
v-for="dict in getIntDictOptions(DICT_TYPE.ENTERPRISE_IS_SECURITY)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
@ -140,15 +140,6 @@
<Icon class="mr-5px" icon="ep:plus" />
新增
</el-button>
<el-button
type="success"
plain
@click="handleExport"
:loading="exportLoading"
v-hasPermi="['fta:enterprise-change:export']"
>
<Icon icon="ep:download" class="mr-5px" /> 导出
</el-button>
</el-form-item>
</el-form>
</ContentWrap>
@ -196,7 +187,7 @@
<el-table-column label="经营许可范围" align="center" prop="operatePermitRange" />
<el-table-column label="是否涉及危化证" align="center" prop="isSecure">
<template #default="scope">
<dict-tag :type="DICT_TYPE.ENTERPRISE_IS_SECURE" :value="scope.row.isSecure" />
<dict-tag :type="DICT_TYPE.ENTERPRISE_IS_SECURITY" :value="scope.row.isSecure" />
</template>
</el-table-column>
<el-table-column label="操作" align="center">
@ -316,21 +307,6 @@ const handleDelete = async (id: number) => {
} catch {}
}
/** 导出按钮操作 */
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await EnterpriseChangeApi.exportEnterpriseChange(queryParams)
download.excel(data, '企业信息变更.xls')
} catch {
} finally {
exportLoading.value = false
}
}
/** 初始化 **/
onMounted(() => {
getList()

9
src/views/fta/enterprisechange/selectEnterprise.vue
View File

@ -11,7 +11,7 @@
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" size="small" @click="getList">搜索</el-button>
<el-button type="primary" icon="Refresh" size="small" @click="resetQuery">确定</el-button>
<el-button type="primary" icon="Refresh" size="small" @click="submitFormSuccess">确定</el-button>
<el-button icon="Refresh" size="small" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
@ -74,6 +74,13 @@ const handleCurrentChange = (val: EnterpriseInformationVO | undefined) => {
currentRow.value = val
} //选择后触发的方法
/** 点击确定键提交企业信息 */
const emit = defineEmits(['setOldEnterprise'])
const submitFormSuccess = () => {
emit('setOldEnterprise',currentRow)
dialogVisible.value = false
}
/** 打开弹窗 */
const open = async () => {
dialogVisible.value = true

14
src/views/fta/enterpriseinformation/index.vue
View File

@ -28,7 +28,7 @@
class="!w-240px"
/>
</el-form-item>
<el-form-item label="企业法定代表人" prop="legalPerson">
<el-form-item label="企业法人" prop="legalPerson">
<el-input
v-model="queryParams.legalPerson"
placeholder="请输入企业法定代表人"
@ -37,7 +37,7 @@
class="!w-240px"
/>
</el-form-item>
<el-form-item label="统一信用代码" prop="unifiedCreditCode">
<el-form-item label="信用代码" prop="unifiedCreditCode">
<el-input
v-model="queryParams.unifiedCreditCode"
placeholder="请输入统一信用代码"
@ -87,7 +87,7 @@
/>
</el-select>
</el-form-item>
<el-form-item label="企业所属行业" prop="enterpriseBelongingToIndustry">
<el-form-item label="所属行业" prop="enterpriseBelongingToIndustry">
<el-input
v-model="queryParams.enterpriseBelongingToIndustry"
placeholder="请输入企业所属行业"
@ -105,7 +105,7 @@
class="!w-240px"
/>
</el-form-item>
<el-form-item label="经营许可范围" prop="operatePermitRange">
<el-form-item label="经营范围" prop="operatePermitRange">
<el-input
v-model="queryParams.operatePermitRange"
placeholder="请输入经营许可范围"
@ -114,7 +114,7 @@
class="!w-240px"
/>
</el-form-item>
<el-form-item label="是否涉及危化证" prop="isSecure">
<el-form-item label="是否涉危" prop="isSecure">
<el-select
v-model="queryParams.isSecure"
placeholder="请选择是否涉及危化证"
@ -181,7 +181,7 @@
width="180px"
/>
<el-table-column label="企业名称" align="center" prop="name" />
<el-table-column label="企业法定代表人" align="center" prop="legalPerson" />
<el-table-column label="企业法人" align="center" prop="legalPerson" />
<el-table-column label="统一信用代码" align="center" prop="unifiedCreditCode" />
<el-table-column label="电话" align="center" prop="telephone" />
<el-table-column label="邮箱" align="center" prop="mailbox" />
@ -205,7 +205,7 @@
<el-table-column label="企业所属行业" align="center" prop="enterpriseBelongingToIndustry" />
<el-table-column label="登记机关" align="center" prop="registerOffice" />
<el-table-column label="经营许可范围" align="center" prop="operatePermitRange" />
<el-table-column label="是否涉及危化证" align="center" prop="isSecure">
<el-table-column label="是否涉危" align="center" prop="isSecure">
<template #default="scope">
<dict-tag :type="DICT_TYPE.ENTERPRISE_IS_SECURITY" :value="scope.row.isSecure" />
</template>