This commit is contained in:
wangweidong 2025-10-31 11:09:40 +08:00
commit bc5465745f
9 changed files with 272 additions and 152 deletions

View File

@ -2,7 +2,8 @@
<div class="section-divider"> <div class="section-divider">
<!-- 左侧灰色横线 --> <!-- 左侧灰色横线 -->
<!-- <div class="left-line"></div> --> <!-- <div class="left-line"></div> -->
<img src="./section.svg" class="divider-icon" /> <!-- <img src="./section.svg" class="divider-icon" /> -->
<div class="left-icon"></div>
<!-- 标题文字 --> <!-- 标题文字 -->
<div class="divider-content"> <div class="divider-content">
<slot>{{ title }}</slot> <slot>{{ title }}</slot>
@ -26,7 +27,7 @@ export default {
.section-divider { .section-divider {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 5px 0 30px 20px; margin: 5px 0 14px 20px;
} }
/* 蓝色竖线(带圆角) */ /* 蓝色竖线(带圆角) */
@ -72,4 +73,12 @@ export default {
background-color: #ddd; /* 灰色 */ background-color: #ddd; /* 灰色 */
margin-left: 8px; /* 与文字的间距 */ margin-left: 8px; /* 与文字的间距 */
} }
.left-icon{
width: 8px;
height: 18px;
background-color: #1890ff;
margin-right: 8px;
border-radius: 10px;
}
</style> </style>

View File

