yangjun
/
hldy_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

申请审核（机构加盟、机构信息）菜单下所有的详情页面优化

This commit is contained in:
1378012178@qq.com 2025-10-29 10:22:40 +08:00
parent 2eb7b8deb7
commit 98864ab58d
5 changed files with 177 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/SectionDivider/SectionDivider.vue
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>

101
src/views/admin/orgInfo/components/OrgApplyInfoForm.vue
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>

2
src/views/admin/orgInfo/components/OrgApplyInfoModal.vue
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>

139
src/views/admin/orgapplyinfo/components/OrgApplyInfoForm.vue
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>

2
src/views/admin/orgapplyinfo/components/OrgApplyInfoModal.vue
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>