|
|
|
|
@ -8,7 +8,22 @@
|
|
|
|
|
v-loading="formLoading" |
|
|
|
|
> |
|
|
|
|
<el-form-item label="选择企业" prop="enterpriseId"> |
|
|
|
|
<el-input v-model="formData.enterpriseId" placeholder="请输入企业ID" /> |
|
|
|
|
<el-select |
|
|
|
|
v-model="formData.enterpriseId" |
|
|
|
|
filterable |
|
|
|
|
remote |
|
|
|
|
reserve-keyword |
|
|
|
|
placeholder="请输入企业名称搜索" |
|
|
|
|
:remote-method="remoteSearchEnterprise" |
|
|
|
|
:loading="enterpriseLoading" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in enterpriseOptions" |
|
|
|
|
:key="item.id" |
|
|
|
|
:label="item.enterprisesName" |
|
|
|
|
:value="item.id" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="资质名称" prop="qualificationName"> |
|
|
|
|
<el-select v-model="formData.qualificationName" placeholder="请选择资质名称"> |
|
|
|
|
@ -29,15 +44,10 @@
|
|
|
|
|
placeholder="选择资质到期日期" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="资质描述，详细说明资质信息" prop="qualificationDescription"> |
|
|
|
|
<el-form-item label="资质描述" prop="qualificationDescription"> |
|
|
|
|
<Editor v-model="formData.qualificationDescription" height="150px" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="修改人" prop="updateBy"> |
|
|
|
|
<el-input v-model="formData.updateBy" placeholder="请输入修改人" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="创建人" prop="createBy"> |
|
|
|
|
<el-input v-model="formData.createBy" placeholder="请输入创建人" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="办理日期" prop="handleDate"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="formData.handleDate" |
|
|
|
|
@ -50,6 +60,9 @@
|
|
|
|
|
<el-input v-model="formData.enterpriseAuth" placeholder="请输入资质编号" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<el-form-item label="资质图片" prop="files"> |
|
|
|
|
<UploadImgs v-model="fileIds" :limit="3" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<template #footer> |
|
|
|
|
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button> |
|
|
|
|
<el-button @click="dialogVisible = false">取 消</el-button> |
|
|
|
|
@ -58,13 +71,15 @@
|
|
|
|
|
</template> |
|
|
|
|
<script setup lang="ts"> |
|
|
|
|
import { EnterpriseQualificationApi, EnterpriseQualificationVO } from '@/api/qualification' |
|
|
|
|
|
|
|
|
|
import { EnterprisesApi } from '@/api/enterprises' |
|
|
|
|
/** 企业资质 表单 */ |
|
|
|
|
defineOptions({ name: 'EnterpriseQualificationForm' }) |
|
|
|
|
import { getIntDictOptions, DICT_TYPE } from '@/utils/dict' |
|
|
|
|
const { t } = useI18n() // 国际化 |
|
|
|
|
const message = useMessage() // 消息弹窗 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
|
|
|
const dialogTitle = ref('') // 弹窗的标题 |
|
|
|
|
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用 |
|
|
|
|
@ -79,11 +94,38 @@ const formData = ref({
|
|
|
|
|
createBy: undefined, |
|
|
|
|
handleDate: undefined, |
|
|
|
|
enterpriseAuth: undefined, |
|
|
|
|
files: [] as any[], |
|
|
|
|
}) |
|
|
|
|
const formRules = reactive({ |
|
|
|
|
qualificationName: [{ required: true, message: '资质名称，例如：排污许可证、环保合格证不能为空', trigger: 'blur' }], |
|
|
|
|
}) |
|
|
|
|
const formRef = ref() // 表单 Ref |
|
|
|
|
const fileIds=ref([]) |
|
|
|
|
|
|
|
|
|
// 添加企业搜索相关的响应式变量 |
|
|
|
|
const enterpriseLoading = ref(false) |
|
|
|
|
const enterpriseOptions = ref([]) |
|
|
|
|
|
|
|
|
|
// 远程搜索企业的方法 |
|
|
|
|
const remoteSearchEnterprise = async (query: string) => { |
|
|
|
|
if (query === '') { |
|
|
|
|
enterpriseOptions.value = [] |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
enterpriseLoading.value = true |
|
|
|
|
try { |
|
|
|
|
const res = await EnterprisesApi.getEnterprisesPage({ |
|
|
|
|
pageNo: 1, |
|
|
|
|
pageSize: 5, |
|
|
|
|
enterprisesName: query |
|
|
|
|
}) |
|
|
|
|
enterpriseOptions.value = res.list |
|
|
|
|
} finally { |
|
|
|
|
enterpriseLoading.value = false |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** 打开弹窗 */ |
|
|
|
|
const open = async (type: string, id?: number) => { |
|
|
|
|
@ -95,7 +137,17 @@ const open = async (type: string, id?: number) => {
|
|
|
|
|
if (id) { |
|
|
|
|
formLoading.value = true |
|
|
|
|
try { |
|
|
|
|
formData.value = await EnterpriseQualificationApi.getEnterpriseQualification(id) |
|
|
|
|
let res1 = await EnterpriseQualificationApi.getEnterpriseQualification(id) |
|
|
|
|
formData.value = res1; |
|
|
|
|
// 确保资质名称是数字类型 |
|
|
|
|
formData.value.qualificationName = parseInt(formData.value.qualificationName) |
|
|
|
|
fileIds.value = res1.files |
|
|
|
|
// 根据企业ID获取企业信息并设置下拉框选项 |
|
|
|
|
// 获取企业详情 |
|
|
|
|
if (formData.value.enterpriseId) { |
|
|
|
|
const res = await EnterprisesApi.getEnterprises(formData.value.enterpriseId) |
|
|
|
|
enterpriseOptions.value = [res] |
|
|
|
|
} |
|
|
|
|
} finally { |
|
|
|
|
formLoading.value = false |
|
|
|
|
} |
|
|
|
|
@ -111,7 +163,9 @@ const submitForm = async () => {
|
|
|
|
|
// 提交请求 |
|
|
|
|
formLoading.value = true |
|
|
|
|
try { |
|
|
|
|
formData.value.files = fileIds.value.map(f => ( f.id )) |
|
|
|
|
const data = formData.value as unknown as EnterpriseQualificationVO |
|
|
|
|
|
|
|
|
|
if (formType.value === 'create') { |
|
|
|
|
await EnterpriseQualificationApi.createEnterpriseQualification(data) |
|
|
|
|
message.success(t('common.createSuccess')) |
|
|
|
|
|