@ -1,17 +1,14 @@
<template> <template>
<a-spin :spinning="confirmLoading"> <a-spin :spinning="confirmLoading">
<JFormContainer> <JFormContainer :disabled="disabled">
<template #detail> <template #detail>
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
name="OrgApplyInfoForm"> name="OrgApplyInfoForm">
<a-row> <a-row class="card-class">
<a-col :span="24"> <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
<SectionDivider :title="'机构信息'" /> <SectionDivider :title="'机构信息'" />
</a-col> </a-col>
</a-row>
<a-row>
<a-col :span="12"> <a-col :span="12">
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
@ -24,24 +21,31 @@
<a-col :span="24"> <a-col :span="24">
<a-form-item label="信用代码" v-bind="validateInfos.comCreditCode" id="OrgApplyInfoForm-comCreditCode" <a-form-item label="信用代码" v-bind="validateInfos.comCreditCode" id="OrgApplyInfoForm-comCreditCode"
name="comCreditCode"> name="comCreditCode">
{{ formData.comCreditCode }} <a-input v-model:value="formData.comCreditCode" placeholder="请输入信用代码" disabled
allow-clear></a-input>
<!-- {{ formData.comCreditCode }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="企业名称" v-bind="validateInfos.comName" id="OrgApplyInfoForm-comName" name="comName"> <a-form-item label="企业名称" v-bind="validateInfos.comName" id="OrgApplyInfoForm-comName" name="comName">
{{ formData.comName }} <a-input v-model:value="formData.comName" placeholder="请输入企业名称" disabled allow-clear></a-input>
<!-- {{ formData.comName }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="企业法人" v-bind="validateInfos.comLegalPerson" id="OrgApplyInfoForm-comLegalPerson" <a-form-item label="企业法人" v-bind="validateInfos.comLegalPerson" id="OrgApplyInfoForm-comLegalPerson"
name="comLegalPerson"> name="comLegalPerson">
{{ formData.comLegalPerson }} <a-input v-model:value="formData.comLegalPerson" placeholder="请输入企业法人" disabled
allow-clear></a-input>
<!-- {{ formData.comLegalPerson }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="注册地址" v-bind="validateInfos.comRegisterAddress" <a-form-item label="注册地址" v-bind="validateInfos.comRegisterAddress"
id="OrgApplyInfoForm-comRegisterAddress" name="comRegisterAddress"> id="OrgApplyInfoForm-comRegisterAddress" name="comRegisterAddress">
{{ formData.comRegisterAddress }} <a-textarea :autosize="{ minRows: 1 }" maxlength="50" disabled
v-model:value="formData.comRegisterAddress" allow-clear></a-textarea>
<!-- {{ formData.comRegisterAddress }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
@ -52,49 +56,57 @@
<a-col :span="24"> <a-col :span="24">
<a-form-item label="机构所在地" v-bind="validateInfos.cityViewValue" id="OrgApplyInfoForm-cityViewValue" <a-form-item label="机构所在地" v-bind="validateInfos.cityViewValue" id="OrgApplyInfoForm-cityViewValue"
name="cityViewValue"> name="cityViewValue">
{{ cityViewValue }} <a-textarea :autosize="{ minRows: 1 }" maxlength="50" disabled v-model:value="cityViewValue"
allow-clear></a-textarea>
<!-- {{ cityViewValue }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="机构负责人" v-bind="validateInfos.orgLeader" id="OrgApplyInfoForm-orgLeader" <a-form-item label="机构负责人" v-bind="validateInfos.orgLeader" id="OrgApplyInfoForm-orgLeader"
name="orgLeader"> name="orgLeader">
{{ formData.orgLeader }} <a-input v-model:value="formData.orgLeader" placeholder="请输入机构负责人" disabled allow-clear></a-input>
<!-- {{ formData.orgLeader }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="负责人电话" v-bind="validateInfos.orgLeaderPhone" id="OrgApplyInfoForm-orgLeaderPhone" <a-form-item label="负责人电话" v-bind="validateInfos.orgLeaderPhone" id="OrgApplyInfoForm-orgLeaderPhone"
name="orgLeaderPhone"> name="orgLeaderPhone">
{{ formData.orgLeaderPhone }} <a-input v-model:value="formData.orgLeaderPhone" placeholder="请输入负责人电话" disabled
allow-clear></a-input>
<!-- {{ formData.orgLeaderPhone }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="房屋性质" v-bind="validateInfos.orgPropertyType" id="OrgApplyInfoForm-orgPropertyType" <a-form-item label="房屋性质" v-bind="validateInfos.orgPropertyType" id="OrgApplyInfoForm-orgPropertyType"
name="orgPropertyType"> name="orgPropertyType">
{{ formData.orgPropertyType }} <a-input v-model:value="formData.orgPropertyType" placeholder="请输入房屋性质" disabled
allow-clear></a-input>
<!-- {{ formData.orgPropertyType }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="建筑面积" v-bind="validateInfos.orgBuildingArea" id="OrgApplyInfoForm-orgBuildingArea" <a-form-item label="建筑面积(㎡)" v-bind="validateInfos.orgBuildingArea" id="OrgApplyInfoForm-orgBuildingArea"
name="orgBuildingArea"> name="orgBuildingArea">
{{ formData.orgBuildingArea }} <a-input v-model:value="formData.orgBuildingArea" placeholder="请输入建筑面积" disabled
allow-clear></a-input>
<!-- {{ formData.orgBuildingArea }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="机构地址" v-bind="validateInfos.orgAddress" id="OrgApplyInfoForm-orgAddress" <a-form-item label="机构地址" v-bind="validateInfos.orgAddress" id="OrgApplyInfoForm-orgAddress"
name="orgAddress"> name="orgAddress">
{{ formData.orgAddress }} <a-input v-model:value="formData.orgAddress" placeholder="请输入机构地址" disabled allow-clear></a-input>
<!-- {{ formData.orgAddress }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row class="card-class">
<a-col :span="24"> <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
<SectionDivider :title="'申请人身份证'" /> <SectionDivider :title="'申请人身份证'" />
</a-col> </a-col>
</a-row>
<a-row>
<a-col :span="12"> <a-col :span="12">
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
@ -105,35 +117,43 @@
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="姓名" v-bind="validateInfos.name" id="OrgApplyInfoForm-name" name="name"> <a-form-item label="姓名" v-bind="validateInfos.name" id="OrgApplyInfoForm-name" name="name">
{{ formData.name }} <a-input v-model:value="formData.name" placeholder="请输入姓名" disabled allow-clear></a-input>
<!-- {{ formData.name }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="性别" v-bind="validateInfos.sex" id="OrgApplyInfoForm-sex" name="sex"> <a-form-item label="性别" v-bind="validateInfos.sex" id="OrgApplyInfoForm-sex" name="sex">
{{ formData.sex }} <a-input v-model:value="formData.sex" placeholder="请输入性别" disabled allow-clear></a-input>
<!-- {{ formData.sex }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="民族" v-bind="validateInfos.national" id="OrgApplyInfoForm-national" <a-form-item label="民族" v-bind="validateInfos.national" id="OrgApplyInfoForm-national"
name="national"> name="national">
{{ formData.national }} <a-input v-model:value="formData.national" placeholder="请输入民族" disabled allow-clear></a-input>
<!-- {{ formData.national }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="出生日期" v-bind="validateInfos.birthDate" id="OrgApplyInfoForm-birthDate" <a-form-item label="出生日期" v-bind="validateInfos.birthDate" id="OrgApplyInfoForm-birthDate"
name="birthDate"> name="birthDate">
{{ formData.birthDate ? formData.birthDate.substring(0, 10) : "" }} <a-date-picker placeholder="请选择出生日期" v-model:value="formData.birthDate" disabled
value-format="YYYY-MM-DD" style="width: 100%" allow-clear />
<!-- {{ formData.birthDate ? formData.birthDate.substring(0, 10) : "" }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="身份证号" v-bind="validateInfos.idCard" id="OrgApplyInfoForm-idCard" name="idCard"> <a-form-item label="身份证号" v-bind="validateInfos.idCard" id="OrgApplyInfoForm-idCard" name="idCard">
{{ formData.idCard }} <a-input v-model:value="formData.idCard" placeholder="请输入身份证号" disabled allow-clear></a-input>
<!-- {{ formData.idCard }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="住址" v-bind="validateInfos.idCardAddress" id="OrgApplyInfoForm-idCardAddress" <a-form-item label="住址" v-bind="validateInfos.idCardAddress" id="OrgApplyInfoForm-idCardAddress"
name="idCardAddress"> name="idCardAddress">
{{ formData.idCardAddress }} <a-textarea :autosize="{ minRows: 1 }" maxlength="50" disabled
v-model:value="formData.idCardAddress" allow-clear></a-textarea>
<!-- {{ formData.idCardAddress }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
@ -149,21 +169,27 @@
<a-col :span="24"> <a-col :span="24">
<a-form-item label="有效开始日期" v-bind="validateInfos.startTime" id="OrgApplyInfoForm-startTime" <a-form-item label="有效开始日期" v-bind="validateInfos.startTime" id="OrgApplyInfoForm-startTime"
name="startTime"> name="startTime">
{{ formData.startTime ? formData.startTime.substring(0, 10) : "" }} <a-date-picker placeholder="请选择有效开始日期" v-model:value="formData.startTime" disabled
value-format="YYYY-MM-DD" style="width: 100%" allow-clear />
<!-- {{ formData.startTime ? formData.startTime.substring(0, 10) : "" }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="有效结束日期" v-bind="validateInfos.endTime" id="OrgApplyInfoForm-endTime" <a-form-item label="有效结束日期" v-bind="validateInfos.endTime" id="OrgApplyInfoForm-endTime"
name="endTime"> name="endTime">
{{ formData.endTime <a-date-picker placeholder="请选择有效结束日期" v-model:value="formData.endTime" disabled
value-format="YYYY-MM-DD" style="width: 100%" allow-clear />
<!-- {{ formData.endTime
? (formData.endTime.substring(0, 10) == '9999-12-31' ? '长期' : formData.endTime.substring(0, 10)) ? (formData.endTime.substring(0, 10) == '9999-12-31' ? '长期' : formData.endTime.substring(0, 10))
: "" }} : "" }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="签发机关" v-bind="validateInfos.issuingAuthority" <a-form-item label="签发机关" v-bind="validateInfos.issuingAuthority"
id="OrgApplyInfoForm-issuingAuthority" name="issuingAuthority"> id="OrgApplyInfoForm-issuingAuthority" name="issuingAuthority">
{{ formData.issuingAuthority }} <a-input v-model:value="formData.issuingAuthority" placeholder="请输入签发机关" disabled
allow-clear></a-input>
<!-- {{ formData.issuingAuthority }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
@ -405,4 +431,17 @@ defineExpose({
.antd-modal-form { .antd-modal-form {
padding: 14px; padding: 14px;
} }
.card-class {
padding-top: 24px;
padding-bottom: 24px;
padding-left: 14px;
padding-right: 14px;
// background-color: rgba(255, 255, 255, 0.9);
background-color: #fcfdff;
border-radius: 10px;
// box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;
margin-bottom: 14px;
}
</style> </style>

View File

@ -1,6 +1,6 @@
<template> <template>
<a-drawer :title="title" :width="`70vw`" v-model:visible="visible" :closable="true" <a-drawer :title="title" :width="`70vw`" v-model:visible="visible" :closable="true"
:footer-style="{ textAlign: 'right' }" @close="handleCancel"> :footer-style="{ textAlign: 'right' }" :bodyStyle="{padding:'0px'}" @close="handleCancel">
<OrgApplyInfoForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"> <OrgApplyInfoForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false">
</OrgApplyInfoForm> </OrgApplyInfoForm>
<template #footer> <template #footer>

View File

@ -1,17 +1,14 @@
<template> <template>
<a-spin :spinning="confirmLoading"> <a-spin :spinning="confirmLoading">
<JFormContainer> <JFormContainer :disabled="disabled">
<template #detail> <template #detail>
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
name="OrgApplyInfoForm"> name="OrgApplyInfoForm">
<a-row> <a-row class="card-class">
<a-col :span="24"> <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
<SectionDivider :title="'机构信息'" /> <SectionDivider :title="'机构信息'" />
</a-col> </a-col>
</a-row>
<a-row>
<a-col :span="12"> <a-col :span="12">
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
@ -24,24 +21,31 @@
<a-col :span="24"> <a-col :span="24">
<a-form-item label="信用代码" v-bind="validateInfos.comCreditCode" id="OrgApplyInfoForm-comCreditCode" <a-form-item label="信用代码" v-bind="validateInfos.comCreditCode" id="OrgApplyInfoForm-comCreditCode"
name="comCreditCode"> name="comCreditCode">
{{ formData.comCreditCode }} <a-input v-model:value="formData.comCreditCode" placeholder="请输入信用代码" disabled
allow-clear></a-input>
<!-- {{ formData.comCreditCode }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="企业名称" v-bind="validateInfos.comName" id="OrgApplyInfoForm-comName" name="comName"> <a-form-item label="企业名称" v-bind="validateInfos.comName" id="OrgApplyInfoForm-comName" name="comName">
{{ formData.comName }} <a-input v-model:value="formData.comName" placeholder="请输入企业名称" disabled allow-clear></a-input>
<!-- {{ formData.comName }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="企业法人" v-bind="validateInfos.comLegalPerson" id="OrgApplyInfoForm-comLegalPerson" <a-form-item label="企业法人" v-bind="validateInfos.comLegalPerson" id="OrgApplyInfoForm-comLegalPerson"
name="comLegalPerson"> name="comLegalPerson">
{{ formData.comLegalPerson }} <a-input v-model:value="formData.comLegalPerson" placeholder="请输入企业法人" disabled
allow-clear></a-input>
<!-- {{ formData.comLegalPerson }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="注册地址" v-bind="validateInfos.comRegisterAddress" <a-form-item label="注册地址" v-bind="validateInfos.comRegisterAddress"
id="OrgApplyInfoForm-comRegisterAddress" name="comRegisterAddress"> id="OrgApplyInfoForm-comRegisterAddress" name="comRegisterAddress">
{{ formData.comRegisterAddress }} <a-textarea :autosize="{ minRows: 1 }" maxlength="50" disabled
v-model:value="formData.comRegisterAddress" allow-clear></a-textarea>
<!-- {{ formData.comRegisterAddress }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
@ -52,49 +56,58 @@
<a-col :span="24"> <a-col :span="24">
<a-form-item label="机构所在地" v-bind="validateInfos.cityViewValue" id="OrgApplyInfoForm-cityViewValue" <a-form-item label="机构所在地" v-bind="validateInfos.cityViewValue" id="OrgApplyInfoForm-cityViewValue"
name="cityViewValue"> name="cityViewValue">
{{ cityViewValue }} <a-textarea :autosize="{ minRows: 1 }" maxlength="50" disabled v-model:value="cityViewValue"
allow-clear></a-textarea>
<!-- {{ cityViewValue }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="机构负责人" v-bind="validateInfos.orgLeader" id="OrgApplyInfoForm-orgLeader" <a-form-item label="机构负责人" v-bind="validateInfos.orgLeader" id="OrgApplyInfoForm-orgLeader"
name="orgLeader"> name="orgLeader">
{{ formData.orgLeader }} <a-input v-model:value="formData.orgLeader" placeholder="请输入机构负责人" disabled allow-clear></a-input>
<!-- {{ formData.orgLeader }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="负责人电话" v-bind="validateInfos.orgLeaderPhone" id="OrgApplyInfoForm-orgLeaderPhone" <a-form-item label="负责人电话" v-bind="validateInfos.orgLeaderPhone" id="OrgApplyInfoForm-orgLeaderPhone"
name="orgLeaderPhone"> name="orgLeaderPhone">
{{ formData.orgLeaderPhone }} <a-input v-model:value="formData.orgLeaderPhone" placeholder="请输入负责人电话" disabled
allow-clear></a-input>
<!-- {{ formData.orgLeaderPhone }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="房屋性质" v-bind="validateInfos.orgPropertyType" id="OrgApplyInfoForm-orgPropertyType" <a-form-item label="房屋性质" v-bind="validateInfos.orgPropertyType" id="OrgApplyInfoForm-orgPropertyType"
name="orgPropertyType"> name="orgPropertyType">
{{ formData.orgPropertyType }} <a-input v-model:value="formData.orgPropertyType" placeholder="请输入房屋性质" disabled
allow-clear></a-input>
<!-- {{ formData.orgPropertyType }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="建筑面积" v-bind="validateInfos.orgBuildingArea" id="OrgApplyInfoForm-orgBuildingArea" <a-form-item label="建筑面积(㎡)" v-bind="validateInfos.orgBuildingArea"
name="orgBuildingArea"> id="OrgApplyInfoForm-orgBuildingArea" name="orgBuildingArea">
{{ formData.orgBuildingArea }} <a-input v-model:value="formData.orgBuildingArea" placeholder="请输入建筑面积" disabled
allow-clear></a-input>
<!-- {{ formData.orgBuildingArea }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="机构地址" v-bind="validateInfos.orgAddress" id="OrgApplyInfoForm-orgAddress" <a-form-item label="机构地址" v-bind="validateInfos.orgAddress" id="OrgApplyInfoForm-orgAddress"
name="orgAddress"> name="orgAddress">
{{ formData.orgAddress }} <a-textarea :autosize="{ minRows: 1 }" maxlength="50" disabled v-model:value="formData.orgAddress"
allow-clear></a-textarea>
<!-- {{ formData.orgAddress }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row class="card-class">
<a-col :span="24"> <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
<SectionDivider :title="'申请人身份证'" /> <SectionDivider :title="'申请人身份证'" />
</a-col> </a-col>
</a-row>
<a-row>
<a-col :span="12"> <a-col :span="12">
<a-row> <a-row>
<a-col :span="24"> <a-col :span="24">
@ -105,35 +118,43 @@
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="姓名" v-bind="validateInfos.name" id="OrgApplyInfoForm-name" name="name"> <a-form-item label="姓名" v-bind="validateInfos.name" id="OrgApplyInfoForm-name" name="name">
{{ formData.name }} <a-input v-model:value="formData.name" placeholder="请输入姓名" disabled allow-clear></a-input>
<!-- {{ formData.name }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="性别" v-bind="validateInfos.sex" id="OrgApplyInfoForm-sex" name="sex"> <a-form-item label="性别" v-bind="validateInfos.sex" id="OrgApplyInfoForm-sex" name="sex">
{{ formData.sex }} <a-input v-model:value="formData.sex" placeholder="请输入性别" disabled allow-clear></a-input>
<!-- {{ formData.sex }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="民族" v-bind="validateInfos.national" id="OrgApplyInfoForm-national" <a-form-item label="民族" v-bind="validateInfos.national" id="OrgApplyInfoForm-national"
name="national"> name="national">
{{ formData.national }} <a-input v-model:value="formData.national" placeholder="请输入民族" disabled allow-clear></a-input>
<!-- {{ formData.national }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="出生日期" v-bind="validateInfos.birthDate" id="OrgApplyInfoForm-birthDate" <a-form-item label="出生日期" v-bind="validateInfos.birthDate" id="OrgApplyInfoForm-birthDate"
name="birthDate"> name="birthDate">
{{ formData.birthDate ? formData.birthDate.substring(0, 10) : "" }} <a-date-picker placeholder="请选择出生日期" v-model:value="formData.birthDate" disabled
value-format="YYYY-MM-DD" style="width: 100%" allow-clear />
<!-- {{ formData.birthDate ? formData.birthDate.substring(0, 10) : "" }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="身份证号" v-bind="validateInfos.idCard" id="OrgApplyInfoForm-idCard" name="idCard"> <a-form-item label="身份证号" v-bind="validateInfos.idCard" id="OrgApplyInfoForm-idCard" name="idCard">
{{ formData.idCard }} <a-input v-model:value="formData.idCard" placeholder="请输入身份证号" disabled allow-clear></a-input>
<!-- {{ formData.idCard }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="住址" v-bind="validateInfos.idCardAddress" id="OrgApplyInfoForm-idCardAddress" <a-form-item label="住址" v-bind="validateInfos.idCardAddress" id="OrgApplyInfoForm-idCardAddress"
name="idCardAddress"> name="idCardAddress">
{{ formData.idCardAddress }} <a-textarea :autosize="{ minRows: 1 }" maxlength="50" disabled
v-model:value="formData.idCardAddress" allow-clear></a-textarea>
<!-- {{ formData.idCardAddress }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
@ -149,33 +170,37 @@
<a-col :span="24"> <a-col :span="24">
<a-form-item label="有效开始日期" v-bind="validateInfos.startTime" id="OrgApplyInfoForm-startTime" <a-form-item label="有效开始日期" v-bind="validateInfos.startTime" id="OrgApplyInfoForm-startTime"
name="startTime"> name="startTime">
{{ formData.startTime ? formData.startTime.substring(0, 10) : "" }} <a-date-picker placeholder="请选择有效开始日期" v-model:value="formData.startTime" disabled
value-format="YYYY-MM-DD" style="width: 100%" allow-clear />
<!-- {{ formData.startTime ? formData.startTime.substring(0, 10) : "" }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="有效结束日期" v-bind="validateInfos.endTime" id="OrgApplyInfoForm-endTime" <a-form-item label="有效结束日期" v-bind="validateInfos.endTime" id="OrgApplyInfoForm-endTime"
name="endTime"> name="endTime">
{{ formData.endTime <a-date-picker placeholder="请选择有效结束日期" v-model:value="formData.endTime" disabled
value-format="YYYY-MM-DD" style="width: 100%" allow-clear />
<!-- {{ formData.endTime
? (formData.endTime.substring(0, 10) == '9999-12-31' ? '长期' : formData.endTime.substring(0, 10)) ? (formData.endTime.substring(0, 10) == '9999-12-31' ? '长期' : formData.endTime.substring(0, 10))
: "" }} : "" }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="24"> <a-col :span="24">
<a-form-item label="签发机关" v-bind="validateInfos.issuingAuthority" <a-form-item label="签发机关" v-bind="validateInfos.issuingAuthority"
id="OrgApplyInfoForm-issuingAuthority" name="issuingAuthority"> id="OrgApplyInfoForm-issuingAuthority" name="issuingAuthority">
{{ formData.issuingAuthority }} <a-input v-model:value="formData.issuingAuthority" placeholder="请输入签发机关" disabled
allow-clear></a-input>
<!-- {{ formData.issuingAuthority }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row class="card-class">
<a-col :span="24"> <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
<SectionDivider :title="'加盟审核'" /> <SectionDivider :title="'加盟审核'" />
</a-col> </a-col>
</a-row>
<a-row>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="审核意见" v-bind="validateInfos.status" id="OrgApplyInfoForm-status" name="status"> <a-form-item label="审核意见" v-bind="validateInfos.status" id="OrgApplyInfoForm-status" name="status">
<a-select v-model:value="formData.status" style="width: 200px" placeholder="请选择审核意见" <a-select v-model:value="formData.status" style="width: 200px" placeholder="请选择审核意见"
@ -193,12 +218,15 @@
</a-col> </a-col>
<a-col :span="12" v-if="formData.auditBy"> <a-col :span="12" v-if="formData.auditBy">
<a-form-item label="审核人" v-bind="validateInfos.auditBy" id="OrgApplyInfoForm-auditBy"> <a-form-item label="审核人" v-bind="validateInfos.auditBy" id="OrgApplyInfoForm-auditBy">
{{ formData.auditBy }} <a-input v-model:value="formData.auditBy" disabled allow-clear></a-input>
<!-- {{ formData.auditBy }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12" v-if="formData.auditBy"> <a-col :span="12" v-if="formData.auditBy">
<a-form-item label="审核时间" v-bind="validateInfos.auditTime" id="OrgApplyInfoForm-auditTime"> <a-form-item label="审核时间" v-bind="validateInfos.auditTime" id="OrgApplyInfoForm-auditTime">
{{ formData.auditTime }} <a-date-picker placeholder="请选择有效开始日期" v-model:value="formData.auditTime" showTime disabled
value-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" allow-clear />
<!-- {{ formData.auditTime }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12" v-show="formData.contract"> <a-col :span="12" v-show="formData.contract">
@ -209,22 +237,26 @@
</a-col> </a-col>
<a-col :span="12" v-if="formData.contractNote"> <a-col :span="12" v-if="formData.contractNote">
<a-form-item label="备注信息" v-bind="validateInfos.contractNote" id="OrgApplyInfoForm-contractNote"> <a-form-item label="备注信息" v-bind="validateInfos.contractNote" id="OrgApplyInfoForm-contractNote">
{{ formData.contractNote }} <a-textarea v-model:value="formData.contractNote" :autosize="{ minRows: 1 }" maxlength="50" allow-clear
placeholder="请输入备注信息"></a-textarea>
<!-- {{ formData.contractNote }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-row v-show="formData.workOrderStatus != '0'"> <a-row v-show="formData.workOrderStatus != '0'" class="card-class">
<a-col :span="24"> <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
<SectionDivider :title="'工单回执'" /> <SectionDivider :title="'工单回执'" />
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="工单状态"> <a-form-item label="工单状态">
{{ formData.workOrderStatus_dictText }} <a-input v-model:value="formData.workOrderStatus_dictText" disabled allow-clear></a-input>
<!-- {{ formData.workOrderStatus_dictText }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="处理人"> <a-form-item label="处理人">
{{ formData.handleBy }} <a-input v-model:value="formData.handleBy" disabled allow-clear></a-input>
<!-- {{ formData.handleBy }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
@ -234,12 +266,16 @@
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="反馈时间"> <a-form-item label="反馈时间">
{{ formData.replyTime ? formData.replyTime.substring(0, 10) : "" }} <a-date-picker v-model:value="formData.replyTime" disabled value-format="YYYY-MM-DD" style="width: 100%"
allow-clear />
<!-- {{ formData.replyTime ? formData.replyTime.substring(0, 10) : "" }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="反馈内容"> <a-form-item label="反馈内容">
{{ formData.replyContent }} <a-textarea :autosize="{ minRows: 1 }" maxlength="50" disabled v-model:value="formData.replyContent"
allow-clear></a-textarea>
<!-- {{ formData.replyContent }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
@ -478,4 +514,17 @@ defineExpose({
.antd-modal-form { .antd-modal-form {
padding: 14px; padding: 14px;
} }
.card-class {
padding-top: 24px;
padding-bottom: 24px;
padding-left: 14px;
padding-right: 14px;
// background-color: rgba(255, 255, 255, 0.9);
background-color: #fcfdff;
border-radius: 10px;
// box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;
margin-bottom: 14px;
}
</style> </style>

View File

@ -1,6 +1,6 @@
<template> <template>
<a-drawer :title="title" :width="`70vw`" v-model:visible="visible" :closable="true" <a-drawer :title="title" :width="`70vw`" v-model:visible="visible" :closable="true"
:footer-style="{ textAlign: 'right' }" @close="handleCancel"> :footer-style="{ textAlign: 'right' }" :bodyStyle="{padding:'0px'}" @close="handleCancel">
<OrgApplyInfoForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"> <OrgApplyInfoForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false">
</OrgApplyInfoForm> </OrgApplyInfoForm>
<template #footer> <template #footer>
@ -10,7 +10,7 @@
</a-drawer> </a-drawer>
<a-drawer :title="title" :width="`70vw`" v-model:visible="contractVisible" :closable="true" <a-drawer :title="title" :width="`70vw`" v-model:visible="contractVisible" :closable="true"
:footer-style="{ textAlign: 'right' }" @close="handleCancel"> :footer-style="{ textAlign: 'right' }" :bodyStyle="{padding:'0px'}" @close="handleCancel">
<OrgUpContractForm ref="upContractForm" @ok="submitContractCallback" :formBpm="false"></OrgUpContractForm> <OrgUpContractForm ref="upContractForm" @ok="submitContractCallback" :formBpm="false"></OrgUpContractForm>
<template #footer> <template #footer>
<a-button @click="handleContractCancel" style="margin-right: 8px">关闭</a-button> <a-button @click="handleContractCancel" style="margin-right: 8px">关闭</a-button>

View File

@ -4,60 +4,69 @@
<template #detail> <template #detail>
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
name="OrgApplyInfoForm"> name="OrgApplyInfoForm">
<a-row> <a-row class="card-class">
<a-col :span="24"> <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
<SectionDivider :title="'机构信息'" /> <SectionDivider :title="'机构信息'" />
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="机构所在地"> <a-form-item label="机构所在地">
{{ cityViewValue }} <a-textarea :autosize="{ minRows: 1 }" maxlength="50" disabled v-model:value="cityViewValue"
allow-clear></a-textarea>
<!-- {{ cityViewValue }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="机构名称" v-bind="validateInfos.comName" id="OrgApplyInfoForm-comName" name="comName"> <a-form-item label="机构名称" v-bind="validateInfos.comName" id="OrgApplyInfoForm-comName" name="comName">
{{ formData.comName }} <a-textarea :autosize="{ minRows: 1 }" maxlength="50" disabled v-model:value="formData.comName"
allow-clear></a-textarea>
<!-- {{ formData.comName }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="机构负责人" v-bind="validateInfos.orgLeader" id="OrgApplyInfoForm-orgLeader" <a-form-item label="机构负责人" v-bind="validateInfos.orgLeader" id="OrgApplyInfoForm-orgLeader"
name="orgLeader"> name="orgLeader">
{{ formData.orgLeader }} <a-input v-model:value="formData.orgLeader" disabled allow-clear></a-input>
<!-- {{ formData.orgLeader }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="负责人电话" v-bind="validateInfos.orgLeaderPhone" id="OrgApplyInfoForm-orgLeaderPhone" <a-form-item label="负责人电话" v-bind="validateInfos.orgLeaderPhone" id="OrgApplyInfoForm-orgLeaderPhone"
name="orgLeaderPhone"> name="orgLeaderPhone">
{{ formData.orgLeaderPhone }} <a-input v-model:value="formData.orgLeaderPhone" disabled allow-clear></a-input>
<!-- {{ formData.orgLeaderPhone }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="房屋性质" v-bind="validateInfos.orgPropertyType" id="OrgApplyInfoForm-orgPropertyType" <a-form-item label="房屋性质" v-bind="validateInfos.orgPropertyType" id="OrgApplyInfoForm-orgPropertyType"
name="orgPropertyType"> name="orgPropertyType">
{{ formData.orgPropertyType }} <a-input v-model:value="formData.orgPropertyType" disabled allow-clear></a-input>
<!-- {{ formData.orgPropertyType }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="建筑面积" v-bind="validateInfos.orgBuildingArea" id="OrgApplyInfoForm-orgBuildingArea" <a-form-item label="建筑面积(㎡)" v-bind="validateInfos.orgBuildingArea" id="OrgApplyInfoForm-orgBuildingArea"
name="orgBuildingArea"> name="orgBuildingArea">
{{ formData.orgBuildingArea }} <a-input v-model:value="formData.orgBuildingArea" disabled allow-clear></a-input>
<!-- {{ formData.orgBuildingArea }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"> <a-col :span="12">
<a-form-item label="机构地址" v-bind="validateInfos.orgAddress" id="OrgApplyInfoForm-orgAddress" <a-form-item label="机构地址" v-bind="validateInfos.orgAddress" id="OrgApplyInfoForm-orgAddress"
name="orgAddress"> name="orgAddress">
{{ formData.orgAddress }} <a-textarea :autosize="{ minRows: 1 }" maxlength="50" disabled v-model:value="formData.orgAddress"
allow-clear></a-textarea>
<!-- {{ formData.orgAddress }} -->
</a-form-item> </a-form-item>
</a-col> </a-col>
</a-row> </a-row>
<a-row v-if="formData.buildStatus == '3'"> <a-row v-if="formData.buildStatus == '3'" class="card-class">
<a-col :span="24"> <a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
<SectionDivider :title="'加盟合同'" /> <SectionDivider :title="'加盟合同'" />
</a-col> </a-col>
</a-row>
<a-row v-if="formData.buildStatus == '3'">
<a-col :span="12"> <a-col :span="12">
<a-form-item label="加盟合同" v-bind="validateInfos.contract" id="OrgApplyInfoForm-contract"> <a-form-item label="加盟合同" v-bind="validateInfos.contract" id="OrgApplyInfoForm-contract">
<JUpload v-model:value="formData.contract" :maxCount="1" accept=".pdf" :beforeUpload="checkFileType"></JUpload> <JUpload v-model:value="formData.contract" :maxCount="1" accept=".pdf" :beforeUpload="checkFileType">
</JUpload>
</a-form-item> </a-form-item>
<div style="margin-top: 15px;margin-left:20%;color:#8e8e8e;font-size:12px;">说明请上传pdf文件并且只能上传一份文件</div> <div style="margin-top: 15px;margin-left:20%;color:#8e8e8e;font-size:12px;">说明请上传pdf文件并且只能上传一份文件</div>
</a-col> </a-col>
@ -81,7 +90,7 @@ import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage'; import { useMessage } from '/@/hooks/web/useMessage';
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue'; import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
import { getValueType } from '/@/utils'; import { getValueType } from '/@/utils';
import { saveOrUpdate, submitContract,editCg } from '../OrgApplyInfo.api'; import { saveOrUpdate, submitContract, editCg } from '../OrgApplyInfo.api';
import { Form } from 'ant-design-vue'; import { Form } from 'ant-design-vue';
import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue'; import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
import TencentMap from '/@/components/TencentMap/TencentMap.vue'; import TencentMap from '/@/components/TencentMap/TencentMap.vue';
@ -306,4 +315,17 @@ defineExpose({
.antd-modal-form { .antd-modal-form {
padding: 14px; padding: 14px;
} }
.card-class {
padding-top: 24px;
padding-bottom: 24px;
padding-left: 14px;
padding-right: 14px;
// background-color: rgba(255, 255, 255, 0.9);
background-color: #fcfdff;
border-radius: 10px;
// box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;
margin-bottom: 14px;
}
</style> </style>

View File

@ -100,7 +100,7 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
useSearchForm: false, useSearchForm: false,
immediate: false, immediate: false,
scroll: { y: '58vh' }, scroll: { y: '58vh' },
showActionColumn:false, showActionColumn: false,
actionColumn: { actionColumn: {
width: 100, width: 100,
fixed: 'right', fixed: 'right',
@ -246,7 +246,7 @@ defineExpose({
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
padding-bottom: 14px; margin-bottom: 14px;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;

View File

@ -1,5 +1,5 @@
<template> <template>
<div class="p-2"> <div>
<!--查询区域--> <!--查询区域-->
<div class="jeecg-basic-table-form-container"> <div class="jeecg-basic-table-form-container">
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
@ -202,11 +202,11 @@ defineExpose({
<style lang="less" scoped> <style lang="less" scoped>
.jeecg-basic-table-form-container { .jeecg-basic-table-form-container {
padding: 0; padding: 0;
margin-bottom: 18px; margin-bottom: 14px;
.table-page-search-submitButtons { .table-page-search-submitButtons {
display: block; display: block;
margin-bottom: 0px; margin-bottom: 14px;
white-space: nowrap; white-space: nowrap;
} }
@ -221,7 +221,7 @@ defineExpose({
} }
.ant-form-item:not(.ant-form-item-with-help) { .ant-form-item:not(.ant-form-item-with-help) {
margin-bottom: 18px; margin-bottom: 14px;
height: 32px; height: 32px;
} }

View File

@ -2,9 +2,10 @@
<!-- <j-modal :title="title" width="75vw" :visible="visible" @cancel="handleCancel" cancelText="关闭" :maskClosable="false"> <!-- <j-modal :title="title" width="75vw" :visible="visible" @cancel="handleCancel" cancelText="关闭" :maskClosable="false">
<ConfigServiceDirectiveList ref="registerForm" v-if="visible" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></ConfigServiceDirectiveList> <ConfigServiceDirectiveList ref="registerForm" v-if="visible" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></ConfigServiceDirectiveList>
</j-modal> --> </j-modal> -->
<a-drawer :title="title" width="80vw" v-model:visible="visible" v-if="visible" :closable="true" <a-drawer :title="title" width="80vw" v-model:visible="visible" v-if="visible" :closable="true"
:footer-style="{ textAlign: 'right' }" @close="handleCancel"> :footer-style="{ textAlign: 'right' }" :bodyStyle="{ padding: '14px' }" @close="handleCancel">
<ConfigServiceDirectiveList ref="registerForm" v-if="visible" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></ConfigServiceDirectiveList> <ConfigServiceDirectiveList ref="registerForm" v-if="visible" @ok="submitCallback" :formDisabled="disableSubmit"
:formBpm="false"></ConfigServiceDirectiveList>
<template #footer> <template #footer>
<a-button type="primary" style="margin-right: 8px" @click="handleCancel">关闭</a-button> <a-button type="primary" style="margin-right: 8px" @click="handleCancel">关闭</a-button>
</template> </template>
@ -12,59 +13,59 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref, nextTick, defineExpose , defineProps} from 'vue'; import { ref, nextTick, defineExpose, defineProps } from 'vue';
import ConfigServiceDirectiveList from './ConfigServiceDirectiveList.vue' import ConfigServiceDirectiveList from './ConfigServiceDirectiveList.vue'
import JModal from '/@/components/Modal/src/JModal/JModal.vue'; import JModal from '/@/components/Modal/src/JModal/JModal.vue';
const props = defineProps({ const props = defineProps({
sysUrlValue: { type: String, default: '' }, sysUrlValue: { type: String, default: '' },
});
const title = ref<string>('');
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
const registerForm = ref();
const emit = defineEmits(['register', 'success']);
/**
* 编辑
* @param record
*/
function init(record) {
title.value = '详情';
visible.value = true;
nextTick(() => {
registerForm.value.init(record);
}); });
const title = ref<string>(''); }
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
const registerForm = ref();
const emit = defineEmits(['register', 'success']);
/**
/** * form保存回调事件
* 编辑 */
* @param record function submitCallback() {
*/ handleCancel();
function init(record) { emit('success');
title.value = '详情'; }
visible.value = true;
nextTick(() => {
registerForm.value.init(record);
});
}
/** /**
* form保存回调事件 * 取消按钮回调事件
*/ */
function submitCallback() { function handleCancel() {
handleCancel(); visible.value = false;
emit('success'); }
}
/** defineExpose({
* 取消按钮回调事件 init,
*/ disableSubmit,
function handleCancel() { });
visible.value = false;
}
defineExpose({
init,
disableSubmit,
});
</script> </script>
<style lang="less"> <style lang="less">
/**隐藏样式-modal确定按钮 */ /**隐藏样式-modal确定按钮 */
.jee-hidden { .jee-hidden {
display: none !important; display: none !important;
} }
</style> </style>
<style lang="less" scoped></style> <style lang="less" scoped></style>