|
|
|
@@ -0,0 +1,765 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<van-nav-bar |
|
|
|
title="公示信息" |
|
|
|
left-arrow |
|
|
|
fixed |
|
|
|
placeholder |
|
|
|
@click-left="$router.back(-1)" |
|
|
|
/> |
|
|
|
<van-steps :active="active" active-color="#38f"> |
|
|
|
<van-step>申请</van-step> |
|
|
|
<van-step>开工</van-step> |
|
|
|
<van-step>验收</van-step> |
|
|
|
</van-steps> |
|
|
|
<p class="topTit">农村宅基地和建房（规划许可）申请表</p> |
|
|
|
<div class="main"> |
|
|
|
<van-form> |
|
|
|
<div v-if="applicationDetail.tHouseApplyProposer"> |
|
|
|
<p class="main_title">申请用户信息</p> |
|
|
|
<div class="main_box"> |
|
|
|
<van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.memberName" label="姓名" placeholder="姓名" input-align="right"/> |
|
|
|
<van-field |
|
|
|
readonly |
|
|
|
clickable |
|
|
|
v-model="sexValue" |
|
|
|
label="性别" |
|
|
|
placeholder="选择性别" |
|
|
|
@click=" auditStatus==true ? '' : showSex = true" |
|
|
|
input-align="right" |
|
|
|
:rules="[{ required: true }]" required |
|
|
|
/> |
|
|
|
<van-popup v-model="showSex" position="bottom"> |
|
|
|
<van-picker |
|
|
|
show-toolbar |
|
|
|
:columns="userSex" |
|
|
|
@confirm="onConfirmSex" |
|
|
|
@cancel="showSex = false" |
|
|
|
:readonly="auditStatus" |
|
|
|
/> |
|
|
|
</van-popup> |
|
|
|
<van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.age" label="年龄" placeholder="年龄" input-align="right"/> |
|
|
|
<van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.phone" label="联系电话" placeholder="联系电话" input-align="right"/> |
|
|
|
<van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.idcard" label="身份证号" placeholder="身份证号" input-align="right"/> |
|
|
|
<van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/> |
|
|
|
<van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.familyAddress" label="家庭住址" placeholder="家庭住址" input-align="right"/> |
|
|
|
<van-field :readonly="auditStatus" :rules="[{ required: true }]" required v-model="applicationDetail.tHouseApplyProposer.members" label="家庭人口数" placeholder="家庭人口数" input-align="right"/> |
|
|
|
<van-cell title="是否已有宅基地"> |
|
|
|
<template #right-icon> |
|
|
|
{{applicationDetail.tHouseApplyProposer.existHomestead=='Y'?'是':'否'}} |
|
|
|
</template> |
|
|
|
</van-cell> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="applicationDetail.tHouseApplyFamilyMembers && applicationDetail.tHouseApplyFamilyMembers!=''"> |
|
|
|
<p class="main_title">家庭成员信息<van-button icon="plus" size="mini" type="info" native-type="button" class="addFamily" @click="addFamily" v-if="!auditStatus" /></p> |
|
|
|
<van-collapse v-model="activeNames" v-if="auditStatus"> |
|
|
|
<van-collapse-item class="collapse" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index" :name="index+1"> |
|
|
|
<template #title> |
|
|
|
<van-row> |
|
|
|
<van-col span="8">{{item.memberName}}</van-col> |
|
|
|
<van-col span="8">{{item.age}}</van-col> |
|
|
|
<van-col span="8">{{item.familyStatusName}}</van-col> |
|
|
|
</van-row> |
|
|
|
</template> |
|
|
|
<van-field :readonly="auditStatus" v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/> |
|
|
|
<van-field :readonly="auditStatus" v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/> |
|
|
|
<van-field :readonly="auditStatus" v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/> |
|
|
|
<van-field :readonly="auditStatus" v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/> |
|
|
|
<van-field :readonly="auditStatus" v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/> |
|
|
|
</van-collapse-item> |
|
|
|
</van-collapse> |
|
|
|
<div class="familyList" v-if="!auditStatus" v-for="(item , index) in applicationDetail.tHouseApplyFamilyMembers" :key="index"> |
|
|
|
<div class="main_box" style="margin-bottom: 20px"> |
|
|
|
<van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteFamily(index)" /> |
|
|
|
<van-field v-model="item.memberName" label="姓名" placeholder="姓名" input-align="right"/> |
|
|
|
<van-field v-model="item.age" label="年龄" placeholder="年龄" input-align="right"/> |
|
|
|
<van-field v-model="item.familyStatusName" label="与户主关系" placeholder="与户主关系" input-align="right"/> |
|
|
|
<van-field v-model="item.idcard" label="身份证号" placeholder="身份证号" input-align="right"/> |
|
|
|
<van-field v-model="item.householdRegister" label="户口所在地" placeholder="户口所在地" input-align="right"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <div class=" familyList">--> |
|
|
|
<!-- <van-button icon="minus" size="mini" type="danger" class="deleteFamily" />--> |
|
|
|
<!-- <div class="main_box">--> |
|
|
|
<!-- <van-field label="姓名" placeholder="姓名" input-align="right"/>--> |
|
|
|
<!-- <van-field label="年龄" placeholder="年龄" input-align="right"/>--> |
|
|
|
<!-- <van-field label="与户主关系" placeholder="与户主关系" input-align="right"/>--> |
|
|
|
<!-- <van-field label="身份证号" placeholder="身份证号" input-align="right"/>--> |
|
|
|
<!-- <van-field label="户口所在地" placeholder="户口所在地" input-align="right"/>--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- </div>--> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="CurrentSituation"> |
|
|
|
<p class="main_title">现宅基地及农房状况</p> |
|
|
|
<div class="main_box"> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landPerArea" label="人均宅基地面积" placeholder="人均宅基地面积㎡" input-align="right" label-width="auto"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.landCertificateNo" label="不动产单元号" placeholder="不动产单元号" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingArea" label="建筑面积" placeholder="建筑面积㎡" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.buildingPerArea" label="人均建筑面积" placeholder="人均建筑面积㎡" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyCurrentSituation.houseCertificateNo" label="农民房屋幢号" placeholder="户口所在地" input-align="right"/> |
|
|
|
<van-field |
|
|
|
readonly |
|
|
|
clickable |
|
|
|
:value="landIsposalValue" |
|
|
|
label="处置情况" |
|
|
|
placeholder="选择宅基地处置情况" |
|
|
|
@click=" auditStatus==true ? '' : showLandIsposal = true" |
|
|
|
input-align="right" |
|
|
|
:readonly="auditStatus" |
|
|
|
:rules="[{ required: true }]" required |
|
|
|
/> |
|
|
|
<van-popup v-model="showLandIsposal" position="bottom"> |
|
|
|
<van-picker |
|
|
|
show-toolbar |
|
|
|
:columns="landIsposal" |
|
|
|
@confirm="onConfirmLandIsposal" |
|
|
|
@cancel="showLandIsposal = false" |
|
|
|
:readonly="auditStatus" |
|
|
|
/> |
|
|
|
</van-popup> |
|
|
|
|
|
|
|
<!-- <van-field--> |
|
|
|
<!-- readonly--> |
|
|
|
<!-- clickable--> |
|
|
|
<!-- name="picker"--> |
|
|
|
<!-- :value="applicationDetail.tHouseApplyCurrentSituation.buildingType"--> |
|
|
|
<!-- label="建房类型"--> |
|
|
|
<!-- placeholder="选择建房类型"--> |
|
|
|
<!-- @click="showBuildingType = true"--> |
|
|
|
<!-- input-align="right"--> |
|
|
|
<!-- right-icon="arrow-down"--> |
|
|
|
<!-- />--> |
|
|
|
<!-- <van-popup v-model="showBuildingType" position="bottom">--> |
|
|
|
<!-- <van-picker--> |
|
|
|
<!-- show-toolbar--> |
|
|
|
<!-- :columns="buildingType"--> |
|
|
|
<!-- @confirm="onConfirmBuildingType"--> |
|
|
|
<!-- @cancel="showBuildingType = false"--> |
|
|
|
<!-- />--> |
|
|
|
<!-- </van-popup>--> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="applicationDetail.tHouseApplyProposedSituation"> |
|
|
|
<p class="main_title">拟申请宅基地及建房情况</p> |
|
|
|
<div class="main_box"> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.location" label="拟建位置" placeholder="拟建位置" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.landArea" label="宅基地面积" placeholder="宅基地面积" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.east" label="东至" placeholder="东至" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.west" label="西至" placeholder="西至" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.south" label="南至" placeholder="南至" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.north" label="北至" placeholder="北至" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingArea" label="建筑面积" placeholder="建筑面积" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingFloors" label="建筑层数" placeholder="建筑层数" input-align="right"/> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposedSituation.buildingHight" label="建筑高度" placeholder="建筑高度" input-align="right"/> |
|
|
|
<van-cell title="是否征求相邻权利人意见"> |
|
|
|
<template #right-icon> |
|
|
|
{{applicationDetail.tHouseApplyProposedSituation.isAdvice=='Y'?'是':'否'}} |
|
|
|
</template> |
|
|
|
</van-cell> |
|
|
|
<van-field |
|
|
|
readonly |
|
|
|
clickable |
|
|
|
v-model="housingStructureValue" |
|
|
|
label="房屋构造" |
|
|
|
placeholder="选择房屋构造" |
|
|
|
@click=" auditStatus==true ? '' : showHousingStructure = true" |
|
|
|
input-align="right" |
|
|
|
:rules="[{ required: true }]" required |
|
|
|
/> |
|
|
|
<van-popup v-model="showHousingStructure" position="bottom"> |
|
|
|
<van-picker |
|
|
|
show-toolbar |
|
|
|
:columns="housingStructure" |
|
|
|
@confirm="onConfirmHousingStructure" |
|
|
|
@cancel="showHousingStructure = false" |
|
|
|
:readonly="auditStatus" |
|
|
|
/> |
|
|
|
</van-popup> |
|
|
|
<van-field |
|
|
|
readonly |
|
|
|
clickable |
|
|
|
:value="buildingTypeValue" |
|
|
|
label="建房类型" |
|
|
|
placeholder="选择建房类型" |
|
|
|
@click=" auditStatus==true ? '' : showBuildingType = true" |
|
|
|
input-align="right" |
|
|
|
:rules="[{ required: true }]" required |
|
|
|
/> |
|
|
|
<van-popup v-model="showBuildingType" position="bottom"> |
|
|
|
<van-picker |
|
|
|
show-toolbar |
|
|
|
:columns="buildingType" |
|
|
|
@confirm="onConfirmBuildingType" |
|
|
|
@cancel="showBuildingType = false" |
|
|
|
/> |
|
|
|
</van-popup> |
|
|
|
<van-cell title="设计图纸"> |
|
|
|
<template #right-icon> |
|
|
|
<van-radio-group :disabled="auditStatus" @change="designPaperChange" v-model="applicationDetail.tHouseApplyProposedSituation.designPaper" direction="horizontal"> |
|
|
|
<van-radio name="1">委托设计</van-radio> |
|
|
|
<van-radio name="2">选通用图</van-radio> |
|
|
|
</van-radio-group> |
|
|
|
</template> |
|
|
|
</van-cell> |
|
|
|
<van-field |
|
|
|
readonly |
|
|
|
clickable |
|
|
|
:value="houseTypeValue" |
|
|
|
placeholder="选择户型图" |
|
|
|
@click=" auditStatus==true ? '' : showHouseType = true" |
|
|
|
input-align="right" |
|
|
|
right-icon="arrow-down" |
|
|
|
v-if="showHouse" |
|
|
|
:rules="[{ required: true }]" required |
|
|
|
/> |
|
|
|
<van-popup v-model="showHouseType" position="bottom"> |
|
|
|
<van-picker |
|
|
|
show-toolbar |
|
|
|
:columns="houseType" |
|
|
|
@confirm="onConfirmHouseType" |
|
|
|
@cancel="showHouseType = false" |
|
|
|
/> |
|
|
|
</van-popup> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="applicationDetail.tHouseApplyProposer"> |
|
|
|
<p class="main_title">申请理由</p> |
|
|
|
<div class="main_box"> |
|
|
|
<van-field |
|
|
|
rows="3" |
|
|
|
autosize |
|
|
|
type="textarea" |
|
|
|
placeholder="申请理由" |
|
|
|
input-align="left" |
|
|
|
v-model="applicationDetail.tHouseApplyProposer.applyReasion" |
|
|
|
:readonly="auditStatus" |
|
|
|
:rules="[{ required: true }]" required |
|
|
|
/> |
|
|
|
<van-row> |
|
|
|
<van-col span="12"><van-field :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.memberName" label="申请人" placeholder="申请人" input-align="left" label-width="auto"/></van-col> |
|
|
|
<van-col span="12"> |
|
|
|
<van-field :rules="[{ required: true }]" required :readonly="auditStatus" clickable v-model="applicationDetail.tHouseApplyProposer.applyTime" label-width="auto" placeholder="选择日期" @click="showApplyTime = true"> |
|
|
|
<template #label> |
|
|
|
<van-icon name="notes-o" size="20"/> |
|
|
|
</template> |
|
|
|
</van-field> |
|
|
|
<van-calendar v-model="showApplyTime" :readonly="auditStatus" @confirm="onConfirmApplyTime" /> |
|
|
|
<!-- <van-field :readonly="auditStatus" v-model="applicationDetail.tHouseApplyProposer.applyTime == '' ? nowTime : applicationDetail.tHouseApplyProposer.applyTime" label-width="auto">--> |
|
|
|
<!-- <template #label>--> |
|
|
|
<!-- <van-icon name="notes-o" size="20"/>--> |
|
|
|
<!-- </template>--> |
|
|
|
<!-- </van-field>--> |
|
|
|
</van-col> |
|
|
|
</van-row> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="applicationDetail.tHouseApplyStart" > |
|
|
|
<p class="topTit">宅基地开工</p> |
|
|
|
<div class="main_box action-box"> |
|
|
|
<van-cell title="计划开工时间"> |
|
|
|
<template #right-icon> |
|
|
|
<van-radio-group v-model="radio" direction="horizontal"> |
|
|
|
<van-field readonly clickable style="padding: 0" v-model="applicationDetail.tHouseApplyStart.startDate" label-width="auto" placeholder="选择日期"> |
|
|
|
<template #label> |
|
|
|
<van-icon name="notes-o" size="20"/> |
|
|
|
</template> |
|
|
|
</van-field> |
|
|
|
</van-radio-group> |
|
|
|
</template> |
|
|
|
</van-cell> |
|
|
|
<van-cell title="计划竣工时间"> |
|
|
|
<template #right-icon> |
|
|
|
<van-radio-group v-model="radio" direction="horizontal"> |
|
|
|
<van-field readonly clickable style="padding: 0" v-model="applicationDetail.tHouseApplyStart.endDate" label-width="auto" placeholder="选择日期"> |
|
|
|
<template #label> |
|
|
|
<van-icon name="notes-o" size="20"/> |
|
|
|
</template> |
|
|
|
</van-field> |
|
|
|
</van-radio-group> |
|
|
|
</template> |
|
|
|
</van-cell> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="applicationDetail.tHouseApplyEnd"> |
|
|
|
<p class="topTit">宅基地验收申请</p> |
|
|
|
<div class="main_box check-box"> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.memberName" label="申请户主姓名" placeholder="申请户主姓名" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.idcard" label="身份证号" placeholder="身份证号" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.location" label="用地建房位置" placeholder="用地建房位置" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.licenseKey" label="乡村建设规划许可证号" placeholder="乡村建设规划许可证号" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.approvalNumber" label="农村宅基地批准书号" placeholder="农村宅基地批准书号" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.startDate" label="开工日期" readonly clickable input-align="right" label-width="auto" placeholder="选择开工日期" @click="showCalendar = true"></van-field> |
|
|
|
<van-calendar /> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.endDate" label="竣工日期" readonly clickable input-align="right" label-width="auto" placeholder="选择竣工日期" @click="showCalendar = true"></van-field> |
|
|
|
<van-calendar /> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.houseCertificateNo" label="权属证书号（不动产）" placeholder="权属证书号（不动产）" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.landCertificateNo" label="权属证书号（宅基地）" placeholder="权属证书号（宅基地）" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.buildingHight" label="批建高度" placeholder="建筑高度" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.buildingFloors" label="批建层数" placeholder="批建层数" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.actualBuildingHight" label="竣工高度" placeholder="竣工高度" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.actualBuildingFloors" label="竣工层数" placeholder="竣工层数" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.buildingArea" label="建筑面积" placeholder="建筑面积" input-align="right" label-width="auto"/> |
|
|
|
<van-field v-model="applicationDetail.tHouseApplyEnd.designPaper" label="建筑风貌" placeholder="建筑风貌" input-align="right" label-width="auto"/> |
|
|
|
<van-cell title="旧宅基地退还情况"> |
|
|
|
<template #right-icon> |
|
|
|
<van-radio-group v-model="applicationDetail.tHouseApplyEnd.oldHouseStatus" direction="horizontal"> |
|
|
|
<van-radio name="0">是</van-radio> |
|
|
|
<van-radio name="1">否</van-radio> |
|
|
|
</van-radio-group> |
|
|
|
</template> |
|
|
|
</van-cell> |
|
|
|
<van-field label="备注" placeholder="" input-align="right"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="applicationDetail.tHouseApplyEnd" style="margin: 16px;"> |
|
|
|
<van-row> |
|
|
|
<van-col span="12" align="center"> |
|
|
|
<van-button type="info" native-type="submit" class="submitButton">保存</van-button> |
|
|
|
</van-col> |
|
|
|
<van-col span="12" align="center"> |
|
|
|
<van-button type="info" native-type="submit" class="submitButton">保存并提交</van-button> |
|
|
|
</van-col> |
|
|
|
</van-row> |
|
|
|
<div class="clear"></div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</van-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { allInformationAnnounce , treeSingleProcessView , attachmentFind , saveHouseBaseInfo , houseList , attach , removeFile , saveHouseBaseInfoThenSubmit} from "@/api/onlineHome/homestead/application"; |
|
|
|
export default { |
|
|
|
name: "applicationForm", |
|
|
|
data() { |
|
|
|
return { |
|
|
|
active: 0, |
|
|
|
nowTime: '',//当前日期 |
|
|
|
fileList: [], |
|
|
|
fileList2: [], |
|
|
|
radio:'1', |
|
|
|
value: '', |
|
|
|
columns: ['杭州', '宁波', '温州', '嘉兴', '湖州'], |
|
|
|
showPicker: false, |
|
|
|
showBuildingType: false, |
|
|
|
showLandIsposal: false, |
|
|
|
showHousingStructure: false, |
|
|
|
showStartDate: false, |
|
|
|
showEndDate: false, |
|
|
|
showApplyTime:false, |
|
|
|
showHouseType:false, |
|
|
|
showHouse:false, |
|
|
|
showSex:false, |
|
|
|
id:'', |
|
|
|
applicationDetail:[], |
|
|
|
//建房类型字典 |
|
|
|
buildingType:[], |
|
|
|
//性别字典 |
|
|
|
userSex:[], |
|
|
|
//处置情况字典 |
|
|
|
landIsposal:[], |
|
|
|
//房屋构造字典 |
|
|
|
housingStructure:[], |
|
|
|
//户型 |
|
|
|
houseType:[], |
|
|
|
//请求参数 |
|
|
|
parameter:{ |
|
|
|
businessType: "house", |
|
|
|
houseApplyStatus: '', |
|
|
|
processKey: "baseApply", |
|
|
|
tableName: "t_house_apply_proposer" |
|
|
|
}, |
|
|
|
//文件配置 |
|
|
|
fileArray:[], |
|
|
|
//获取上传附件 |
|
|
|
params:{ |
|
|
|
tableId: '', |
|
|
|
tableName: "t_house_apply_proposer", |
|
|
|
fileType: '' |
|
|
|
}, |
|
|
|
auditStatus:false, |
|
|
|
activeNames:['1'], |
|
|
|
housingStructureValue:'',//当前显示房屋构造 |
|
|
|
buildingTypeValue:'',//当前显示建房类型 |
|
|
|
landIsposalValue:'',//当前显示处置情况 |
|
|
|
houseTypeValue:'',//当前显示户型 |
|
|
|
sexValue:'',//当前显示性别 |
|
|
|
CurrentSituation:false, |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.id = this.$route.query.id; |
|
|
|
this.type = this.$route.query.type; |
|
|
|
this.getDetail(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
goFlow(){ |
|
|
|
window.location='flowChart?id='+this.id; |
|
|
|
}, |
|
|
|
//更新文件回显 |
|
|
|
afterRead(file) { |
|
|
|
this.$forceUpdate(); |
|
|
|
}, |
|
|
|
//删除图片 |
|
|
|
deleteFile(elIndex){ |
|
|
|
if(elIndex.id != ''){ |
|
|
|
removeFile(elIndex.id).then(response => {}); |
|
|
|
} |
|
|
|
this.$forceUpdate(); |
|
|
|
return (file, name) => { |
|
|
|
let fileIndex = name.index |
|
|
|
this.fileList[elIndex].splice(fileIndex, 1) |
|
|
|
this.upLoadList[elIndex].splice(fileIndex, 1) |
|
|
|
} |
|
|
|
}, |
|
|
|
//获取数据集合 |
|
|
|
getDetail(){ |
|
|
|
allInformationAnnounce(this.id).then(response => { |
|
|
|
//性别字典查询 |
|
|
|
this.houseGetDicts("sys_user_sex").then((res) => { |
|
|
|
res.data.map(item => { |
|
|
|
this.userSex.push({ value:item.dictValue, text: item.dictLabel}); |
|
|
|
}); |
|
|
|
this.sexValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposer.sex); |
|
|
|
}); |
|
|
|
//建房类型字典查询 |
|
|
|
this.houseGetDicts("building_type").then((res) => { |
|
|
|
res.data.map(item => { |
|
|
|
this.buildingType.push({ value:item.dictValue, text: item.dictLabel}); |
|
|
|
}); |
|
|
|
this.buildingTypeValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposedSituation.buildingType); |
|
|
|
}); |
|
|
|
//房屋构造字典查询 |
|
|
|
this.houseGetDicts("housing_structure").then((res) => { |
|
|
|
res.data.map(item => { |
|
|
|
this.housingStructure.push({ value:item.dictValue, text: item.dictLabel}); |
|
|
|
}); |
|
|
|
this.housingStructureValue = this.selectDictLabel(res.data, response.data.tHouseApplyProposedSituation.housingStructure); |
|
|
|
}); |
|
|
|
//处置情况字典查询 |
|
|
|
if(response.data.tHouseApplyProposer.existHomestead == 'Y'){ |
|
|
|
this.CurrentSituation = true ; |
|
|
|
this.houseGetDicts("land_isposal").then((res) => { |
|
|
|
res.data.map(item => { |
|
|
|
this.landIsposal.push({ value:item.dictValue, text: item.dictLabel}); |
|
|
|
}); |
|
|
|
this.landIsposalValue= this.selectDictLabel(res.data, response.data.tHouseApplyCurrentSituation.landIsposal); |
|
|
|
}); |
|
|
|
} |
|
|
|
//户型图查询 |
|
|
|
houseList().then(res => { |
|
|
|
res.rows.map(item => { |
|
|
|
this.houseType.push({ value:item.id, text: item.name}); |
|
|
|
}); |
|
|
|
if(response.data.tHouseApplyProposedSituation.houseTypeId != null){ |
|
|
|
for (let i = 0 ; i < res.rows.length ; i++){ |
|
|
|
if (res.rows[i].id = response.data.tHouseApplyProposedSituation.houseTypeId){ |
|
|
|
this.houseTypeValue = res.rows[i].name |
|
|
|
} |
|
|
|
} |
|
|
|
this.showHouse = true; |
|
|
|
} |
|
|
|
}); |
|
|
|
this.applicationDetail = response.data; |
|
|
|
this.parameter.houseApplyStatus = response.data.tHouseApplyProposer.houseApplyStatus; |
|
|
|
let currentProcessKey = response.data.currentProcessKey; |
|
|
|
this.auditStatus = response.data.tHouseApplyProposer.auditStatus != 0; |
|
|
|
//判断当前审核进行到哪一步 |
|
|
|
if (currentProcessKey == 'baseApply'){ |
|
|
|
this.active = 0; |
|
|
|
} |
|
|
|
if (currentProcessKey == 'landscope'){ |
|
|
|
this.active = 1; |
|
|
|
} |
|
|
|
if (currentProcessKey == 'accepting'){ |
|
|
|
this.active = 2; |
|
|
|
} |
|
|
|
//获取上传文件列表 |
|
|
|
treeSingleProcessView(this.parameter).then(res => { |
|
|
|
this.fileArray = res.rows |
|
|
|
this.params.tableId = this.id; |
|
|
|
for (let i = 0 ; i < res.rows.length ; i++){ |
|
|
|
this.params.fileType = res.rows[i].fileType; |
|
|
|
this.fileArray[i].findList = []; |
|
|
|
//获取文件集合 |
|
|
|
attachmentFind(this.params).then(res2 => { |
|
|
|
for (let j = 0 ; j < res2.data.length ; j++){ |
|
|
|
this.fileArray[i].findList[j] = {url:'http://192.168.31.239:8080'+ res2.data[j].fileUrl, isImage: true , id:res2.data[j].id} ; |
|
|
|
this.$forceUpdate(); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
onConfirmApplyTime(date) { |
|
|
|
this.applicationDetail.tHouseApplyProposer.applyTime = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`; |
|
|
|
this.showApplyTime = false; |
|
|
|
}, |
|
|
|
//基地开工时间 |
|
|
|
onConfirmStartDate(date) { |
|
|
|
this.applicationDetail.tHouseApplyStart.startDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`; |
|
|
|
this.showStartDate = false; |
|
|
|
}, |
|
|
|
//基地竣工时间 |
|
|
|
onConfirmEndDate(date) { |
|
|
|
this.applicationDetail.tHouseApplyStart.endDate = `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`; |
|
|
|
this.showEndDate = false; |
|
|
|
}, |
|
|
|
//选择建房类型 |
|
|
|
onConfirmBuildingType(data){ |
|
|
|
this.buildingTypeValue = data.text; |
|
|
|
this.applicationDetail.tHouseApplyProposedSituation.buildingType = data.value; |
|
|
|
this.showBuildingType = false; |
|
|
|
}, |
|
|
|
//选择宅基地处置情况 |
|
|
|
onConfirmLandIsposal(data){ |
|
|
|
this.landIsposalValue = data.text; |
|
|
|
this.applicationDetail.tHouseApplyCurrentSituation.landIsposal = data.value; |
|
|
|
this.showLandIsposal = false; |
|
|
|
}, |
|
|
|
//选择房屋构造 |
|
|
|
onConfirmHousingStructure(data){ |
|
|
|
this.housingStructureValue = data.text; |
|
|
|
this.applicationDetail.tHouseApplyProposedSituation.housingStructure = data.value; |
|
|
|
this.showHousingStructure = false; |
|
|
|
}, |
|
|
|
//选择户型 |
|
|
|
onConfirmHouseType(data){ |
|
|
|
this.houseTypeValue = data.text; |
|
|
|
this.applicationDetail.tHouseApplyProposedSituation.houseTypeId = data.value; |
|
|
|
this.showHouseType = false; |
|
|
|
}, |
|
|
|
//选择性别 |
|
|
|
onConfirmSex(data){ |
|
|
|
this.sexValue = data.text; |
|
|
|
this.applicationDetail.tHouseApplyProposer.sex = data.value; |
|
|
|
this.showSex = false; |
|
|
|
}, |
|
|
|
//添加家庭成员 |
|
|
|
addFamily(){ |
|
|
|
this.applicationDetail.tHouseApplyFamilyMembers.push({ |
|
|
|
applyProposerId:this.applicationDetail.tHouseApplyFamilyMembers[0].applyProposerId, |
|
|
|
memberName:'', |
|
|
|
age:'', |
|
|
|
familyStatusName:'', |
|
|
|
idcard :'', |
|
|
|
householdRegister:'', |
|
|
|
}); |
|
|
|
}, |
|
|
|
//删除家庭成员 |
|
|
|
deleteFamily(index){ |
|
|
|
|
|
|
|
this.applicationDetail.tHouseApplyFamilyMembers.splice(index,1) |
|
|
|
}, |
|
|
|
//是否有宅基地选项改变 |
|
|
|
existHomesteadChange(name){ |
|
|
|
if (name == 'Y'){ |
|
|
|
if (this.applicationDetail.tHouseApplyCurrentSituation == null){ |
|
|
|
//现宅基地情况 |
|
|
|
this.applicationDetail.tHouseApplyCurrentSituation = { |
|
|
|
//宅基地面积 |
|
|
|
landArea: '', |
|
|
|
//人均宅基地面积 |
|
|
|
landPerArea: '', |
|
|
|
//不动产单元号 |
|
|
|
landCertificateNo: '', |
|
|
|
//农民房屋幢号 |
|
|
|
houseCertificateNo: '', |
|
|
|
//建筑面积 |
|
|
|
buildingArea: '', |
|
|
|
//人均建筑面积 |
|
|
|
buildingPerArea: '', |
|
|
|
//现宅基地处置情况 字典 land_isposal |
|
|
|
landIsposal: "" |
|
|
|
}; |
|
|
|
this.CurrentSituation = true ; |
|
|
|
//处置情况字典查询 |
|
|
|
this.houseGetDicts("land_isposal").then((res) => { |
|
|
|
res.data.map(item => { |
|
|
|
this.landIsposal.push({ value:item.dictValue, text: item.dictLabel}); |
|
|
|
}); |
|
|
|
this.landIsposalValue= this.selectDictLabel(res.data, this.applicationDetail.tHouseApplyCurrentSituation.landIsposal); |
|
|
|
}); |
|
|
|
} |
|
|
|
this.CurrentSituation = true; |
|
|
|
}else{ |
|
|
|
this.CurrentSituation = false; |
|
|
|
} |
|
|
|
}, |
|
|
|
//图纸选择改变 |
|
|
|
designPaperChange(name){ |
|
|
|
if(name == 2){ |
|
|
|
this.showHouse = true; |
|
|
|
}else{ |
|
|
|
this.showHouse = false; |
|
|
|
} |
|
|
|
}, |
|
|
|
base64toFile(dataurl, filename = "file") { |
|
|
|
let arr = dataurl.split(","); |
|
|
|
let mime = arr[0].match(/:(.*?);/)[1]; |
|
|
|
let suffix = mime.split("/")[1]; |
|
|
|
let bstr = atob(arr[1]); |
|
|
|
let n = bstr.length; |
|
|
|
let u8arr = new Uint8Array(n); |
|
|
|
while (n--) { |
|
|
|
u8arr[n] = bstr.charCodeAt(n); |
|
|
|
} |
|
|
|
return new File([u8arr], `${filename}.${suffix}`, { |
|
|
|
type: mime, |
|
|
|
}); |
|
|
|
}, |
|
|
|
//申请提交 |
|
|
|
onSubmit(type){ |
|
|
|
var that = this; |
|
|
|
let form = {}; |
|
|
|
form.fileList=[]; |
|
|
|
this.fileList.tableId = this.id; |
|
|
|
for (let i = 0 ; i < this.fileArray.length ; i++){ |
|
|
|
if (this.fileArray[i].findList == null || this.fileArray[i].findList == undefined || this.fileArray[i].findList == ''){ |
|
|
|
continue |
|
|
|
} |
|
|
|
for (let j = 0 ; j < this.fileArray[i].findList.length ; j++){ |
|
|
|
const params = new FormData() |
|
|
|
params.append('tableId', this.id) |
|
|
|
params.append('tableName', 't_house_apply_proposer') |
|
|
|
params.append('bizPath', 't_house_apply_proposer') |
|
|
|
params.append('fileType', this.fileArray[i].fileType) |
|
|
|
if (this.fileArray[i].findList[j].url){ |
|
|
|
continue; |
|
|
|
} |
|
|
|
params.append('file', this.base64toFile(this.fileArray[i].findList[j].content)) |
|
|
|
attach(params).then(res => { |
|
|
|
form.fileList.push(res.id); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
form.tHouseApplyProposer=this.applicationDetail.tHouseApplyProposer; |
|
|
|
form.tHouseApplyFamilyMembers=this.applicationDetail.tHouseApplyFamilyMembers; |
|
|
|
form.tHouseApproveVillageOptions=this.applicationDetail.tHouseApproveVillageOptions; |
|
|
|
form.tHouseApplyCurrentSituation=this.applicationDetail.tHouseApplyCurrentSituation; |
|
|
|
form.tHouseApplyProposedSituation=this.applicationDetail.tHouseApplyProposedSituation; |
|
|
|
setTimeout(function(){ |
|
|
|
if (type == 'keep'){ |
|
|
|
saveHouseBaseInfo(form).then(res => { |
|
|
|
if(res.code = 200){ |
|
|
|
that.$toast.success('保存成功'); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
if (type == 'submit'){ |
|
|
|
saveHouseBaseInfoThenSubmit(form).then(res => { |
|
|
|
if(res.code = 200){ |
|
|
|
that.$toast.success('提交成功'); |
|
|
|
} |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
},1000) |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.app-container { |
|
|
|
padding-bottom: 5%; |
|
|
|
} |
|
|
|
.van-steps{ |
|
|
|
padding: 2% 6% 0; |
|
|
|
} |
|
|
|
.topTit{ |
|
|
|
margin-top: 0.4rem; |
|
|
|
font-size: 0.45rem; |
|
|
|
background-color: #1D6FE9; |
|
|
|
color: #FFFFFF; |
|
|
|
line-height: 58px; |
|
|
|
text-align: center; |
|
|
|
padding: 15px 0; |
|
|
|
box-shadow: 0px 3px 6px 0px rgba(15,67,145,0.40); |
|
|
|
} |
|
|
|
.main_title{ |
|
|
|
font-size: 0.4rem; |
|
|
|
color: #1D6FE9; |
|
|
|
margin: 0.2rem 6%; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.main_box{ |
|
|
|
width: 96%; |
|
|
|
margin: 0 auto; |
|
|
|
border-radius: 6px; |
|
|
|
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); |
|
|
|
overflow: hidden; |
|
|
|
background-color: #FFF; |
|
|
|
} |
|
|
|
.collapse{ |
|
|
|
width: 96%; |
|
|
|
margin: 0 auto; |
|
|
|
border-radius: 6px; |
|
|
|
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); |
|
|
|
overflow: hidden; |
|
|
|
margin-bottom: 15px; |
|
|
|
} |
|
|
|
/deep/.van-radio--horizontal{ |
|
|
|
margin-left: 20px; |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
.file-box{ |
|
|
|
padding: 2% 5% 0; |
|
|
|
} |
|
|
|
.submitButton{ |
|
|
|
width: 80%; |
|
|
|
margin: 0 auto; |
|
|
|
background-color: #1D6FE9; |
|
|
|
border-radius: 14px; |
|
|
|
} |
|
|
|
.timeTit{ |
|
|
|
text-align: center; |
|
|
|
font-size: 16px; |
|
|
|
line-height: 27px; |
|
|
|
} |
|
|
|
.action-box{ |
|
|
|
padding: 15px 0!important; |
|
|
|
margin-top: 0.4rem; |
|
|
|
} |
|
|
|
.check-box{ |
|
|
|
margin-top: 0.4rem; |
|
|
|
} |
|
|
|
.addFamily{ |
|
|
|
position: absolute; |
|
|
|
top: -2px; |
|
|
|
right: 0; |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
.deleteFamily{ |
|
|
|
position: absolute; |
|
|
|
top: -0.3rem; |
|
|
|
right: 6%; |
|
|
|
z-index: 9; |
|
|
|
border-radius: 50%; |
|
|
|
} |
|
|
|
.familyList{ |
|
|
|
margin-top: 0.4rem; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
.noModify{ |
|
|
|
.topTit{ |
|
|
|
background-color:#ABABAB ; |
|
|
|
box-shadow: 0px 3px 6px 0px rgba(171,171,171,0.40); |
|
|
|
} |
|
|
|
.van-cell__title{ |
|
|
|
color: #B4B0B0; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
