申请审核（机构加盟、机构信息）菜单下所有的详情页面优化
This commit is contained in:
parent
2eb7b8deb7
commit
98864ab58d
|
|
@ -2,7 +2,8 @@
|
|||
<div class="section-divider">
|
||||
<!-- 左侧灰色横线 -->
|
||||
<!-- <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">
|
||||
<slot>{{ title }}</slot>
|
||||
|
|
@ -26,7 +27,7 @@ export default {
|
|||
.section-divider {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 5px 0 30px 20px;
|
||||
margin: 5px 0 14px 20px;
|
||||
}
|
||||
|
||||
/* 蓝色竖线（带圆角） */
|
||||
|
|
@ -72,4 +73,12 @@ export default {
|
|||
background-color: #ddd; /* 灰色 */
|
||||
margin-left: 8px; /* 与文字的间距 */
|
||||
}
|
||||
|
||||
.left-icon{
|
||||
width: 8px;
|
||||
height: 18px;
|
||||
background-color: #1890ff;
|
||||
margin-right: 8px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,17 +1,14 @@
|
|||
<template>
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<JFormContainer>
|
||||
<JFormContainer :disabled="disabled">
|
||||
<template #detail>
|
||||
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
|
||||
name="OrgApplyInfoForm">
|
||||
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<a-row class="card-class">
|
||||
<a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
|
||||
<SectionDivider :title="'机构信息'" />
|
||||
</a-col>
|
||||
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
|
|
@ -24,24 +21,31 @@
|
|||
<a-col :span="24">
|
||||
<a-form-item label="信用代码" v-bind="validateInfos.comCreditCode" id="OrgApplyInfoForm-comCreditCode"
|
||||
name="comCreditCode">
|
||||
{{ formData.comCreditCode }}
|
||||
<a-input v-model:value="formData.comCreditCode" placeholder="请输入信用代码" disabled
|
||||
allow-clear></a-input>
|
||||
<!-- {{ formData.comCreditCode }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<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-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="企业法人" v-bind="validateInfos.comLegalPerson" id="OrgApplyInfoForm-comLegalPerson"
|
||||
name="comLegalPerson">
|
||||
{{ formData.comLegalPerson }}
|
||||
<a-input v-model:value="formData.comLegalPerson" placeholder="请输入企业法人" disabled
|
||||
allow-clear></a-input>
|
||||
<!-- {{ formData.comLegalPerson }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="注册地址" v-bind="validateInfos.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-col>
|
||||
|
||||
|
|
@ -52,49 +56,57 @@
|
|||
<a-col :span="24">
|
||||
<a-form-item label="机构所在地" v-bind="validateInfos.cityViewValue" id="OrgApplyInfoForm-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-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="机构负责人" v-bind="validateInfos.orgLeader" id="OrgApplyInfoForm-orgLeader"
|
||||
name="orgLeader">
|
||||
{{ formData.orgLeader }}
|
||||
<a-input v-model:value="formData.orgLeader" placeholder="请输入机构负责人" disabled allow-clear></a-input>
|
||||
<!-- {{ formData.orgLeader }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="负责人电话" v-bind="validateInfos.orgLeaderPhone" id="OrgApplyInfoForm-orgLeaderPhone"
|
||||
name="orgLeaderPhone">
|
||||
{{ formData.orgLeaderPhone }}
|
||||
<a-input v-model:value="formData.orgLeaderPhone" placeholder="请输入负责人电话" disabled
|
||||
allow-clear></a-input>
|
||||
<!-- {{ formData.orgLeaderPhone }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="房屋性质" v-bind="validateInfos.orgPropertyType" id="OrgApplyInfoForm-orgPropertyType"
|
||||
name="orgPropertyType">
|
||||
{{ formData.orgPropertyType }}
|
||||
<a-input v-model:value="formData.orgPropertyType" placeholder="请输入房屋性质" disabled
|
||||
allow-clear></a-input>
|
||||
<!-- {{ formData.orgPropertyType }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<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">
|
||||
{{ formData.orgBuildingArea }} ㎡
|
||||
<a-input v-model:value="formData.orgBuildingArea" placeholder="请输入建筑面积" disabled
|
||||
allow-clear></a-input>
|
||||
<!-- {{ formData.orgBuildingArea }} ㎡ -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="机构地址" v-bind="validateInfos.orgAddress" id="OrgApplyInfoForm-orgAddress"
|
||||
name="orgAddress">
|
||||
{{ formData.orgAddress }}
|
||||
<a-input v-model:value="formData.orgAddress" placeholder="请输入机构地址" disabled allow-clear></a-input>
|
||||
<!-- {{ formData.orgAddress }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<a-row class="card-class">
|
||||
<a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
|
||||
<SectionDivider :title="'申请人身份证'" />
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
|
|
@ -105,35 +117,43 @@
|
|||
</a-col>
|
||||
<a-col :span="24">
|
||||
<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-col>
|
||||
<a-col :span="24">
|
||||
<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-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="民族" v-bind="validateInfos.national" id="OrgApplyInfoForm-national"
|
||||
name="national">
|
||||
{{ formData.national }}
|
||||
<a-input v-model:value="formData.national" placeholder="请输入民族" disabled allow-clear></a-input>
|
||||
<!-- {{ formData.national }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="出生日期" v-bind="validateInfos.birthDate" id="OrgApplyInfoForm-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-col>
|
||||
<a-col :span="24">
|
||||
<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-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="住址" v-bind="validateInfos.idCardAddress" id="OrgApplyInfoForm-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-col>
|
||||
</a-row>
|
||||
|
|
@ -149,21 +169,27 @@
|
|||
<a-col :span="24">
|
||||
<a-form-item label="有效开始日期" v-bind="validateInfos.startTime" id="OrgApplyInfoForm-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-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="有效结束日期" v-bind="validateInfos.endTime" id="OrgApplyInfoForm-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))
|
||||
: "" }}
|
||||
: "" }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="签发机关" v-bind="validateInfos.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-col>
|
||||
</a-row>
|
||||
|
|
@ -405,4 +431,17 @@ defineExpose({
|
|||
.antd-modal-form {
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<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>
|
||||
<template #footer>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,14 @@
|
|||
<template>
|
||||
<a-spin :spinning="confirmLoading">
|
||||
<JFormContainer>
|
||||
<JFormContainer :disabled="disabled">
|
||||
<template #detail>
|
||||
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
|
||||
name="OrgApplyInfoForm">
|
||||
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<a-row class="card-class">
|
||||
<a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
|
||||
<SectionDivider :title="'机构信息'" />
|
||||
</a-col>
|
||||
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
|
|
@ -24,24 +21,31 @@
|
|||
<a-col :span="24">
|
||||
<a-form-item label="信用代码" v-bind="validateInfos.comCreditCode" id="OrgApplyInfoForm-comCreditCode"
|
||||
name="comCreditCode">
|
||||
{{ formData.comCreditCode }}
|
||||
<a-input v-model:value="formData.comCreditCode" placeholder="请输入信用代码" disabled
|
||||
allow-clear></a-input>
|
||||
<!-- {{ formData.comCreditCode }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<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-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="企业法人" v-bind="validateInfos.comLegalPerson" id="OrgApplyInfoForm-comLegalPerson"
|
||||
name="comLegalPerson">
|
||||
{{ formData.comLegalPerson }}
|
||||
<a-input v-model:value="formData.comLegalPerson" placeholder="请输入企业法人" disabled
|
||||
allow-clear></a-input>
|
||||
<!-- {{ formData.comLegalPerson }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="注册地址" v-bind="validateInfos.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-col>
|
||||
|
||||
|
|
@ -52,49 +56,58 @@
|
|||
<a-col :span="24">
|
||||
<a-form-item label="机构所在地" v-bind="validateInfos.cityViewValue" id="OrgApplyInfoForm-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-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="机构负责人" v-bind="validateInfos.orgLeader" id="OrgApplyInfoForm-orgLeader"
|
||||
name="orgLeader">
|
||||
{{ formData.orgLeader }}
|
||||
<a-input v-model:value="formData.orgLeader" placeholder="请输入机构负责人" disabled allow-clear></a-input>
|
||||
<!-- {{ formData.orgLeader }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="负责人电话" v-bind="validateInfos.orgLeaderPhone" id="OrgApplyInfoForm-orgLeaderPhone"
|
||||
name="orgLeaderPhone">
|
||||
{{ formData.orgLeaderPhone }}
|
||||
<a-input v-model:value="formData.orgLeaderPhone" placeholder="请输入负责人电话" disabled
|
||||
allow-clear></a-input>
|
||||
<!-- {{ formData.orgLeaderPhone }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="房屋性质" v-bind="validateInfos.orgPropertyType" id="OrgApplyInfoForm-orgPropertyType"
|
||||
name="orgPropertyType">
|
||||
{{ formData.orgPropertyType }}
|
||||
<a-input v-model:value="formData.orgPropertyType" placeholder="请输入房屋性质" disabled
|
||||
allow-clear></a-input>
|
||||
<!-- {{ formData.orgPropertyType }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="建筑面积" v-bind="validateInfos.orgBuildingArea" id="OrgApplyInfoForm-orgBuildingArea"
|
||||
name="orgBuildingArea">
|
||||
{{ formData.orgBuildingArea }} ㎡
|
||||
<a-form-item label="建筑面积(㎡)" v-bind="validateInfos.orgBuildingArea"
|
||||
id="OrgApplyInfoForm-orgBuildingArea" name="orgBuildingArea">
|
||||
<a-input v-model:value="formData.orgBuildingArea" placeholder="请输入建筑面积" disabled
|
||||
allow-clear></a-input>
|
||||
<!-- {{ formData.orgBuildingArea }} ㎡ -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="机构地址" v-bind="validateInfos.orgAddress" id="OrgApplyInfoForm-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-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<a-row class="card-class">
|
||||
<a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
|
||||
<SectionDivider :title="'申请人身份证'" />
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
|
|
@ -105,35 +118,43 @@
|
|||
</a-col>
|
||||
<a-col :span="24">
|
||||
<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-col>
|
||||
<a-col :span="24">
|
||||
<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-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="民族" v-bind="validateInfos.national" id="OrgApplyInfoForm-national"
|
||||
name="national">
|
||||
{{ formData.national }}
|
||||
<a-input v-model:value="formData.national" placeholder="请输入民族" disabled allow-clear></a-input>
|
||||
<!-- {{ formData.national }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="出生日期" v-bind="validateInfos.birthDate" id="OrgApplyInfoForm-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-col>
|
||||
<a-col :span="24">
|
||||
<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-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="住址" v-bind="validateInfos.idCardAddress" id="OrgApplyInfoForm-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-col>
|
||||
</a-row>
|
||||
|
|
@ -149,33 +170,37 @@
|
|||
<a-col :span="24">
|
||||
<a-form-item label="有效开始日期" v-bind="validateInfos.startTime" id="OrgApplyInfoForm-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-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="有效结束日期" v-bind="validateInfos.endTime" id="OrgApplyInfoForm-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))
|
||||
: "" }}
|
||||
: "" }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="签发机关" v-bind="validateInfos.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-col>
|
||||
</a-row>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<a-row class="card-class">
|
||||
<a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
|
||||
<SectionDivider :title="'加盟审核'" />
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="审核意见" v-bind="validateInfos.status" id="OrgApplyInfoForm-status" name="status">
|
||||
<a-select v-model:value="formData.status" style="width: 200px" placeholder="请选择审核意见"
|
||||
|
|
@ -193,12 +218,15 @@
|
|||
</a-col>
|
||||
<a-col :span="12" v-if="formData.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-col>
|
||||
<a-col :span="12" v-if="formData.auditBy">
|
||||
<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-col>
|
||||
<a-col :span="12" v-show="formData.contract">
|
||||
|
|
@ -209,22 +237,26 @@
|
|||
</a-col>
|
||||
<a-col :span="12" v-if="formData.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-col>
|
||||
</a-row>
|
||||
<a-row v-show="formData.workOrderStatus != '0'">
|
||||
<a-col :span="24">
|
||||
<a-row v-show="formData.workOrderStatus != '0'" class="card-class">
|
||||
<a-col :span="24" style="border-bottom: 2px solid #f7f7f7; margin-bottom: 14px;">
|
||||
<SectionDivider :title="'工单回执'" />
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<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-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="处理人">
|
||||
{{ formData.handleBy }}
|
||||
<a-input v-model:value="formData.handleBy" disabled allow-clear></a-input>
|
||||
<!-- {{ formData.handleBy }} -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
|
|
@ -234,12 +266,16 @@
|
|||
</a-col>
|
||||
<a-col :span="12">
|
||||
<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-col>
|
||||
<a-col :span="12">
|
||||
<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-col>
|
||||
</a-row>
|
||||
|
|
@ -478,4 +514,17 @@ defineExpose({
|
|||
.antd-modal-form {
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<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>
|
||||
<template #footer>
|
||||
|
|
|
|||
Loading…
Reference in New Issue