|
|
@ -0,0 +1,445 @@
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
|
|
|
<Dialog :title="dialogTitle" v-model="dialogVisible">
|
|
|
|
|
|
|
|
<el-form
|
|
|
|
|
|
|
|
ref="formRef"
|
|
|
|
|
|
|
|
:model="formData"
|
|
|
|
|
|
|
|
:rules="formRules"
|
|
|
|
|
|
|
|
label-width="100px"
|
|
|
|
|
|
|
|
v-loading="formLoading"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<el-form-item label="企业名称" prop="name">
|
|
|
|
|
|
|
|
<el-input v-model="formData.name" placeholder="请输入企业名称" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="企业简称" prop="shortName">
|
|
|
|
|
|
|
|
<el-input v-model="formData.shortName" placeholder="请输入企业简称" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="主体类型" prop="mainType">
|
|
|
|
|
|
|
|
<el-select v-model="formData.mainType" placeholder="请选择主体类型">
|
|
|
|
|
|
|
|
<el-option
|
|
|
|
|
|
|
|
v-for="dict in getStrDictOptions(DICT_TYPE.MAIN_TYPE)"
|
|
|
|
|
|
|
|
:key="dict.value"
|
|
|
|
|
|
|
|
:label="dict.label"
|
|
|
|
|
|
|
|
:value="dict.value"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="所在城市" prop="city">
|
|
|
|
|
|
|
|
<el-input v-model="formData.city" placeholder="请输入所在城市" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="行业类型" prop="dutyType">
|
|
|
|
|
|
|
|
<el-select v-model="formData.dutyType" placeholder="请选择行业类型">
|
|
|
|
|
|
|
|
<el-option
|
|
|
|
|
|
|
|
v-for="dict in getStrDictOptions(DICT_TYPE.DUTY_TYPE)"
|
|
|
|
|
|
|
|
:key="dict.value"
|
|
|
|
|
|
|
|
:label="dict.label"
|
|
|
|
|
|
|
|
:value="dict.value"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="首联系人" prop="firstConcat">
|
|
|
|
|
|
|
|
<el-input v-model="formData.firstConcat" placeholder="请输入首联系人" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="职位" prop="position">
|
|
|
|
|
|
|
|
<el-input v-model="formData.position" placeholder="请输入职位" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="手机号码" prop="phone">
|
|
|
|
|
|
|
|
<el-input v-model="formData.phone" placeholder="请输入手机号码" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="logo图片">
|
|
|
|
|
|
|
|
<UploadImg v-model="formData.logo" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="地址" prop="address">
|
|
|
|
|
|
|
|
<el-input v-model="formData.address" placeholder="请输入地址" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="企业电话" prop="enterprisePhone">
|
|
|
|
|
|
|
|
<el-input v-model="formData.enterprisePhone" placeholder="请输入企业电话" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="企业传真" prop="enterpriseFax">
|
|
|
|
|
|
|
|
<el-input v-model="formData.enterpriseFax" placeholder="请输入企业传真" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="企业网址" prop="enterpriseWebsite">
|
|
|
|
|
|
|
|
<el-input v-model="formData.enterpriseWebsite" placeholder="请输入企业网址" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="企业简介" prop="enterpriseRemark">
|
|
|
|
|
|
|
|
<el-input v-model="formData.enterpriseRemark" type="textarea" placeholder="请输入企业简介" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="税号" prop="dutyParagraph">
|
|
|
|
|
|
|
|
<el-input v-model="formData.dutyParagraph" placeholder="请输入税号" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="发票抬头" prop="invoiceHeader">
|
|
|
|
|
|
|
|
<el-input v-model="formData.invoiceHeader" placeholder="请输入发票抬头" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="开户银行" prop="openBank">
|
|
|
|
|
|
|
|
<el-input v-model="formData.openBank" placeholder="请输入开户银行" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="银行卡号" prop="bankAccount">
|
|
|
|
|
|
|
|
<el-input v-model="formData.bankAccount" placeholder="请输入银行卡号" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="银行电话" prop="bankPhone">
|
|
|
|
|
|
|
|
<el-input v-model="formData.bankPhone" placeholder="请输入银行电话" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="注册地址" prop="registerAddress">
|
|
|
|
|
|
|
|
<el-input v-model="formData.registerAddress" placeholder="请输入注册地址" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="经营开始时间" prop="startDate">
|
|
|
|
|
|
|
|
<el-date-picker
|
|
|
|
|
|
|
|
v-model="formData.startDate"
|
|
|
|
|
|
|
|
type="date"
|
|
|
|
|
|
|
|
value-format="x"
|
|
|
|
|
|
|
|
placeholder="选择经营开始时间"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="经营结束时间" prop="endDate">
|
|
|
|
|
|
|
|
<el-date-picker
|
|
|
|
|
|
|
|
v-model="formData.endDate"
|
|
|
|
|
|
|
|
type="date"
|
|
|
|
|
|
|
|
value-format="x"
|
|
|
|
|
|
|
|
placeholder="选择经营结束时间"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="证件照">
|
|
|
|
|
|
|
|
<UploadImg v-model="formData.photo" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="经营范围" prop="businessScope">
|
|
|
|
|
|
|
|
<el-input v-model="formData.businessScope" type="textarea" placeholder="请输入经营范围" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="邮箱" prop="email">
|
|
|
|
|
|
|
|
<el-input v-model="formData.email" placeholder="请输入邮箱" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="法人证件照1">
|
|
|
|
|
|
|
|
<UploadImg v-model="formData.legalPersonPhoto1" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="法人证件照2">
|
|
|
|
|
|
|
|
<UploadImg v-model="formData.legalPersonPhoto2" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="法人证件照3">
|
|
|
|
|
|
|
|
<UploadImg v-model="formData.legalPersonPhoto3" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="法人证件类型(0:身份证 1:护照)" prop="legalCertificateType">
|
|
|
|
|
|
|
|
<el-select v-model="formData.legalCertificateType" placeholder="请选择法人证件类型(0:身份证 1:护照)">
|
|
|
|
|
|
|
|
<el-option
|
|
|
|
|
|
|
|
v-for="dict in getStrDictOptions(DICT_TYPE.CERTIFICATE_TYPE)"
|
|
|
|
|
|
|
|
:key="dict.value"
|
|
|
|
|
|
|
|
:label="dict.label"
|
|
|
|
|
|
|
|
:value="dict.value"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="法人姓名" prop="legalPersonName">
|
|
|
|
|
|
|
|
<el-input v-model="formData.legalPersonName" placeholder="请输入法人姓名" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="法人证件号" prop="legalCardNo">
|
|
|
|
|
|
|
|
<el-input v-model="formData.legalCardNo" placeholder="请输入法人证件号" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="法人生日" prop="legalBirthday">
|
|
|
|
|
|
|
|
<el-input v-model="formData.legalBirthday" placeholder="请输入法人生日" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="法人证件有效开始时间" prop="legalCardStart">
|
|
|
|
|
|
|
|
<el-date-picker
|
|
|
|
|
|
|
|
v-model="formData.legalCardStart"
|
|
|
|
|
|
|
|
type="date"
|
|
|
|
|
|
|
|
value-format="x"
|
|
|
|
|
|
|
|
placeholder="选择法人证件有效开始时间"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="法人证件有效结束时间" prop="legalCardEnd">
|
|
|
|
|
|
|
|
<el-date-picker
|
|
|
|
|
|
|
|
v-model="formData.legalCardEnd"
|
|
|
|
|
|
|
|
type="date"
|
|
|
|
|
|
|
|
value-format="x"
|
|
|
|
|
|
|
|
placeholder="选择法人证件有效结束时间"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人证件照1">
|
|
|
|
|
|
|
|
<UploadImg v-model="formData.commissionPersonPhoto1" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人证件照2">
|
|
|
|
|
|
|
|
<UploadImg v-model="formData.commissionPersonPhoto2" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人证件照3">
|
|
|
|
|
|
|
|
<UploadImg v-model="formData.commissionPersonPhoto3" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人证件照4">
|
|
|
|
|
|
|
|
<UploadImg v-model="formData.commissionPersonPhoto4" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人姓名" prop="commissionPersonName">
|
|
|
|
|
|
|
|
<el-input v-model="formData.commissionPersonName" placeholder="请输入代办人姓名" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人证件号" prop="commissionCardNo">
|
|
|
|
|
|
|
|
<el-input v-model="formData.commissionCardNo" placeholder="请输入代办人证件号" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人生日" prop="commissionBirthday">
|
|
|
|
|
|
|
|
<el-input v-model="formData.commissionBirthday" placeholder="请输入代办人生日" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人证件有效开始时间" prop="commissionCardStart">
|
|
|
|
|
|
|
|
<el-date-picker
|
|
|
|
|
|
|
|
v-model="formData.commissionCardStart"
|
|
|
|
|
|
|
|
type="date"
|
|
|
|
|
|
|
|
value-format="x"
|
|
|
|
|
|
|
|
placeholder="选择代办人证件有效开始时间"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人证件有效结束时间" prop="commissionCardEnd">
|
|
|
|
|
|
|
|
<el-date-picker
|
|
|
|
|
|
|
|
v-model="formData.commissionCardEnd"
|
|
|
|
|
|
|
|
type="date"
|
|
|
|
|
|
|
|
value-format="x"
|
|
|
|
|
|
|
|
placeholder="选择代办人证件有效结束时间"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="描述" prop="description">
|
|
|
|
|
|
|
|
<el-input v-model="formData.description" type="textarea" placeholder="请输入描述" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="企业代码" prop="code">
|
|
|
|
|
|
|
|
<el-input v-model="formData.code" placeholder="请输入企业代码" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="社会统一信息代码" prop="societyCode">
|
|
|
|
|
|
|
|
<el-input v-model="formData.societyCode" placeholder="请输入社会统一信息代码" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="办理人(0:法人 1:代办人)" prop="transactors">
|
|
|
|
|
|
|
|
<el-input v-model="formData.transactors" placeholder="请输入办理人(0:法人 1:代办人)" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="实际操作人(0:法人 1:代办人)" prop="operator">
|
|
|
|
|
|
|
|
<el-input v-model="formData.operator" placeholder="请输入实际操作人(0:法人 1:代办人)" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="法人证件有效期类型(0:长期 1:非长期)" prop="legalOperator">
|
|
|
|
|
|
|
|
<el-input v-model="formData.legalOperator" placeholder="请输入法人证件有效期类型(0:长期 1:非长期)" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人证件类型(0:身份证 1:护照)" prop="commissionCertificateType">
|
|
|
|
|
|
|
|
<el-select v-model="formData.commissionCertificateType" placeholder="请选择代办人证件类型(0:身份证 1:护照)">
|
|
|
|
|
|
|
|
<el-option label="请选择字典生成" value="" />
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人证件有效期类型(0:长期 1:非长期)" prop="commissionOperator">
|
|
|
|
|
|
|
|
<el-input v-model="formData.commissionOperator" placeholder="请输入代办人证件有效期类型(0:长期 1:非长期)" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="企业父id" prop="parentId">
|
|
|
|
|
|
|
|
<el-input v-model="formData.parentId" placeholder="请输入企业父id" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="总公司,子公司机构类型0总公司 1子公司" prop="enterpriseType">
|
|
|
|
|
|
|
|
<el-select v-model="formData.enterpriseType" placeholder="请选择总公司,子公司机构类型0总公司 1子公司">
|
|
|
|
|
|
|
|
<el-option
|
|
|
|
|
|
|
|
v-for="dict in getStrDictOptions(DICT_TYPE.ENTERPRISE_TYPE)"
|
|
|
|
|
|
|
|
:key="dict.value"
|
|
|
|
|
|
|
|
:label="dict.label"
|
|
|
|
|
|
|
|
:value="dict.value"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="企业状态,0启用,1禁用" prop="enterpriseStatus">
|
|
|
|
|
|
|
|
<el-radio-group v-model="formData.enterpriseStatus">
|
|
|
|
|
|
|
|
<el-radio
|
|
|
|
|
|
|
|
v-for="dict in getStrDictOptions(DICT_TYPE.CONTRACT_STATUS)"
|
|
|
|
|
|
|
|
:key="dict.value"
|
|
|
|
|
|
|
|
:label="dict.value"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
{{ dict.label }}
|
|
|
|
|
|
|
|
</el-radio>
|
|
|
|
|
|
|
|
</el-radio-group>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="平台对接人" prop="platformContactPerson">
|
|
|
|
|
|
|
|
<el-input v-model="formData.platformContactPerson" placeholder="请输入平台对接人" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="经营期限" prop="operatingPeriod">
|
|
|
|
|
|
|
|
<el-input v-model="formData.operatingPeriod" placeholder="请输入经营期限" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="法人证件有效期" prop="periodOfValidity">
|
|
|
|
|
|
|
|
<el-input v-model="formData.periodOfValidity" placeholder="请输入法人证件有效期" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="代办人证件有效期" prop="commissionPeriodOfValidity">
|
|
|
|
|
|
|
|
<el-input v-model="formData.commissionPeriodOfValidity" placeholder="请输入代办人证件有效期" />
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
</el-form>
|
|
|
|
|
|
|
|
<template #footer>
|
|
|
|
|
|
|
|
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
|
|
|
|
|
|
|
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
</Dialog>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
|
|
|
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
|
|
|
|
|
|
|
|
import * as EnterpriseApi from '@/api/system/enterprise'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const { t } = useI18n() // 国际化
|
|
|
|
|
|
|
|
const message = useMessage() // 消息弹窗
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const dialogVisible = ref(false) // 弹窗的是否展示
|
|
|
|
|
|
|
|
const dialogTitle = ref('') // 弹窗的标题
|
|
|
|
|
|
|
|
const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用
|
|
|
|
|
|
|
|
const formType = ref('') // 表单的类型:create - 新增;update - 修改
|
|
|
|
|
|
|
|
const formData = ref({
|
|
|
|
|
|
|
|
id: undefined,
|
|
|
|
|
|
|
|
name: undefined,
|
|
|
|
|
|
|
|
shortName: undefined,
|
|
|
|
|
|
|
|
mainType: undefined,
|
|
|
|
|
|
|
|
city: undefined,
|
|
|
|
|
|
|
|
dutyType: undefined,
|
|
|
|
|
|
|
|
firstConcat: undefined,
|
|
|
|
|
|
|
|
position: undefined,
|
|
|
|
|
|
|
|
phone: undefined,
|
|
|
|
|
|
|
|
logo: undefined,
|
|
|
|
|
|
|
|
address: undefined,
|
|
|
|
|
|
|
|
enterprisePhone: undefined,
|
|
|
|
|
|
|
|
enterpriseFax: undefined,
|
|
|
|
|
|
|
|
enterpriseWebsite: undefined,
|
|
|
|
|
|
|
|
enterpriseRemark: undefined,
|
|
|
|
|
|
|
|
dutyParagraph: undefined,
|
|
|
|
|
|
|
|
invoiceHeader: undefined,
|
|
|
|
|
|
|
|
openBank: undefined,
|
|
|
|
|
|
|
|
bankAccount: undefined,
|
|
|
|
|
|
|
|
bankPhone: undefined,
|
|
|
|
|
|
|
|
registerAddress: undefined,
|
|
|
|
|
|
|
|
startDate: undefined,
|
|
|
|
|
|
|
|
endDate: undefined,
|
|
|
|
|
|
|
|
photo: undefined,
|
|
|
|
|
|
|
|
businessScope: undefined,
|
|
|
|
|
|
|
|
email: undefined,
|
|
|
|
|
|
|
|
legalPersonPhoto1: undefined,
|
|
|
|
|
|
|
|
legalPersonPhoto2: undefined,
|
|
|
|
|
|
|
|
legalPersonPhoto3: undefined,
|
|
|
|
|
|
|
|
legalCertificateType: undefined,
|
|
|
|
|
|
|
|
legalPersonName: undefined,
|
|
|
|
|
|
|
|
legalCardNo: undefined,
|
|
|
|
|
|
|
|
legalBirthday: undefined,
|
|
|
|
|
|
|
|
legalCardStart: undefined,
|
|
|
|
|
|
|
|
legalCardEnd: undefined,
|
|
|
|
|
|
|
|
commissionPersonPhoto1: undefined,
|
|
|
|
|
|
|
|
commissionPersonPhoto2: undefined,
|
|
|
|
|
|
|
|
commissionPersonPhoto3: undefined,
|
|
|
|
|
|
|
|
commissionPersonPhoto4: undefined,
|
|
|
|
|
|
|
|
commissionPersonName: undefined,
|
|
|
|
|
|
|
|
commissionCardNo: undefined,
|
|
|
|
|
|
|
|
commissionBirthday: undefined,
|
|
|
|
|
|
|
|
commissionCardStart: undefined,
|
|
|
|
|
|
|
|
commissionCardEnd: undefined,
|
|
|
|
|
|
|
|
description: undefined,
|
|
|
|
|
|
|
|
code: undefined,
|
|
|
|
|
|
|
|
societyCode: undefined,
|
|
|
|
|
|
|
|
transactors: undefined,
|
|
|
|
|
|
|
|
operator: undefined,
|
|
|
|
|
|
|
|
legalOperator: undefined,
|
|
|
|
|
|
|
|
commissionCertificateType: undefined,
|
|
|
|
|
|
|
|
commissionOperator: undefined,
|
|
|
|
|
|
|
|
parentId: undefined,
|
|
|
|
|
|
|
|
enterpriseType: undefined,
|
|
|
|
|
|
|
|
enterpriseStatus: undefined,
|
|
|
|
|
|
|
|
platformContactPerson: undefined,
|
|
|
|
|
|
|
|
operatingPeriod: undefined,
|
|
|
|
|
|
|
|
periodOfValidity: undefined,
|
|
|
|
|
|
|
|
commissionPeriodOfValidity: undefined
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
const formRules = reactive({
|
|
|
|
|
|
|
|
name: [{ required: true, message: '企业名称不能为空', trigger: 'blur' }]
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
const formRef = ref() // 表单 Ref
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** 打开弹窗 */
|
|
|
|
|
|
|
|
const open = async (type: string, id?: number) => {
|
|
|
|
|
|
|
|
dialogVisible.value = true
|
|
|
|
|
|
|
|
dialogTitle.value = t('action.' + type)
|
|
|
|
|
|
|
|
formType.value = type
|
|
|
|
|
|
|
|
resetForm()
|
|
|
|
|
|
|
|
// 修改时,设置数据
|
|
|
|
|
|
|
|
if (id) {
|
|
|
|
|
|
|
|
formLoading.value = true
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
|
|
|
formData.value = await EnterpriseApi.getEnterprise(id)
|
|
|
|
|
|
|
|
} finally {
|
|
|
|
|
|
|
|
formLoading.value = false
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** 提交表单 */
|
|
|
|
|
|
|
|
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
|
|
|
|
|
|
|
|
const submitForm = async () => {
|
|
|
|
|
|
|
|
// 校验表单
|
|
|
|
|
|
|
|
if (!formRef) return
|
|
|
|
|
|
|
|
const valid = await formRef.value.validate()
|
|
|
|
|
|
|
|
if (!valid) return
|
|
|
|
|
|
|
|
// 提交请求
|
|
|
|
|
|
|
|
formLoading.value = true
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
|
|
|
const data = formData.value as unknown as EnterpriseApi.EnterpriseVO
|
|
|
|
|
|
|
|
if (formType.value === 'create') {
|
|
|
|
|
|
|
|
await EnterpriseApi.createEnterprise(data)
|
|
|
|
|
|
|
|
message.success(t('common.createSuccess'))
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
await EnterpriseApi.updateEnterprise(data)
|
|
|
|
|
|
|
|
message.success(t('common.updateSuccess'))
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
dialogVisible.value = false
|
|
|
|
|
|
|
|
// 发送操作成功的事件
|
|
|
|
|
|
|
|
emit('success')
|
|
|
|
|
|
|
|
} finally {
|
|
|
|
|
|
|
|
formLoading.value = false
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** 重置表单 */
|
|
|
|
|
|
|
|
const resetForm = () => {
|
|
|
|
|
|
|
|
formData.value = {
|
|
|
|
|
|
|
|
id: undefined,
|
|
|
|
|
|
|
|
name: undefined,
|
|
|
|
|
|
|
|
shortName: undefined,
|
|
|
|
|
|
|
|
mainType: undefined,
|
|
|
|
|
|
|
|
city: undefined,
|
|
|
|
|
|
|
|
dutyType: undefined,
|
|
|
|
|
|
|
|
firstConcat: undefined,
|
|
|
|
|
|
|
|
position: undefined,
|
|
|
|
|
|
|
|
phone: undefined,
|
|
|
|
|
|
|
|
logo: undefined,
|
|
|
|
|
|
|
|
address: undefined,
|
|
|
|
|
|
|
|
enterprisePhone: undefined,
|
|
|
|
|
|
|
|
enterpriseFax: undefined,
|
|
|
|
|
|
|
|
enterpriseWebsite: undefined,
|
|
|
|
|
|
|
|
enterpriseRemark: undefined,
|
|
|
|
|
|
|
|
dutyParagraph: undefined,
|
|
|
|
|
|
|
|
invoiceHeader: undefined,
|
|
|
|
|
|
|
|
openBank: undefined,
|
|
|
|
|
|
|
|
bankAccount: undefined,
|
|
|
|
|
|
|
|
bankPhone: undefined,
|
|
|
|
|
|
|
|
registerAddress: undefined,
|
|
|
|
|
|
|
|
startDate: undefined,
|
|
|
|
|
|
|
|
endDate: undefined,
|
|
|
|
|
|
|
|
photo: undefined,
|
|
|
|
|
|
|
|
businessScope: undefined,
|
|
|
|
|
|
|
|
email: undefined,
|
|
|
|
|
|
|
|
legalPersonPhoto1: undefined,
|
|
|
|
|
|
|
|
legalPersonPhoto2: undefined,
|
|
|
|
|
|
|
|
legalPersonPhoto3: undefined,
|
|
|
|
|
|
|
|
legalCertificateType: undefined,
|
|
|
|
|
|
|
|
legalPersonName: undefined,
|
|
|
|
|
|
|
|
legalCardNo: undefined,
|
|
|
|
|
|
|
|
legalBirthday: undefined,
|
|
|
|
|
|
|
|
legalCardStart: undefined,
|
|
|
|
|
|
|
|
legalCardEnd: undefined,
|
|
|
|
|
|
|
|
commissionPersonPhoto1: undefined,
|
|
|
|
|
|
|
|
commissionPersonPhoto2: undefined,
|
|
|
|
|
|
|
|
commissionPersonPhoto3: undefined,
|
|
|
|
|
|
|
|
commissionPersonPhoto4: undefined,
|
|
|
|
|
|
|
|
commissionPersonName: undefined,
|
|
|
|
|
|
|
|
commissionCardNo: undefined,
|
|
|
|
|
|
|
|
commissionBirthday: undefined,
|
|
|
|
|
|
|
|
commissionCardStart: undefined,
|
|
|
|
|
|
|
|
commissionCardEnd: undefined,
|
|
|
|
|
|
|
|
description: undefined,
|
|
|
|
|
|
|
|
code: undefined,
|
|
|
|
|
|
|
|
societyCode: undefined,
|
|
|
|
|
|
|
|
transactors: undefined,
|
|
|
|
|
|
|
|
operator: undefined,
|
|
|
|
|
|
|
|
legalOperator: undefined,
|
|
|
|
|
|
|
|
commissionCertificateType: undefined,
|
|
|
|
|
|
|
|
commissionOperator: undefined,
|
|
|
|
|
|
|
|
parentId: undefined,
|
|
|
|
|
|
|
|
enterpriseType: undefined,
|
|
|
|
|
|
|
|
enterpriseStatus: undefined,
|
|
|
|
|
|
|
|
platformContactPerson: undefined,
|
|
|
|
|
|
|
|
operatingPeriod: undefined,
|
|
|
|
|
|
|
|
periodOfValidity: undefined,
|
|
|
|
|
|
|
|
commissionPeriodOfValidity: undefined
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
formRef.value?.resetFields()
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</script>
|