1、页面些许优化
This commit is contained in:
		
							parent
							
								
									0de5bce23f
								
							
						
					
					
						commit
						bc963f0767
					
				| @ -10,11 +10,11 @@ export interface CredentialManagementVO { | |||||||
|   status: string // 流程状态
 |   status: string // 流程状态
 | ||||||
|   id: number // id
 |   id: number // id
 | ||||||
|   expiryDate: Date // 到期时间
 |   expiryDate: Date // 到期时间
 | ||||||
|   idType: boolean // 证件类型(0安全员证,1安全负责人证,2危险品证)
 |   idType: number // 证件类型(0安全员证,1安全负责人证,2危险品证)
 | ||||||
|   certificateNumber: string // 证书编号
 |   certificateNumber: string // 证书编号
 | ||||||
|   name: string // 姓名
 |   name: string // 姓名
 | ||||||
|   personnelType: string // 人员类型
 |   personnelType: string // 人员类型
 | ||||||
|   sex: boolean // 性别(0男,1女)
 |   sex: number // 性别(0男,1女)
 | ||||||
|   categoryOfEmployment: string // 行业类别
 |   categoryOfEmployment: string // 行业类别
 | ||||||
|   enterpriseName: string // 企业名称
 |   enterpriseName: string // 企业名称
 | ||||||
| } | } | ||||||
|  | |||||||
| @ -216,7 +216,6 @@ export enum DICT_TYPE { | |||||||
|   ENTERPRISE_IS_SECURITY = 'enterprise_is_secure',  //是否涉及危化证
 |   ENTERPRISE_IS_SECURITY = 'enterprise_is_secure',  //是否涉及危化证
 | ||||||
|   ENTERPRISE_TYPE = 'enterprise_type', //  企业类型
 |   ENTERPRISE_TYPE = 'enterprise_type', //  企业类型
 | ||||||
|   ENTERPRISE_DOCUMENT_TYPE = 'enterprise_document_type', //企业证件类型
 |   ENTERPRISE_DOCUMENT_TYPE = 'enterprise_document_type', //企业证件类型
 | ||||||
|   TYPES_OF_SECURITY_PERSONNEL = 'types_of_security_personnel', // 安全人员类型
 |  | ||||||
|   CREDENTIAL_SEX = 'credential_sex', // 证书性别
 |   CREDENTIAL_SEX = 'credential_sex', // 证书性别
 | ||||||
|   CREDENTIAL_PERSONNEL_TYPE = 'credential_personnel_type',  //  人员类型
 |   CREDENTIAL_PERSONNEL_TYPE = 'credential_personnel_type',  //  人员类型
 | ||||||
|   CREDENTIAL_CATEGORY_OF_EMPLOYMENT = 'credential_category_of_employment',  //行业类别
 |   CREDENTIAL_CATEGORY_OF_EMPLOYMENT = 'credential_category_of_employment',  //行业类别
 | ||||||
|  | |||||||
| @ -49,7 +49,7 @@ | |||||||
|           class="!w-240px" |           class="!w-240px" | ||||||
|         > |         > | ||||||
|           <el-option |           <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" |             :key="dict.value" | ||||||
|             :label="dict.label" |             :label="dict.label" | ||||||
|             :value="dict.value" |             :value="dict.value" | ||||||
| @ -67,17 +67,25 @@ | |||||||
|   <ContentWrap> |   <ContentWrap> | ||||||
|     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"> |     <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="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="certificateNumber" /> | ||||||
|       <el-table-column label="姓名" align="center" prop="name" /> |       <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="personnelType" /> | ||||||
|       <el-table-column label="发证机关" align="center" prop="licenceIssuingAuthority" /> |       <el-table-column label="发证机关" align="center" prop="licenceIssuingAuthority" /> | ||||||
|       <el-table-column |       <el-table-column | ||||||
|         label="发证日期" |         label="发证日期" | ||||||
|         align="center" |         align="center" | ||||||
|         prop="dateOfIssue" |         prop="dateOfIssue" | ||||||
|         :formatter="dateFormatter" |         :formatter="dateFormatter2" | ||||||
|         width="180px" |         width="180px" | ||||||
|       /> |       /> | ||||||
|       <el-table-column |       <el-table-column | ||||||
|  | |||||||
| @ -122,7 +122,7 @@ | |||||||
|   </el-form> |   </el-form> | ||||||
| 
 | 
 | ||||||
|   <!-- 选择企业基本信息弹窗 --> |   <!-- 选择企业基本信息弹窗 --> | ||||||
|   <SelectEnterprise ref="selectEnterpriseRef" :getToy="getOldEnterprise" /> |   <SelectEnterprise ref="selectEnterpriseRef" @setOldEnterprise="getOldEnterprise" /> | ||||||
| </template> | </template> | ||||||
| <script lang="ts" setup> | <script lang="ts" setup> | ||||||
| import { EnterpriseInformationApi, EnterpriseInformationVO } from '@/api/fta/enterpriseinformation' | import { EnterpriseInformationApi, EnterpriseInformationVO } from '@/api/fta/enterpriseinformation' | ||||||
| @ -188,9 +188,10 @@ const selectEnterpriseCom = () => { | |||||||
|   selectEnterpriseRef.value.open() |   selectEnterpriseRef.value.open() | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| /** 获取变更前的企业信息 */ | /** 上传图片成功,设置图片地址 */ | ||||||
| function getOldEnterprise(data:EnterpriseInformationVO){ | const getOldEnterprise = (data: EnterpriseInformationVO) => { | ||||||
|   toy.value = data |   // 根据id获取该企业的证件信息 | ||||||
|  | 
 | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| /** 提交表单 */ | /** 提交表单 */ | ||||||
|  | |||||||
| @ -34,7 +34,7 @@ | |||||||
|           /> |           /> | ||||||
|         </el-select> |         </el-select> | ||||||
|       </el-form-item> |       </el-form-item> | ||||||
|       <el-form-item label="变更前企业名称" prop="oldEnterpriseName"> |       <el-form-item label="变更前名称" prop="oldEnterpriseName"> | ||||||
|         <el-input |         <el-input | ||||||
|           v-model="queryParams.oldEnterpriseName" |           v-model="queryParams.oldEnterpriseName" | ||||||
|           placeholder="请输入变更前企业名称" |           placeholder="请输入变更前企业名称" | ||||||
| @ -43,7 +43,7 @@ | |||||||
|           class="!w-240px" |           class="!w-240px" | ||||||
|         /> |         /> | ||||||
|       </el-form-item> |       </el-form-item> | ||||||
|       <el-form-item label="变更前企业法定代表人" prop="oldLegalPerson"> |       <el-form-item label="变更前法人" prop="oldLegalPerson"> | ||||||
|         <el-input |         <el-input | ||||||
|           v-model="queryParams.oldLegalPerson" |           v-model="queryParams.oldLegalPerson" | ||||||
|           placeholder="请输入变更前企业法定代表人" |           placeholder="请输入变更前企业法定代表人" | ||||||
| @ -61,7 +61,7 @@ | |||||||
|           class="!w-240px" |           class="!w-240px" | ||||||
|         /> |         /> | ||||||
|       </el-form-item> |       </el-form-item> | ||||||
|       <el-form-item label="企业法定代表人" prop="legalPerson"> |       <el-form-item label="企业法人" prop="legalPerson"> | ||||||
|         <el-input |         <el-input | ||||||
|           v-model="queryParams.legalPerson" |           v-model="queryParams.legalPerson" | ||||||
|           placeholder="请输入企业法定代表人" |           placeholder="请输入企业法定代表人" | ||||||
| @ -70,7 +70,7 @@ | |||||||
|           class="!w-240px" |           class="!w-240px" | ||||||
|         /> |         /> | ||||||
|       </el-form-item> |       </el-form-item> | ||||||
|       <el-form-item label="统一社会信用代码" prop="unifiedCreditCode"> |       <el-form-item label="信用代码" prop="unifiedCreditCode"> | ||||||
|         <el-input |         <el-input | ||||||
|           v-model="queryParams.unifiedCreditCode" |           v-model="queryParams.unifiedCreditCode" | ||||||
|           placeholder="请输入统一社会信用代码" |           placeholder="请输入统一社会信用代码" | ||||||
| @ -109,7 +109,7 @@ | |||||||
|           /> |           /> | ||||||
|         </el-select> |         </el-select> | ||||||
|       </el-form-item> |       </el-form-item> | ||||||
|       <el-form-item label="企业所属行业" prop="enterpriseBelongingToIndustry"> |       <el-form-item label="所属行业" prop="enterpriseBelongingToIndustry"> | ||||||
|         <el-input |         <el-input | ||||||
|           v-model="queryParams.enterpriseBelongingToIndustry" |           v-model="queryParams.enterpriseBelongingToIndustry" | ||||||
|           placeholder="请输入企业所属行业" |           placeholder="请输入企业所属行业" | ||||||
| @ -118,7 +118,7 @@ | |||||||
|           class="!w-240px" |           class="!w-240px" | ||||||
|         /> |         /> | ||||||
|       </el-form-item> |       </el-form-item> | ||||||
|       <el-form-item label="是否涉及危化证" prop="isSecure"> |       <el-form-item label="是否涉危" prop="isSecure"> | ||||||
|         <el-select |         <el-select | ||||||
|           v-model="queryParams.isSecure" |           v-model="queryParams.isSecure" | ||||||
|           placeholder="请选择是否涉及危化证" |           placeholder="请选择是否涉及危化证" | ||||||
| @ -126,7 +126,7 @@ | |||||||
|           class="!w-240px" |           class="!w-240px" | ||||||
|         > |         > | ||||||
|           <el-option |           <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" |             :key="dict.value" | ||||||
|             :label="dict.label" |             :label="dict.label" | ||||||
|             :value="dict.value" |             :value="dict.value" | ||||||
| @ -140,15 +140,6 @@ | |||||||
|           <Icon class="mr-5px" icon="ep:plus" /> |           <Icon class="mr-5px" icon="ep:plus" /> | ||||||
|           新增 |           新增 | ||||||
|         </el-button> |         </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-item> | ||||||
|     </el-form> |     </el-form> | ||||||
|   </ContentWrap> |   </ContentWrap> | ||||||
| @ -196,7 +187,7 @@ | |||||||
|       <el-table-column label="经营许可范围" align="center" prop="operatePermitRange" /> |       <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"> |         <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> |         </template> | ||||||
|       </el-table-column> |       </el-table-column> | ||||||
|       <el-table-column label="操作" align="center"> |       <el-table-column label="操作" align="center"> | ||||||
| @ -316,21 +307,6 @@ const handleDelete = async (id: number) => { | |||||||
|   } catch {} |   } 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(() => { | onMounted(() => { | ||||||
|   getList() |   getList() | ||||||
|  | |||||||
| @ -11,7 +11,7 @@ | |||||||
|           </el-form-item> |           </el-form-item> | ||||||
|           <el-form-item> |           <el-form-item> | ||||||
|             <el-button type="primary" icon="Search" size="small" @click="getList">搜索</el-button> |             <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-button icon="Refresh" size="small" @click="resetQuery">重置</el-button> | ||||||
|           </el-form-item> |           </el-form-item> | ||||||
|         </el-form> |         </el-form> | ||||||
| @ -74,6 +74,13 @@ const handleCurrentChange = (val: EnterpriseInformationVO | undefined) => { | |||||||
|   currentRow.value = val |   currentRow.value = val | ||||||
| }   //选择后触发的方法 | }   //选择后触发的方法 | ||||||
| 
 | 
 | ||||||
|  | /** 点击确定键提交企业信息 */ | ||||||
|  | const emit = defineEmits(['setOldEnterprise']) | ||||||
|  | const submitFormSuccess = () => { | ||||||
|  |   emit('setOldEnterprise',currentRow) | ||||||
|  |   dialogVisible.value = false | ||||||
|  | } | ||||||
|  | 
 | ||||||
| /** 打开弹窗 */ | /** 打开弹窗 */ | ||||||
| const open = async () => { | const open = async () => { | ||||||
|   dialogVisible.value = true |   dialogVisible.value = true | ||||||
|  | |||||||
| @ -28,7 +28,7 @@ | |||||||
|           class="!w-240px" |           class="!w-240px" | ||||||
|         /> |         /> | ||||||
|       </el-form-item> |       </el-form-item> | ||||||
|       <el-form-item label="企业法定代表人" prop="legalPerson"> |       <el-form-item label="企业法人" prop="legalPerson"> | ||||||
|         <el-input |         <el-input | ||||||
|           v-model="queryParams.legalPerson" |           v-model="queryParams.legalPerson" | ||||||
|           placeholder="请输入企业法定代表人" |           placeholder="请输入企业法定代表人" | ||||||
| @ -37,7 +37,7 @@ | |||||||
|           class="!w-240px" |           class="!w-240px" | ||||||
|         /> |         /> | ||||||
|       </el-form-item> |       </el-form-item> | ||||||
|       <el-form-item label="统一信用代码" prop="unifiedCreditCode"> |       <el-form-item label="信用代码" prop="unifiedCreditCode"> | ||||||
|         <el-input |         <el-input | ||||||
|           v-model="queryParams.unifiedCreditCode" |           v-model="queryParams.unifiedCreditCode" | ||||||
|           placeholder="请输入统一信用代码" |           placeholder="请输入统一信用代码" | ||||||
| @ -87,7 +87,7 @@ | |||||||
|           /> |           /> | ||||||
|         </el-select> |         </el-select> | ||||||
|       </el-form-item> |       </el-form-item> | ||||||
|       <el-form-item label="企业所属行业" prop="enterpriseBelongingToIndustry"> |       <el-form-item label="所属行业" prop="enterpriseBelongingToIndustry"> | ||||||
|         <el-input |         <el-input | ||||||
|           v-model="queryParams.enterpriseBelongingToIndustry" |           v-model="queryParams.enterpriseBelongingToIndustry" | ||||||
|           placeholder="请输入企业所属行业" |           placeholder="请输入企业所属行业" | ||||||
| @ -105,7 +105,7 @@ | |||||||
|           class="!w-240px" |           class="!w-240px" | ||||||
|         /> |         /> | ||||||
|       </el-form-item> |       </el-form-item> | ||||||
|       <el-form-item label="经营许可范围" prop="operatePermitRange"> |       <el-form-item label="经营范围" prop="operatePermitRange"> | ||||||
|         <el-input |         <el-input | ||||||
|           v-model="queryParams.operatePermitRange" |           v-model="queryParams.operatePermitRange" | ||||||
|           placeholder="请输入经营许可范围" |           placeholder="请输入经营许可范围" | ||||||
| @ -114,7 +114,7 @@ | |||||||
|           class="!w-240px" |           class="!w-240px" | ||||||
|         /> |         /> | ||||||
|       </el-form-item> |       </el-form-item> | ||||||
|       <el-form-item label="是否涉及危化证" prop="isSecure"> |       <el-form-item label="是否涉危" prop="isSecure"> | ||||||
|         <el-select |         <el-select | ||||||
|           v-model="queryParams.isSecure" |           v-model="queryParams.isSecure" | ||||||
|           placeholder="请选择是否涉及危化证" |           placeholder="请选择是否涉及危化证" | ||||||
| @ -181,7 +181,7 @@ | |||||||
|         width="180px" |         width="180px" | ||||||
|       /> |       /> | ||||||
|       <el-table-column label="企业名称" align="center" prop="name" /> |       <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="unifiedCreditCode" /> | ||||||
|       <el-table-column label="电话" align="center" prop="telephone" /> |       <el-table-column label="电话" align="center" prop="telephone" /> | ||||||
|       <el-table-column label="邮箱" align="center" prop="mailbox" /> |       <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="enterpriseBelongingToIndustry" /> | ||||||
|       <el-table-column label="登记机关" align="center" prop="registerOffice" /> |       <el-table-column label="登记机关" align="center" prop="registerOffice" /> | ||||||
|       <el-table-column label="经营许可范围" align="center" prop="operatePermitRange" /> |       <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"> |         <template #default="scope"> | ||||||
|           <dict-tag :type="DICT_TYPE.ENTERPRISE_IS_SECURITY" :value="scope.row.isSecure" /> |           <dict-tag :type="DICT_TYPE.ENTERPRISE_IS_SECURITY" :value="scope.row.isSecure" /> | ||||||
|         </template> |         </template> | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user