@@ -852,6 +852,24 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/yinnong/homestead/freeExit/freeExitList'], resolve) | component: (resolve) => require(['@/views/yinnong/homestead/freeExit/freeExitList'], resolve) | ||||
}, | }, | ||||
{ | |||||
path: '/homesteadPaidExitAdd', | |||||
name: 'homesteadPaidExitAdd', | |||||
meta: { | |||||
title: '有偿退出(阳光村务)', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/yinnong/homestead/paidExit/paidExitAdd'], resolve) | |||||
}, | |||||
{ | |||||
path: '/homesteadPaidExitModify', | |||||
name: 'homesteadPaidExitModify', | |||||
meta: { | |||||
title: '有偿退出(阳光村务)', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/yinnong/homestead/paidExit/paidExitModify'], resolve) | |||||
}, | |||||
{ | { | ||||
path: '/paidExitAdd', | path: '/paidExitAdd', | ||||
name: 'paidExitAdd', | name: 'paidExitAdd', | ||||
@@ -3912,6 +3930,15 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/sunVillage_info/homeApplication/proposerLite'], resolve) | component: (resolve) => require(['@/views/sunVillage_info/homeApplication/proposerLite'], resolve) | ||||
}, | }, | ||||
{ | |||||
path: '/homesteadProposerLite', | |||||
name: 'homesteadProposerLite', | |||||
meta: { | |||||
title: '农村宅基地申请(阳光村务)', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/yinnong/homestead/homeApplication/proposerLite'], resolve) | |||||
}, | |||||
{ | { | ||||
path: '/sunVillage_info/paidExit/paidExitList', | path: '/sunVillage_info/paidExit/paidExitList', | ||||
name: 'sunVillageInfoPaidExitList', | name: 'sunVillageInfoPaidExitList', | ||||
@@ -849,11 +849,17 @@ export default { | |||||
return; | return; | ||||
} | } | ||||
if(this.form.id == null){ | if(this.form.id == null){ | ||||
let surveyItem = JSON.parse(localStorage.getItem("surveyItem")); | let surveyItem = JSON.parse(localStorage.getItem("surveyItem")); | ||||
this.$set(this.form, 'theGeomJson', JSON.parse( this.form.theGeomJson)); | |||||
if(this.form.theGeomJson.hasOwnProperty('coordinates')) // 从后台获取的 | |||||
this.$set(this.form, 'theGeomJson',this.form.theGeomJson.coordinates); | |||||
this.$set(this.form, 'theGeomJson', JSON.stringify( this.form.theGeomJson)); | |||||
this.$set(this.form, 'surveyId', surveyItem.id); | this.$set(this.form, 'surveyId', surveyItem.id); | ||||
addZjdzd(this.form).then(response => { | addZjdzd(this.form).then(response => { | ||||
let _this =this; | let _this =this; | ||||
getZjdzd(response.data).then((res) => { | getZjdzd(response.data).then((res) => { | ||||
console.info(res.data); | |||||
localStorage.setItem("zjdzdxxItem",JSON.stringify(res.data)); | localStorage.setItem("zjdzdxxItem",JSON.stringify(res.data)); | ||||
this.$toast({ | this.$toast({ | ||||
icon: 'success', // 找到自己需要的图标 | icon: 'success', // 找到自己需要的图标 | ||||
@@ -209,6 +209,10 @@ export default { | |||||
}, | }, | ||||
submitzjd(){ | submitzjd(){ | ||||
this.$refs.form.validate().then(() => { | this.$refs.form.validate().then(() => { | ||||
this.$set(this.form, 'theGeomJson', JSON.parse( this.form.theGeomJson)); | |||||
if(this.form.theGeomJson.hasOwnProperty('coordinates')) // 从后台获取的 | |||||
this.$set(this.form, 'theGeomJson',this.form.theGeomJson.coordinates); | |||||
this.$set(this.form, 'theGeomJson', JSON.stringify( this.form.theGeomJson)); | |||||
if(this.form.id == null){ | if(this.form.id == null){ | ||||
addFsss(this.form).then(response => { | addFsss(this.form).then(response => { | ||||
let _this =this | let _this =this | ||||
@@ -243,6 +243,7 @@ export default { | |||||
let data = this.$route.query; | let data = this.$route.query; | ||||
this.form = data; | this.form = data; | ||||
this.zjdzdxx = JSON.parse(localStorage.getItem("zjdzdxxItem")); | this.zjdzdxx = JSON.parse(localStorage.getItem("zjdzdxxItem")); | ||||
console.info(this.zjdzdxx); | |||||
this.permission = localStorage.getItem("executePermission"); | this.permission = localStorage.getItem("executePermission"); | ||||
if(this.form.shyqrdbzjhm != null){ | if(this.form.shyqrdbzjhm != null){ | ||||
this.getList(); | this.getList(); | ||||
@@ -269,6 +270,10 @@ export default { | |||||
submitzjd(){ | submitzjd(){ | ||||
this.$refs.form.validate().then(() => { | this.$refs.form.validate().then(() => { | ||||
if(this.form.id == null){ | if(this.form.id == null){ | ||||
this.$set(this.form, 'theGeomJson', JSON.parse( this.form.theGeomJson)); | |||||
if(this.form.theGeomJson.hasOwnProperty('coordinates')) // 从后台获取的 | |||||
this.$set(this.form, 'theGeomJson',this.form.theGeomJson.coordinates); | |||||
this.$set(this.form, 'theGeomJson', JSON.stringify( this.form.theGeomJson)); | |||||
addZrz(this.form).then(response => { | addZrz(this.form).then(response => { | ||||
let _this =this | let _this =this | ||||
this.$toast({ | this.$toast({ | ||||
@@ -28,7 +28,7 @@ | |||||
@load="getList" | @load="getList" | ||||
> | > | ||||
<van-swipe-cell v-for="(item,index) in applicationList" :key="index"> | <van-swipe-cell v-for="(item,index) in applicationList" :key="index"> | ||||
<van-cell :title="item.zjddm" :value="item.auditStatus" center :to="{name:'sunVillageInfoPaidExitDetail', query: {id:item.id}}" > | |||||
<van-cell :title="item.zjddm" :value="selectDictLabel(auditStatus, item.auditStatus)" center :to="{name:'sunVillageInfoPaidExitDetail', query: {id:item.id}}" > | |||||
<template #icon> | <template #icon> | ||||
<van-icon name="../../../static/images/onlineHome/icon_zjd3.png" size="30" color="#539FFD" style="margin-right: 10px;" /> | <van-icon name="../../../static/images/onlineHome/icon_zjd3.png" size="30" color="#539FFD" style="margin-right: 10px;" /> | ||||
</template> | </template> | ||||
@@ -39,13 +39,13 @@ | |||||
<template #right> | <template #right> | ||||
<van-row> | <van-row> | ||||
<van-col> | <van-col> | ||||
<van-button square text="修改" v-if="item.auditStatus=='草稿'" :to="{name:'sunVillageInfoPaidExitModify', query: {id:item.id}}" type="info" class="delete-button" /> | |||||
<van-button square text="修改" v-if="item.auditStatus=='0'" :to="{name:'sunVillageInfoPaidExitModify', query: {id:item.id}}" type="info" class="delete-button" /> | |||||
</van-col> | </van-col> | ||||
<van-col> | <van-col> | ||||
<van-button square text="提交" type="primary" v-if="item.auditStatus=='草稿'" class="delete-button" @click="goSubmit(item)" /> | |||||
<van-button square text="提交" type="primary" v-if="item.auditStatus=='0'" class="delete-button" @click="goSubmit(item)" /> | |||||
</van-col> | </van-col> | ||||
<van-col> | <van-col> | ||||
<van-button square text="删除" v-if="item.auditStatus=='草稿'" @click="deleteList(item.id,index)" type="danger" class="delete-button" /> | |||||
<van-button square text="删除" v-if="item.auditStatus=='0'" @click="deleteList(item.id,index)" type="danger" class="delete-button" /> | |||||
</van-col> | </van-col> | ||||
</van-row> | </van-row> | ||||
</template> | </template> | ||||
@@ -1,15 +1,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-nav-bar | |||||
left-arrow | |||||
fixed | |||||
placeholder | |||||
@click-left="$router.back(-1)" | |||||
> | |||||
<template #title> | |||||
<p style="font-weight: bold;">添加宅基地使用权流转</p> | |||||
</template> | |||||
</van-nav-bar> | |||||
<div class="header_main"> | |||||
使用权流转 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<p class="main_title">转出方信息</p> | <p class="main_title">转出方信息</p> | ||||
<div class="main_box"> | <div class="main_box"> | ||||
<!-- <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>--> | <!-- <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>--> | ||||
@@ -641,6 +635,38 @@ | |||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.app-container { | .app-container { | ||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | } | ||||
.main_title{ | .main_title{ | ||||
font-size: 0.4rem; | font-size: 0.4rem; | ||||
@@ -1,15 +1,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-nav-bar | |||||
left-arrow | |||||
fixed | |||||
placeholder | |||||
@click-left="$router.back(-1)" | |||||
> | |||||
<template #title> | |||||
<p style="font-weight: bold;">添加宅基地使用权流转</p> | |||||
</template> | |||||
</van-nav-bar> | |||||
<div class="header_main"> | |||||
使用权流转 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<p class="main_title">转出方信息</p> | <p class="main_title">转出方信息</p> | ||||
<div class="main_box"> | <div class="main_box"> | ||||
<!-- <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>--> | <!-- <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>--> | ||||
@@ -670,6 +664,38 @@ | |||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.app-container { | .app-container { | ||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | } | ||||
.main_title{ | .main_title{ | ||||
font-size: 0.4rem; | font-size: 0.4rem; | ||||
@@ -1,19 +1,10 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-nav-bar | |||||
left-arrow | |||||
fixed | |||||
placeholder | |||||
@click-left="$router.back(-1)" | |||||
@click-right="goAdd" | |||||
> | |||||
<template #title> | |||||
<p style="font-weight: bold;">使用权流转</p> | |||||
</template> | |||||
<template #right> | |||||
<van-icon name="add" size="18" /> | |||||
</template> | |||||
</van-nav-bar> | |||||
<div class="header_main"> | |||||
使用权流转 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
<div class="add_btn" @click="goAdd"></div> | |||||
</div> | |||||
<van-list | <van-list | ||||
v-model="loading" | v-model="loading" | ||||
:finished="finished" | :finished="finished" | ||||
@@ -120,7 +111,38 @@ export default { | |||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.app-container { | .app-container { | ||||
padding: 0.2rem 3%; | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | } | ||||
/deep/.van-cell__title{ | /deep/.van-cell__title{ | ||||
flex: 0.7; | flex: 0.7; | ||||
@@ -1,15 +1,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-nav-bar | |||||
left-arrow | |||||
fixed | |||||
placeholder | |||||
@click-left="$router.back(-1)" | |||||
> | |||||
<template #title> | |||||
<p style="font-weight: bold;">添加宅基地使用权流转</p> | |||||
</template> | |||||
</van-nav-bar> | |||||
<div class="header_main"> | |||||
使用权流转 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<p class="main_title">转出方信息</p> | <p class="main_title">转出方信息</p> | ||||
<div class="main_box"> | <div class="main_box"> | ||||
<!-- <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>--> | <!-- <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>--> | ||||
@@ -670,6 +664,38 @@ | |||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.app-container { | .app-container { | ||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | } | ||||
.main_title{ | .main_title{ | ||||
font-size: 0.4rem; | font-size: 0.4rem; | ||||
@@ -627,7 +627,7 @@ export default { | |||||
padding-bottom: 2%; | padding-bottom: 2%; | ||||
.header_main{ | .header_main{ | ||||
height: 116px; | height: 116px; | ||||
background: url('../../../../assets/images/sunVillage_info/list_head_green.png') no-repeat; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
position: fixed; | position: fixed; | ||||
top: 0; | top: 0; | ||||
@@ -791,7 +791,7 @@ export default { | |||||
padding-bottom: 2%; | padding-bottom: 2%; | ||||
.header_main{ | .header_main{ | ||||
height: 116px; | height: 116px; | ||||
background: url('../../../../assets/images/sunVillage_info/list_head_green.png') no-repeat; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
position: fixed; | position: fixed; | ||||
top: 0; | top: 0; | ||||
@@ -154,7 +154,7 @@ export default { | |||||
.app-container { | .app-container { | ||||
.header_main{ | .header_main{ | ||||
height: 116px; | height: 116px; | ||||
background: url('../../../../assets/images/sunVillage_info/list_head_green.png') no-repeat; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
position: fixed; | position: fixed; | ||||
top: 0; | top: 0; | ||||
@@ -550,7 +550,7 @@ | |||||
padding-bottom: 2%; | padding-bottom: 2%; | ||||
.header_main{ | .header_main{ | ||||
height: 116px; | height: 116px; | ||||
background: url('../../../../assets/images/sunVillage_info/list_head_green.png') no-repeat; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
position: fixed; | position: fixed; | ||||
top: 0; | top: 0; | ||||
@@ -101,7 +101,7 @@ | |||||
|| row.houseApplyStatus == '3F' // 开工通过 | || row.houseApplyStatus == '3F' // 开工通过 | ||||
|| row.houseApplyStatus == '71' // 验收草稿 | || row.houseApplyStatus == '71' // 验收草稿 | ||||
? 'modify' : 'view'; | ? 'modify' : 'view'; | ||||
this.$router.push({name:'applicationForm',query:{type:type,id:row.id}}) | |||||
this.$router.push({name:'homesteadProposerLite',query:{type:type,id:row.id}}) | |||||
}, | }, | ||||
getList(target){ | getList(target){ | ||||
let type = typeof (target); | let type = typeof (target); | ||||
@@ -208,7 +208,7 @@ | |||||
.app-container { | .app-container { | ||||
.header_main{ | .header_main{ | ||||
height: 116px; | height: 116px; | ||||
background: url('../../../../assets/images/sunVillage_info/list_head_green.png') no-repeat; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
position: fixed; | position: fixed; | ||||
top: 0; | top: 0; | ||||
@@ -1,27 +1,28 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | |||||
<!-- <van-nav-bar--> | |||||
<!-- left-arrow--> | |||||
<!-- fixed--> | |||||
<!-- placeholder--> | |||||
<!-- @click-left="$router.back(-1)"--> | |||||
<!-- @click-right="goAddLite()"--> | |||||
<!-- >--> | |||||
<!-- <template #title>--> | |||||
<!-- <p style="font-weight: bold;">宅基地申请</p>--> | |||||
<!-- </template>--> | |||||
<!-- <template #right>--> | |||||
<!-- <van-icon name="add" size="18"/>--> | |||||
<!-- </template>--> | |||||
<!-- </van-nav-bar>--> | |||||
<div class="app-container"> | |||||
<!-- <van-nav-bar--> | |||||
<!-- left-arrow--> | |||||
<!-- fixed--> | |||||
<!-- placeholder--> | |||||
<!-- @click-left="$router.back(-1)"--> | |||||
<!-- @click-right="goAddLite()"--> | |||||
<!-- >--> | |||||
<!-- <template #title>--> | |||||
<!-- <p style="font-weight: bold;">宅基地申请</p>--> | |||||
<!-- </template>--> | |||||
<!-- <template #right>--> | |||||
<!-- <van-icon name="add" size="18"/>--> | |||||
<!-- </template>--> | |||||
<!-- </van-nav-bar>--> | |||||
<div class="header_main"> | |||||
宅基地申请 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div class="header_main"> | |||||
宅基地申请 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
<div class="add_btn" @click="goAddLite"></div> | |||||
</div> | |||||
<van-pull-refresh v-model="refreshing" @refresh="getList()"> | |||||
<van-list | |||||
<van-pull-refresh v-model="refreshing" @refresh="getList()"> | |||||
<van-list | |||||
v-model="loading" | v-model="loading" | ||||
:finished="finished" | :finished="finished" | ||||
finished-text="没有更多了" | finished-text="没有更多了" | ||||
@@ -29,13 +30,13 @@ | |||||
> | > | ||||
<van-swipe-cell v-for="(item,index) in applicationList" :key="index"> | <van-swipe-cell v-for="(item,index) in applicationList" :key="index"> | ||||
<van-cell :title="item.ywh" center @click="viewItem(item)"> | <van-cell :title="item.ywh" center @click="viewItem(item)"> | ||||
<!-- <van-cell :title="item.ywh" :value="item.houseApplyStatusName" center @click="viewItem(item)">--> | |||||
<!-- <template #icon>--> | |||||
<!-- <van-icon name="../../../static/images/onlineHome/icon_zjd1.png" size="30" color="#539FFD" style="margin-right: 10px;" />--> | |||||
<!-- </template>--> | |||||
<!-- <template #label>--> | |||||
<!-- <p>{{item.projectName}}</p>--> | |||||
<!-- </template>--> | |||||
<!-- <van-cell :title="item.ywh" :value="item.houseApplyStatusName" center @click="viewItem(item)">--> | |||||
<!-- <template #icon>--> | |||||
<!-- <van-icon name="../../../static/images/onlineHome/icon_zjd1.png" size="30" color="#539FFD" style="margin-right: 10px;" />--> | |||||
<!-- </template>--> | |||||
<!-- <template #label>--> | |||||
<!-- <p>{{item.projectName}}</p>--> | |||||
<!-- </template>--> | |||||
<template #icon> | <template #icon> | ||||
<van-icon name="../../../static/images/onlineHome/icon_zjd1.png" size="30" color="#539FFD" style="margin-right: 10px;" /> | <van-icon name="../../../static/images/onlineHome/icon_zjd1.png" size="30" color="#539FFD" style="margin-right: 10px;" /> | ||||
</template> | </template> | ||||
@@ -48,147 +49,151 @@ | |||||
</van-cell> | </van-cell> | ||||
<template #right> | <template #right> | ||||
<van-row> | <van-row> | ||||
<van-col> | <van-col> | ||||
<van-button square text="许可证预览" v-if="parseInt(item.homeApplyStatus, 16) >= 0x31" type="info" :to="{name:'homeXkzPanel', query: {id:item.id, type: 'modify'}}" class="delete-button" /> | |||||
<van-button square text="提交" type="primary" v-if="item.homeApplyStatus=='11' || item.homeApplyStatus=='31' || item.homeApplyStatus=='71'" @click="submitApplyProposer(item)" class="delete-button" /> | |||||
</van-col> | |||||
<van-col> | |||||
<van-button square text="修改" type="info" v-if="item.homeApplyStatus=='11' || item.homeApplyStatus=='31' || item.homeApplyStatus=='71'" :to="{name:'homesteadProposerLite', query: {id:item.id, type: 'modify'}}" class="delete-button" /> | |||||
</van-col> | </van-col> | ||||
<van-col> | <van-col> | ||||
<van-button square text="批准书预览" v-if="parseInt(item.homeApplyStatus, 16) >= 0x31" type="info" :to="{name:'homePzsPanel', query: {id:item.id, type: 'modify'}}" class="delete-button" /> | |||||
<van-button square text="删除" type="danger" v-if="item.homeApplyStatus=='11'" @click="deleteList(item.id,index)" class="delete-button" /> | |||||
</van-col> | </van-col> | ||||
</van-row> | </van-row> | ||||
</template> | </template> | ||||
</van-swipe-cell> | </van-swipe-cell> | ||||
</van-list> | </van-list> | ||||
</van-pull-refresh> | |||||
</div> | |||||
</van-pull-refresh> | |||||
</div> | |||||
</template> | </template> | ||||
<script> | <script> | ||||
import { getList , removeList } from "@/api/sunVillage_info/homestead/application"; | |||||
import { customSubmitWLHT, submitStartWLHT, submitEndWLHT,} from "@/api/sunVillage_info/homestead/application"; | |||||
import {updateOpretion} from "@/api/sunVillage_info/homestead/application"; | |||||
import Cookies from "js-cookie"; | |||||
export default { | |||||
name: "applicationList", | |||||
data() { | |||||
return { | |||||
applicationList:[], | |||||
houseApplyStatus:[], | |||||
loading: false, | |||||
finished: false, | |||||
refreshing: false, | |||||
import { getList , removeList } from "@/api/sunVillage_info/homestead/application"; | |||||
import { customSubmitWLHT, submitStartWLHT, submitEndWLHT,} from "@/api/sunVillage_info/homestead/application"; | |||||
import {updateOpretion} from "@/api/sunVillage_info/homestead/application"; | |||||
import Cookies from "js-cookie"; | |||||
export default { | |||||
name: "applicationList", | |||||
data() { | |||||
return { | |||||
applicationList:[], | |||||
houseApplyStatus:[], | |||||
loading: false, | |||||
finished: false, | |||||
refreshing: false, | |||||
deptId:null, | |||||
idcard:null, | |||||
total: 0, | |||||
queryParams:{ | |||||
pageNum:1, | |||||
pageSize:10, | |||||
deptId:null, | deptId:null, | ||||
idcard:null, | |||||
total: 0, | |||||
queryParams:{ | |||||
pageNum:1, | |||||
pageSize:10, | |||||
deptId:null, | |||||
orderByColumn:'createTime', | |||||
isAsc:'desc' | |||||
} | |||||
}; | |||||
orderByColumn:'createTime', | |||||
isAsc:'desc' | |||||
} | |||||
}; | |||||
}, | |||||
created() { | |||||
this.houseGetDicts("home_stage_status").then((response) => { | |||||
this.houseApplyStatus = response.data; | |||||
}); | |||||
this.deptId = Cookies.get('deptId') | |||||
this.idcard = Cookies.get('idcard') | |||||
this.$set(this.queryParams, "deptId", this.deptId); | |||||
this.$set(this.queryParams, "sqhhzsfzh", this.idcard); | |||||
this.getList(); | |||||
}, | |||||
methods: { | |||||
goAdd(){ | |||||
window.location = 'applicationAdd'; | |||||
}, | }, | ||||
created() { | |||||
this.houseGetDicts("home_stage_status").then((response) => { | |||||
this.houseApplyStatus = response.data; | |||||
}); | |||||
this.deptId = this.$store.state.user.loginDeptId; | |||||
this.$set(this.queryParams, "deptId", this.deptId); | |||||
this.getList(); | |||||
goAddLite(){ | |||||
//window.location = 'applicationAdd' | |||||
this.$router.push({name:'homesteadProposerLite',query:{type:"add"}}) | |||||
}, | }, | ||||
methods: { | |||||
goAdd(){ | |||||
window.location = 'applicationAdd'; | |||||
}, | |||||
goAddLite(){ | |||||
//window.location = 'applicationAdd' | |||||
this.$router.push({name:'sunVillageInfoProposerLite',query:{type:"add"}}) | |||||
}, | |||||
viewItem(row){ | |||||
let type = row.houseApplyStatus == '11' // 申请草稿 | |||||
viewItem(row){ | |||||
let type = row.houseApplyStatus == '11' // 申请草稿 | |||||
|| row.houseApplyStatus == '1F' // 申请通过 | || row.houseApplyStatus == '1F' // 申请通过 | ||||
|| row.houseApplyStatus == '31' // 开工草稿 | || row.houseApplyStatus == '31' // 开工草稿 | ||||
|| row.houseApplyStatus == '3F' // 开工通过 | || row.houseApplyStatus == '3F' // 开工通过 | ||||
|| row.houseApplyStatus == '71' // 验收草稿 | || row.houseApplyStatus == '71' // 验收草稿 | ||||
? 'modify' : 'view'; | ? 'modify' : 'view'; | ||||
this.$router.push({name:'applicationForm',query:{type:type,id:row.id}}) | |||||
}, | |||||
getList(target){ | |||||
let type = typeof (target); | |||||
console.log(type, target); | |||||
if(target && this.finished) | |||||
return; | |||||
if (target === 0) { | |||||
this.refreshing = true; | |||||
this.$router.push({name:'homesteadProposerLite',query:{type:type,id:row.id}}) | |||||
}, | |||||
getList(target){ | |||||
let type = typeof (target); | |||||
console.log(type, target); | |||||
if(target && this.finished) | |||||
return; | |||||
if (target === 0) { | |||||
this.refreshing = true; | |||||
this.finished = true; | |||||
this.total = 0; | |||||
this.queryParams.pageNum = 1; | |||||
this.applicationList = []; | |||||
} | |||||
else if (type === 'number') | |||||
this.queryParams.pageNum = target; | |||||
else if (type === 'string') { | |||||
this.queryParams.pageNum = eval(this.queryParams.pageNum + target) | |||||
} | |||||
else | |||||
{ | |||||
this.refreshing = true; | |||||
this.finished = true; | |||||
this.total = 0; | |||||
this.queryParams.pageNum = 1; | |||||
this.applicationList = [] | |||||
} | |||||
getList(this.queryParams).then(response => { | |||||
console.log(response) | |||||
if (response.rows.length === 0) { | |||||
this.finished = true; | this.finished = true; | ||||
this.total = 0; | |||||
this.queryParams.pageNum = 1; | |||||
this.applicationList = []; | |||||
return; | |||||
} | } | ||||
else if (type === 'number') | |||||
this.queryParams.pageNum = target; | |||||
else if (type === 'string') { | |||||
this.queryParams.pageNum = eval(this.queryParams.pageNum + target) | |||||
for (var i = 0; i < response.rows.length; i++) { | |||||
/*var houseApplyStatusName = this.selectDictLabel(this.houseApplyStatus, response.rows[i].houseApplyStatus); | |||||
// if(response.rows[i].auditStatus !== '0' && response.rows[i].auditStatus === '2'){ | |||||
// houseApplyStatusName = houseApplyStatusName+ ' ● 已驳回'; | |||||
// } | |||||
response.rows[i].houseApplyStatusName = houseApplyStatusName;*/ | |||||
this.applicationList.push(response.rows[i]); | |||||
} | } | ||||
else | |||||
{ | |||||
this.refreshing = true; | |||||
this.finished = true; | |||||
this.total = 0; | |||||
this.queryParams.pageNum = 1; | |||||
this.applicationList = [] | |||||
} | |||||
getList(this.queryParams).then(response => { | |||||
console.log(response) | |||||
if (response.rows.length === 0) { | |||||
this.finished = true; | |||||
return; | |||||
} | |||||
for (var i = 0; i < response.rows.length; i++) { | |||||
/*var houseApplyStatusName = this.selectDictLabel(this.houseApplyStatus, response.rows[i].houseApplyStatus); | |||||
// if(response.rows[i].auditStatus !== '0' && response.rows[i].auditStatus === '2'){ | |||||
// houseApplyStatusName = houseApplyStatusName+ ' ● 已驳回'; | |||||
// } | |||||
response.rows[i].houseApplyStatusName = houseApplyStatusName;*/ | |||||
this.applicationList.push(response.rows[i]); | |||||
this.total += response.rows.length; | |||||
this.finished = this.total >= response.total; | |||||
}).finally(() => { | |||||
this.loading = false; | |||||
this.refreshing = false; | |||||
}); | |||||
}, | |||||
formatDict(dict, value) { | |||||
return this.selectDictLabel(dict, value); | |||||
}, | |||||
deleteList(id,index){ | |||||
this.$dialog.confirm({ | |||||
message: '您确认删除申请草稿?', | |||||
}) | |||||
.then(() => { | |||||
// on confirm | |||||
this.applicationList.splice(index,1) | |||||
removeList(id).then(res => { | |||||
if(res.code = 200){ | |||||
this.$toast.success('删除成功'); | |||||
} | } | ||||
this.total += response.rows.length; | |||||
this.finished = this.total >= response.total; | |||||
}).finally(() => { | |||||
this.loading = false; | |||||
this.refreshing = false; | |||||
}); | }); | ||||
}, | |||||
formatDict(dict, value) { | |||||
return this.selectDictLabel(dict, value); | |||||
}, | |||||
deleteList(id,index){ | |||||
this.$dialog.confirm({ | |||||
message: '您确认删除申请草稿?', | |||||
}) | |||||
.then(() => { | |||||
// on confirm | |||||
this.applicationList.splice(index,1) | |||||
removeList(id).then(res => { | |||||
if(res.code = 200){ | |||||
this.$toast.success('删除成功'); | |||||
} | |||||
}); | |||||
}) | |||||
.catch(() => { | |||||
// on cancel | |||||
}); | |||||
}, | |||||
refresh() { | |||||
this.getList(); return; | |||||
this.applicationList = []; | |||||
this.queryParams.pageNum = 1; | |||||
this.refreshing = true; | |||||
this.finished = false; | |||||
}, | |||||
submitApplyProposer(item) { | |||||
this.$router.push({name:'sunVillageInfoProposerLite',query:{type:"edit",id:item.id}}) | |||||
}) | |||||
.catch(() => { | |||||
// on cancel | |||||
}); | |||||
}, | |||||
refresh() { | |||||
this.getList(); return; | |||||
this.applicationList = []; | |||||
this.queryParams.pageNum = 1; | |||||
this.refreshing = true; | |||||
this.finished = false; | |||||
}, | |||||
submitApplyProposer(item) { | |||||
this.$router.push({name:'homesteadProposerLite',query:{type:"edit",id:item.id}}) | |||||
// if(item.homeApplyStatus === '11'){ | // if(item.homeApplyStatus === '11'){ | ||||
// customSubmitWLHT(item.id).then((resp) => { | // customSubmitWLHT(item.id).then((resp) => { | ||||
// this.$toast.success("提交成功"); | // this.$toast.success("提交成功"); | ||||
@@ -211,45 +216,45 @@ | |||||
// this.$toast.fail("提交失败!"); | // this.$toast.fail("提交失败!"); | ||||
// }); | // }); | ||||
// } | // } | ||||
}, | |||||
}, | }, | ||||
} | |||||
}, | |||||
} | |||||
</script> | </script> | ||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.app-container { | .app-container { | ||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head_green.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | } | ||||
/deep/.van-list{ | /deep/.van-list{ | ||||
padding: 0.2rem 3%; | padding: 0.2rem 3%; | ||||
@@ -0,0 +1,726 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<!-- <van-nav-bar--> | |||||
<!-- left-arrow--> | |||||
<!-- fixed--> | |||||
<!-- placeholder--> | |||||
<!-- @click-left="$router.back(-1)"--> | |||||
<!-- >--> | |||||
<!-- <template #title>--> | |||||
<!-- <p style="font-weight: bold;">添加有偿退出</p>--> | |||||
<!-- </template>--> | |||||
<!-- </van-nav-bar>--> | |||||
<div class="header_main"> | |||||
添加有偿退出 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
<!-- <div class="add_btn" @click="goAdd"></div>--> | |||||
</div> | |||||
<p class="main_title">申请人基本信息</p> | |||||
<van-form ref="_Form"> | |||||
<div class="main_box"> | |||||
<!-- <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>--> | |||||
<van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" /> | |||||
<div id="dropList" v-show="showDropList" style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" > | |||||
<van-cell id="vanCell" v-for="(item, index) in getObligeeOptions" :key="index" @click="shyqrdmxmChange(item)" style="position: relative; z-index: 999;"> | |||||
{{item.sqrxm}} | |||||
</van-cell> | |||||
</div> | |||||
<!-- <van-field--> | |||||
<!-- readonly--> | |||||
<!-- clickable--> | |||||
<!-- v-model="circulation.zjddm"--> | |||||
<!-- label="宅基地代码"--> | |||||
<!-- placeholder="请选择"--> | |||||
<!-- @click="remoteProposerMethod"--> | |||||
<!-- input-align="right"--> | |||||
<!-- right-icon="arrow-down" :rules="[{ required: true }]" required--> | |||||
<!-- />--> | |||||
<!-- <van-popup v-model="showzjddm" position="bottom">--> | |||||
<!-- <van-picker--> | |||||
<!-- show-toolbar--> | |||||
<!-- :columns="zjdDictionaries"--> | |||||
<!-- value-key="zjddm"--> | |||||
<!-- @confirm="onConfirmZjddm"--> | |||||
<!-- @cancel="showzjddm = false"--> | |||||
<!-- />--> | |||||
<!-- </van-popup>--> | |||||
<van-field | |||||
v-model="circulation.zjddm" | |||||
label="宅基地代码" | |||||
input-align="right" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
> | |||||
<template #button> | |||||
<van-icon name="../../../static/images/22.png" color="#539FFD" size="20" @click="mapLook"/> | |||||
</template> | |||||
</van-field> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
v-model="xb" | |||||
label="性别" | |||||
placeholder="请选择" | |||||
@click="showxb = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" :rules="[{ required: true }]" required | |||||
/> | |||||
<van-popup v-model="showxb" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="xbDictionaries" | |||||
@confirm="onConfirmXb" | |||||
@cancel="showxb = false" | |||||
/> | |||||
</van-popup> | |||||
<van-field v-model="circulation.sqrzjhm" label="申请人证件号码" placeholder="申请人证件号码" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<van-field v-model="circulation.lxdh" label="联系电话" placeholder="联系电话" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<field-select | |||||
v-model="circulation.gyqk" | |||||
label="共有情况" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择共有情况" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
remote-url="/open/zdzh/list/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field v-model="circulation.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
</div> | |||||
<p class="main_title">拟申请退出宅基地</p> | |||||
<van-field v-model="circulation.tcmj" label="面积(㎡)" placeholder="请输入面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/> | |||||
<field-select | |||||
v-model="circulation.xz" | |||||
label="现状" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择现状" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
remote-url="/open/zdzh/list/dsxz" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field v-model="circulation.zjdszd" label="东至" placeholder="东至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<van-field v-model="circulation.zjdszn" label="南至" placeholder="南至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<van-field v-model="circulation.zjdszx" label="西至" placeholder="西至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<van-field v-model="circulation.zjdszb" label="北至" placeholder="北至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<field-select | |||||
v-model="circulation.dldm" | |||||
label="地类" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择现状" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
remote-url="/open/zdzh/list/geographic_type" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<p class="main_title">退出宅基地情况</p> | |||||
<van-field v-model="circulation.tcmj" label="退出面积(㎡)" placeholder="请输入退出面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/> | |||||
<van-field v-model="circulation.jzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/> | |||||
<div class="main_box"> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
v-model="tcqllx" | |||||
label="退出权利类型" | |||||
placeholder="请选择退出权利类型" | |||||
@click="showtcqllx = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" :rules="[{ required: true }]" required | |||||
/> | |||||
<van-popup v-model="showtcqllx" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="tcqllxDictionaries" | |||||
@confirm="onConfirmTcqllx" | |||||
@cancel="showtcqllx = false" | |||||
/> | |||||
</van-popup> | |||||
<!--<van-field | |||||
readonly | |||||
clickable | |||||
v-model="tclx" | |||||
label="退出类型" | |||||
placeholder="请选择退出类型" | |||||
@click="showtclx = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" :rules="[{ required: true }]" required | |||||
/> | |||||
<van-popup v-model="showtclx" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="tclxDictionaries" | |||||
@confirm="onConfirmTclx" | |||||
@cancel="showtclx = false" | |||||
/> | |||||
</van-popup>--> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
v-model="tcfs" | |||||
label="退出方式" | |||||
placeholder="请选择退出方式" | |||||
@click="showtcfs = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" :rules="[{ required: true }]" required | |||||
/> | |||||
<van-popup v-model="showtcfs" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="tcfsDictionaries" | |||||
@confirm="onConfirmTcfs" | |||||
@cancel="showtcfs = false" | |||||
/> | |||||
</van-popup> | |||||
<van-field v-model="circulation.tcqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" /> | |||||
</div> | |||||
<p class="main_title">现居住情况</p> | |||||
<van-field v-model="circulation.xjzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/> | |||||
<van-field v-model="circulation.xqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" /> | |||||
<van-field v-model="circulation.xjzdd" label="居住地点" placeholder="请输入居住地点" input-align="right" label-width="auto" /> | |||||
<p class="main_title">补偿信息</p> | |||||
<van-field v-model="circulation.bcje" label="宅基地补偿" placeholder="宅基地补偿" input-align="right" label-width="auto" type="number"/> | |||||
<van-field v-model="circulation.dmfzwbc" label="地面附着物补偿" placeholder="地面附着物补偿" input-align="right" label-width="auto" type="number"/> | |||||
<field-select | |||||
v-model="circulation.yctcfs" | |||||
label="退出类型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择退出类型" | |||||
remote-url="/open/zdzh/list/yctcfs" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="circulation.bcfs" | |||||
label="补偿方式" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择退出类型" | |||||
remote-url="/open/zdzh/list/bcfs" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-date-picker | |||||
v-model="circulation.bcsj" | |||||
label="补偿时间" | |||||
placeholder="选择日期" | |||||
formatter="yyyy-MM-dd" | |||||
/> | |||||
<p class="main_title">其他</p> | |||||
<van-field v-model="circulation.sqly" label="申请理由" placeholder="请输入申请理由" input-align="right" label-width="auto"/> | |||||
<field-date-picker | |||||
v-model="circulation.sqrq" | |||||
label="申请日期" | |||||
placeholder="选择日期" | |||||
:rules="[{ required: true }]" | |||||
formatter="yyyy-MM-dd" | |||||
required | |||||
/> | |||||
<van-field v-model="circulation.jbrxm" label="经办人姓名" placeholder="请输入经办人姓名" input-align="right" label-width="auto"/> | |||||
<field-date-picker | |||||
v-model="circulation.pzrq" | |||||
label="批准日期" | |||||
placeholder="选择日期" | |||||
:rules="[{ required: true }]" | |||||
formatter="yyyy-MM-dd" | |||||
required | |||||
/> | |||||
<field-date-picker | |||||
v-model="circulation.barq" | |||||
label="备案日期" | |||||
placeholder="选择日期" | |||||
:rules="[{ required: true }]" | |||||
formatter="yyyy-MM-dd" | |||||
required | |||||
/> | |||||
<van-dialog v-model="mapShow" show-cancel-button> | |||||
<MapGisObtainTc ref="zjdProductResh" :shqrxm="circulation.sqrxm" :landStatus="landStatus" :deptId="sysFarmer.deptId" @closeMoule="closeMoule"></MapGisObtainTc> | |||||
</van-dialog> | |||||
<!-- 3组附件 --> | |||||
<van-popup | |||||
v-model="attachmentVisible" | |||||
closeable | |||||
position="top" | |||||
:style="{ height: '61.8%' }" | |||||
:close-on-click-overlay="proposerStatus == 1" | |||||
:lazy-render="false" | |||||
> | |||||
<van-tabs type="card" style="padding-top: 1.35rem;" color="#1D6FE9" :lazy-render="false" v-model="attachmentActive" ref="attachmentDialog"> | |||||
<van-tab title="退出附件" key="0"> | |||||
<home-apply-upload-comp | |||||
:business-type="houseApplyUploadComp.businessType" | |||||
:house-apply-status="houseApplyUploadComp.homeApplyStatus" | |||||
:process-key="houseApplyUploadComp.processKey" | |||||
:proposer-id="houseApplyUploadComp.proposerId" | |||||
:table-name="houseApplyUploadComp.tableName" | |||||
:readonly="houseApplyUploadComp.readonly" | |||||
:userName="sysFarmer.memberName" | |||||
:full="houseApplyUploadComp.full" | |||||
@uploadFinished="onUploadFinished" | |||||
> | |||||
</home-apply-upload-comp> | |||||
</van-tab> | |||||
</van-tabs> | |||||
</van-popup> | |||||
</van-form> | |||||
<van-goods-action style="z-index: 999;"> | |||||
<van-goods-action-icon icon="label-o" text="附件" @click="openAttachment" color="#1D6FE9" /> | |||||
<van-goods-action-button type="info" text="保存" @click="goSubmit(false)" /> | |||||
<van-goods-action-button type="info" text="提交" @click="goSubmit(true)"/> | |||||
</van-goods-action> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { getShyqrs,dyAdd,zyyctcApply,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit"; | |||||
import HomeApplyUploadComp from "@/components/home/HomeApplyUploadComp"; | |||||
import FieldSelect from "@/components/form/FieldSelect"; | |||||
import FieldDatePicker from "@/components/form/FieldDatePicker"; | |||||
import {formatDate} from "element-ui/src/utils/date-util.js"; | |||||
import { } from "@/api/onlineHome/homestead/paidExit"; | |||||
import {Notify} from "vant"; | |||||
import MapGisObtainTc from "@/components/Map/MapGisObtainTc"; | |||||
import Cookies from "js-cookie"; | |||||
const PROPOSER_VIEW = 1; | |||||
// 工作流名称 | |||||
const PROPOSER_STAGE_BASE_APPLY_ACTIVITY = 'home_usetc'; | |||||
// 附件表名 | |||||
const PROPOSER_STAGE_BASE_APPLY_TABLE = 't_homeuse_zyyctc'; | |||||
// 其他 | |||||
const PROPOSER_MODULE = 'home'; | |||||
export default { | |||||
name: "paidExitAdd", | |||||
components: { MapGisObtainTc,FieldSelect,FieldDatePicker,HomeApplyUploadComp }, | |||||
data() { | |||||
return { | |||||
tcqllxDictionaries:[],//退出权利类型 | |||||
tclxDictionaries:[],//退出类型 | |||||
tcfsDictionaries:[],//退出方式 | |||||
yctcfsDictionaries:[],//有偿退出方式 | |||||
xbDictionaries:[],//申请人证件类型 | |||||
bcfsDictionaries:[],//补偿方式 | |||||
zjdDictionaries:[],//宅基地代码 | |||||
getObligeeOptions:[],//下拉框列表 | |||||
sysFarmer:{deptId:this.$store.state.user.loginDeptId,memberName:this.$store.state.user.nickName}, | |||||
tcqllx:'整体退出', | |||||
tclx:'有偿退出', | |||||
tcfs:'使用权', | |||||
yctcfs:'暂时退出', | |||||
xb:'男', | |||||
bcfs:'', | |||||
zjddm:'', | |||||
landStatus:"1", | |||||
showtcqllx: false, | |||||
showtclx: false, | |||||
showtcfs: false, | |||||
showyctcfs: false, | |||||
showxb: false, | |||||
showbcfs: false, | |||||
showzjddm: false, | |||||
showDropList: false,//是否显示下拉框 | |||||
attachmentVisible:false, | |||||
active: 0, | |||||
// 表单意图 | |||||
proposerStatus: PROPOSER_VIEW, | |||||
// 家庭成员tab | |||||
familyMembersActive: 0, | |||||
circulation:{ | |||||
// 申请类型 1-宅基地退出 | |||||
sqlx: '1', | |||||
xb:"1", | |||||
gyqk:"1", | |||||
xz:"1", | |||||
tcfs:"01", | |||||
jzmj:0.00, | |||||
tcqllx:"01", | |||||
xjzmj:0.00, | |||||
dldm:"10", | |||||
// 退出类型 01-有偿退出 02-无偿退出 | |||||
tclx: '01', | |||||
}, | |||||
// 当前附件tab | |||||
attachmentActive: 0, | |||||
// 申请附件树 | |||||
houseApplyUploadComp: { | |||||
businessType: PROPOSER_MODULE, | |||||
proposerId: -1, | |||||
homeApplyStatus: "11", | |||||
processKey: PROPOSER_STAGE_BASE_APPLY_ACTIVITY, | |||||
tableName: PROPOSER_STAGE_BASE_APPLY_TABLE, | |||||
attachmentList: [], | |||||
readonly: false, | |||||
full: false, | |||||
}, | |||||
mapShow: false, | |||||
}; | |||||
}, | |||||
created() { | |||||
this.getDictionaries(); | |||||
}, | |||||
methods: { | |||||
getDictionaries(){ | |||||
//退出权利类型 | |||||
this.houseGetDicts("tcqllx").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.tcqllxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
}); | |||||
//退出类型 | |||||
/*this.houseGetDicts("tclx").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.tclxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
});*/ | |||||
//退出方式 | |||||
this.houseGetDicts("tcfs").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.tcfsDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
}); | |||||
//申请人证件类型 | |||||
this.houseGetDicts("sys_user_sex").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.xbDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
}); | |||||
//补偿方式 | |||||
this.houseGetDicts("bcfs").then((res) => { | |||||
for(var i = 0 ; i < res.data.length ; i++){ | |||||
this.bcfsDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | |||||
} | |||||
}); | |||||
this.$set(this.circulation, 'yctcfs', "1"); | |||||
this.$set(this.circulation, 'bcfs', "01"); | |||||
this.$set(this.circulation, 'bcje', 0.00); | |||||
this.$set(this.circulation, 'dmfzwbc', 0.00); | |||||
//宅基地代码 | |||||
/*zjdzd().then(zjdRes => { | |||||
for( let i = 0 ; i < zjdRes.rows.length ; i++){ | |||||
this.zjdDictionaries.push(zjdRes.rows[i].zjddm); | |||||
} | |||||
if(this.zjdDictionaries.length > 0) | |||||
this.onConfirmZjddm(this.zjdDictionaries[0]); | |||||
});*/ | |||||
// getExitProposerDetail().then(res => { | |||||
// if (res.data) { | |||||
// let data = res.data; | |||||
// this.$set(this.circulation, 'sqrxm', data.shyqrdbxm); | |||||
// this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm); | |||||
// this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx); | |||||
// if(data.shyqrdbzjlx) { | |||||
// let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx); | |||||
// if(val) | |||||
// this.zjlx = val.text; | |||||
// } | |||||
// } | |||||
// }); | |||||
}, | |||||
/*onConfirmZjddm(data){ | |||||
console.log(data) | |||||
this.circulation.zjddm = data; | |||||
this.showzjddm = false; | |||||
getByZjddm({zjddm: data,}).then(qlrRes => { | |||||
let data = qlrRes.data; | |||||
console.log(data) | |||||
this.$set(this.circulation, 'sqrxm', data.shyqrdbxm); | |||||
this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm); | |||||
this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx); | |||||
if(data.shyqrdbzjlx) | |||||
{ | |||||
let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx); | |||||
if(val) | |||||
this.zjlx = val.text; | |||||
} | |||||
this.$forceUpdate(); | |||||
}); | |||||
},*/ | |||||
// 初次申请草稿的附件上传 | |||||
onUploadFinished(fileIdList) { | |||||
this.$set(this.circulation, "fileList", fileIdList); | |||||
}, | |||||
onConfirmZjddm(data){ | |||||
console.log(data); | |||||
this.showzjddm = false; | |||||
if (data) { | |||||
this.$set(this.circulation, 'zjddm', data.zjddm); | |||||
this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm); | |||||
this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx); | |||||
if(data.shyqrdbzjlx) | |||||
{ | |||||
let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx); | |||||
if(val) | |||||
this.zjlx = val.text; | |||||
} | |||||
} | |||||
// this.$forceUpdate(); | |||||
}, | |||||
onConfirmXb(data){ | |||||
this.xb = data.text; | |||||
this.circulation.xb = data.value; | |||||
this.showxb = false; | |||||
}, | |||||
onConfirmTcqllx(data){ | |||||
this.tcqllx = data.text; | |||||
this.circulation.tcqllx = data.value; | |||||
this.showtcqllx = false; | |||||
}, | |||||
/*onConfirmTclx(data){ | |||||
this.tclx = data.text; | |||||
this.circulation.tclx = data.value; | |||||
this.showtclx = false; | |||||
},*/ | |||||
onConfirmTcfs(data){ | |||||
this.tcfs = data.text; | |||||
this.circulation.tcfs = data.value; | |||||
this.showtcfs = false; | |||||
}, | |||||
onConfirmYctcfs(data){ | |||||
this.yctcfs = data.text; | |||||
this.circulation.yctcfs = data.value; | |||||
this.showyctcfs = false; | |||||
}, | |||||
onConfirmBcfs(data){ | |||||
this.bcfs = data.text; | |||||
this.circulation.bcfs = data.value; | |||||
this.showbcfs = false; | |||||
}, | |||||
goSubmit(submit){ | |||||
console.log(this.circulation); | |||||
this.$refs._Form.validate().then(() => { | |||||
// 设置初始状态为草稿,0 代表草稿 | |||||
this.$set(this.circulation, "auditStatus", '0'); | |||||
dyAdd(this.circulation).then(response => { | |||||
if(response.code = 200){ | |||||
if(submit) | |||||
{ | |||||
zyyctcApply(response.data).then((resp) => { | |||||
this.$toast.success('提交成功'); | |||||
this.back(); | |||||
}); | |||||
} | |||||
else { | |||||
this.$toast.success('保存成功'); | |||||
this.back(); | |||||
} | |||||
} | |||||
}) | |||||
}).catch((e) => { | |||||
Notify({ type: 'danger', message: '请填写完整的表单项' }); | |||||
}); | |||||
}, | |||||
back() { | |||||
setTimeout(() => this.$router.back(-1), 1000) | |||||
}, | |||||
remoteProposerMethod() { | |||||
this.showzjddm = true; | |||||
this.zjdDictionaries = []; | |||||
if (this.circulation.sqrxm) { | |||||
getShyqrs({shyqrdbxm:this.circulation.sqrxm}).then(response => { | |||||
this.zjdDictionaries = response.data.map(item => { | |||||
return { | |||||
zjddm: item.zjddm, | |||||
shyqrdbxm: item.shyqrdbxm, | |||||
shyqrdbzjlx: item.shyqrdbzjlx, | |||||
shyqrdbzjhm: item.shyqrdbzjhm | |||||
} | |||||
}); | |||||
}); | |||||
} else { | |||||
this.zjdDictionaries = []; | |||||
} | |||||
}, | |||||
/** 模糊查询人员信息 */ | |||||
remoteTransfereeMethod(query) { | |||||
if (query !== "") { | |||||
getShyqrs({shyqrdbxm:query,status:1}).then((response) => { | |||||
if (response.code == 200) { | |||||
this.getObligeeOptions = response.rows.map(function (item) { | |||||
return { | |||||
sqrxm:item.shyqrdbxm, | |||||
sqrxb:item.xb, | |||||
sqrzjhm:item.shyqrdbzjhm, | |||||
sqrnhdm:item.nhdm, | |||||
sqrzjlx:item.shyqrdbzjlx, | |||||
sqrdh:item.dh, | |||||
gyfs:item.gyfs, | |||||
dz:item.dz, | |||||
deptId:item.deptId, | |||||
deptName:item.deptName, | |||||
} | |||||
}) | |||||
//设置模糊查询的下拉框和滚动条 | |||||
if (this.getObligeeOptions.length > 0) { | |||||
this.showDropList = true; // div显示会阻挡下边的选择框和输入框,showDropList控制下拉框是否显示 | |||||
//设置模糊查询的和滚动条 | |||||
this.$nextTick(() => { | |||||
if (this.getObligeeOptions.length > 4) { | |||||
let height = document.getElementById("vanCell").offsetHeight * 4; | |||||
document.getElementById("dropList").style.height = height + "px"; | |||||
document.getElementById("dropList").style.overflow = "scroll"; | |||||
} else { | |||||
document.getElementById("dropList").style.height = ""; | |||||
document.getElementById("dropList").style.overflow = "visible"; | |||||
} | |||||
}); | |||||
} else { | |||||
this.showDropList = false; | |||||
} | |||||
} | |||||
}); | |||||
} else { | |||||
this.getObligeeOptions = []; | |||||
this.showDropList = false; | |||||
} | |||||
}, | |||||
// 打开附件树 | |||||
openAttachment() { | |||||
this.attachmentVisible = true; | |||||
if(this.attachmentActive == this.active) | |||||
this.$nextTick(() => { | |||||
this.$refs.attachmentDialog.scrollTo(this.active); | |||||
}); | |||||
}, | |||||
shyqrdmxmChange(val){ | |||||
this.$set(this.circulation, "sqrxm", val.sqrxm); | |||||
this.$set(this.circulation, "deptId", val.deptId); | |||||
this.$set(this.circulation, "deptName", val.deptName); | |||||
this.$set(this.circulation, "sqrzjhm", val.sqrzjhm); | |||||
this.$set(this.circulation, "sqrzjlx", val.sqrzjlx); | |||||
this.$set(this.circulation, "sqrnhdm", val.sqrnhdm); | |||||
this.$set(this.circulation, "gyqk", val.gyfs); | |||||
this.$set(this.circulation, "xb", val.sqrxb); | |||||
this.$set(this.circulation, "lxdh", val.sqrdh); | |||||
this.$set(this.circulation, "hkszd", val.dz); | |||||
this.getObligeeOptions=[]; | |||||
this.showDropList = false; | |||||
}, | |||||
mapLook(){ | |||||
this.mapShow = true; | |||||
setTimeout(() => { | |||||
this.$refs.zjdProductResh.drawingLyPaceCountryDarw(); | |||||
},1000); | |||||
}, | |||||
// 获取日期, yyyy-MM-dd | |||||
getDate(d) { | |||||
return formatDate(d ? d : new Date(), 'yyyy-MM-dd'); | |||||
}, | |||||
/** 查找地图中宅基地 */ | |||||
closeMoule: function (data) { | |||||
this.circulation.zjddm = data; | |||||
let _this = this; | |||||
let handlerTime = this.getDate(); | |||||
this.$set(this.circulation, "sqrq", handlerTime); | |||||
this.$set(this.circulation, "pzrq", handlerTime); | |||||
this.$set(this.circulation, "barq", handlerTime); | |||||
getByLyZjddm(data).then((response) => { | |||||
this.$set(this.circulation, "ntcmj", response.data.zdmj); | |||||
this.$set(this.circulation, "tcmj", response.data.zdmj); | |||||
this.$set(this.circulation, "zjdszd", response.data.zdszd); | |||||
this.$set(this.circulation, "zjdszn", response.data.zdszn); | |||||
this.$set(this.circulation, "zjdszx", response.data.zdszx); | |||||
this.$set(this.circulation, "zjdszb", response.data.zdszb); | |||||
this.$set(this.circulation, "theGeomJson", response.data.theGeomJson); | |||||
this.$set(this.circulation, "tcqszsh", response.data.zsh); | |||||
listHomesteadnmfw({zjddm: data}).then((res) => { | |||||
res.rows.map(function(item){ | |||||
_this.$set(_this.circulation, "jzmj", Number(_this.circulation.jzmj) + Number(item.jzmj)); | |||||
_this.$set(_this.circulation, "xjzmj", Number(_this.circulation.xjzmj) + Number(item.jzmj)); | |||||
}); | |||||
}); | |||||
// const baseImgUrl = this.$store.getters.baseRoutingUrl; | |||||
if(response.data.zdt != null && response.data.zdt !== ""){ | |||||
this.$set(this.form, "xzzp", response.rows[0].zdt); | |||||
} | |||||
}); | |||||
}, | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.app-container { | |||||
padding-bottom: 2%; | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
margin-bottom: 2%; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | |||||
.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; | |||||
} | |||||
.submitButton{ | |||||
width: 80%; | |||||
margin: 0 auto; | |||||
background-color: #1D6FE9; | |||||
} | |||||
/*#dropList::-webkit-scrollbar {*/ | |||||
/* !*滚动条整体样式*!*/ | |||||
/* width: 5px; !*高宽分别对应横竖滚动条的尺寸*!*/ | |||||
/* height: 1px;*/ | |||||
/*}*/ | |||||
/*#dropList::-webkit-scrollbar-thumb {*/ | |||||
/* !*滚动条里面小方块*!*/ | |||||
/* border-radius: 10px;*/ | |||||
/* background: #fff;*/ | |||||
/* box-shadow: inset 0 0 5px rgb(0, 122, 204);*/ | |||||
/*}*/ | |||||
/*#dropList::-webkit-scrollbar-track {*/ | |||||
/* border-radius: 10px;*/ | |||||
/* background: #fff;*/ | |||||
/* !*滚动条里面轨道*!*/ | |||||
/* box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);*/ | |||||
/*}*/ | |||||
</style> |
@@ -798,10 +798,9 @@ | |||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.app-container { | .app-container { | ||||
padding-bottom: 2%; | |||||
.header_main{ | .header_main{ | ||||
height: 116px; | height: 116px; | ||||
background: url('../../../../assets/images/sunVillage_info/list_head_green.png') no-repeat; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
position: fixed; | position: fixed; | ||||
top: 0; | top: 0; | ||||
@@ -812,7 +811,6 @@ | |||||
text-align: center; | text-align: center; | ||||
color: #fff; | color: #fff; | ||||
position: relative; | position: relative; | ||||
margin-bottom: 2%; | |||||
.return_btn{ | .return_btn{ | ||||
width: 24px; | width: 24px; | ||||
height: 43.2px; | height: 43.2px; | ||||
@@ -1,23 +1,10 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<!-- <van-nav-bar--> | |||||
<!-- left-arrow--> | |||||
<!-- fixed--> | |||||
<!-- placeholder--> | |||||
<!-- @click-left="$router.back(-1)"--> | |||||
<!-- @click-right="goAdd"--> | |||||
<!-- >--> | |||||
<!-- <template #title>--> | |||||
<!-- <p style="font-weight: bold;">有偿退出</p>--> | |||||
<!-- </template>--> | |||||
<!-- <template #right>--> | |||||
<!-- <van-icon name="add" size="18" />--> | |||||
<!-- </template>--> | |||||
<!-- </van-nav-bar>--> | |||||
<div class="header_main"> | <div class="header_main"> | ||||
有偿退出 | 有偿退出 | ||||
<div class="return_btn" @click="onClickLeft"></div> | <div class="return_btn" @click="onClickLeft"></div> | ||||
<div class="add_btn" @click="goAdd"></div> | |||||
</div> | </div> | ||||
<van-list | <van-list | ||||
@@ -27,7 +14,7 @@ | |||||
@load="getList" | @load="getList" | ||||
> | > | ||||
<van-swipe-cell v-for="(item,index) in applicationList" :key="index"> | <van-swipe-cell v-for="(item,index) in applicationList" :key="index"> | ||||
<van-cell :title="item.zjddm" :value="item.auditStatus" center :to="{name:'paidExitDetail', query: {id:item.id}}" > | |||||
<van-cell :title="item.zjddm" :value="selectDictLabel(auditStatus, item.auditStatus)" center :to="{name:'paidExitDetail', query: {id:item.id}}" > | |||||
<template #icon> | <template #icon> | ||||
<van-icon name="../../../static/images/onlineHome/icon_zjd3.png" size="30" color="#539FFD" style="margin-right: 10px;" /> | <van-icon name="../../../static/images/onlineHome/icon_zjd3.png" size="30" color="#539FFD" style="margin-right: 10px;" /> | ||||
</template> | </template> | ||||
@@ -35,6 +22,19 @@ | |||||
<p><b style="color: #539FFD;">{{item.tcfs}}</b><i style="margin-right: 0.5rem;"></i><b style="color: #333333;">{{item.sqrxm}}</b><i style="margin-right: 0.5rem;"></i>{{item.tcmj}}㎡</p> | <p><b style="color: #539FFD;">{{item.tcfs}}</b><i style="margin-right: 0.5rem;"></i><b style="color: #333333;">{{item.sqrxm}}</b><i style="margin-right: 0.5rem;"></i>{{item.tcmj}}㎡</p> | ||||
</template> | </template> | ||||
</van-cell> | </van-cell> | ||||
<template #right> | |||||
<van-row> | |||||
<van-col> | |||||
<van-button square text="修改" v-if="item.auditStatus=='0'" :to="{name:'homesteadPaidExitModify', query: {id:item.id}}" type="info" class="delete-button" /> | |||||
</van-col> | |||||
<van-col> | |||||
<van-button square text="提交" type="primary" v-if="item.auditStatus=='0'" class="delete-button" @click="goSubmit(item)" /> | |||||
</van-col> | |||||
<van-col> | |||||
<van-button square text="删除" v-if="item.auditStatus=='0'" @click="deleteList(item.id,index)" type="danger" class="delete-button" /> | |||||
</van-col> | |||||
</van-row> | |||||
</template> | |||||
</van-swipe-cell> | </van-swipe-cell> | ||||
</van-list> | </van-list> | ||||
</div> | </div> | ||||
@@ -91,6 +91,9 @@ | |||||
}); | }); | ||||
}, | }, | ||||
methods: { | methods: { | ||||
goAdd(){ | |||||
window.location = '/homesteadPaidExitAdd'; | |||||
}, | |||||
getList(){ | getList(){ | ||||
setTimeout(() => { | setTimeout(() => { | ||||
this.deptId = this.$store.state.user.loginDeptId; | this.deptId = this.$store.state.user.loginDeptId; | ||||
@@ -100,9 +103,9 @@ | |||||
response.rows[i].tclx = this.selectDictLabel(this.tcqllxStatus, response.rows[i].tclx) | response.rows[i].tclx = this.selectDictLabel(this.tcqllxStatus, response.rows[i].tclx) | ||||
response.rows[i].tclx = this.selectDictLabel(this.tclxStatus, response.rows[i].tclx) | response.rows[i].tclx = this.selectDictLabel(this.tclxStatus, response.rows[i].tclx) | ||||
response.rows[i].tcfs = this.selectDictLabel(this.tcfsStatus, response.rows[i].tcfs) | response.rows[i].tcfs = this.selectDictLabel(this.tcfsStatus, response.rows[i].tcfs) | ||||
response.rows[i].auditStatus = this.selectDictLabel(this.auditStatus, response.rows[i].auditStatus) | |||||
this.applicationList.push(response.rows[i]); | this.applicationList.push(response.rows[i]); | ||||
} | } | ||||
console.info(this.applicationList); | |||||
if(this.applicationList.length >= response.total){ | if(this.applicationList.length >= response.total){ | ||||
this.finished = true; | this.finished = true; | ||||
return; | return; | ||||
@@ -138,7 +141,7 @@ | |||||
if (response.code = 200) { | if (response.code = 200) { | ||||
this.$toast.success('提交成功'); | this.$toast.success('提交成功'); | ||||
setTimeout(function () { | setTimeout(function () { | ||||
window.location.replace("/sunVillage_info/paidExit/paidExitList") | |||||
window.location.replace("/paidExit") | |||||
}, 1000) | }, 1000) | ||||
} | } | ||||
}) | }) | ||||
@@ -151,7 +154,7 @@ | |||||
.app-container { | .app-container { | ||||
.header_main{ | .header_main{ | ||||
height: 116px; | height: 116px; | ||||
background: url('../../../../assets/images/sunVillage_info/list_head_green.png') no-repeat; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | background-size: 100% 100%; | ||||
position: fixed; | position: fixed; | ||||
top: 0; | top: 0; | ||||
@@ -0,0 +1,634 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<!-- <van-nav-bar--> | |||||
<!-- left-arrow--> | |||||
<!-- fixed--> | |||||
<!-- placeholder--> | |||||
<!-- @click-left="$router.back(-1)"--> | |||||
<!-- >--> | |||||
<!-- <template #title>--> | |||||
<!-- <p style="font-weight: bold;">修改有偿退出</p>--> | |||||
<!-- </template>--> | |||||
<!-- </van-nav-bar>--> | |||||
<div class="header_main"> | |||||
修改有偿退出 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
<!-- <div class="add_btn" @click="goAdd"></div>--> | |||||
</div> | |||||
<van-form ref="_Form"> | |||||
<div class="main_box"> | |||||
<!-- <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>--> | |||||
<van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" /> | |||||
<div id="dropList" v-show="showDropList" style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" > | |||||
<van-cell id="vanCell" v-for="(item, index) in getObligeeOptions" :key="index" @click="shyqrdmxmChange(item)" style="position: relative; z-index: 999;"> | |||||
{{item.sqrxm}} | |||||
</van-cell> | |||||
</div> | |||||
<!-- <van-field--> | |||||
<!-- readonly--> | |||||
<!-- clickable--> | |||||
<!-- v-model="circulation.zjddm"--> | |||||
<!-- label="宅基地代码"--> | |||||
<!-- placeholder="请选择"--> | |||||
<!-- @click="remoteProposerMethod"--> | |||||
<!-- input-align="right"--> | |||||
<!-- right-icon="arrow-down" :rules="[{ required: true }]" required--> | |||||
<!-- />--> | |||||
<!-- <van-popup v-model="showzjddm" position="bottom">--> | |||||
<!-- <van-picker--> | |||||
<!-- show-toolbar--> | |||||
<!-- :columns="zjdDictionaries"--> | |||||
<!-- value-key="zjddm"--> | |||||
<!-- @confirm="onConfirmZjddm"--> | |||||
<!-- @cancel="showzjddm = false"--> | |||||
<!-- />--> | |||||
<!-- </van-popup>--> | |||||
<van-field | |||||
v-model="circulation.zjddm" | |||||
label="宅基地代码" | |||||
input-align="right" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
> | |||||
<template #button> | |||||
<van-icon name="../../../static/images/22.png" color="#539FFD" size="20" @click="mapLook"/> | |||||
</template> | |||||
</van-field> | |||||
<field-select | |||||
v-model="circulation.xb" | |||||
label="性別" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择现状" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
remote-url="/open/zdzh/list/sys_user_sex" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field v-model="circulation.sqrzjhm" label="申请人证件号码" placeholder="申请人证件号码" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<van-field v-model="circulation.lxdh" label="联系电话" placeholder="联系电话" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<field-select | |||||
v-model="circulation.gyqk" | |||||
label="共有情况" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择共有情况" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
remote-url="/open/zdzh/list/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field v-model="circulation.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
</div> | |||||
<p class="main_title">拟申请退出宅基地</p> | |||||
<van-field v-model="circulation.tcmj" label="面积(㎡)" placeholder="请输入面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/> | |||||
<field-select | |||||
v-model="circulation.xz" | |||||
label="现状" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择现状" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
remote-url="/open/zdzh/list/dsxz" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field v-model="circulation.zjdszd" label="东至" placeholder="东至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<van-field v-model="circulation.zjdszn" label="南至" placeholder="南至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<van-field v-model="circulation.zjdszx" label="西至" placeholder="西至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<van-field v-model="circulation.zjdszb" label="北至" placeholder="北至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/> | |||||
<field-select | |||||
v-model="circulation.dldm" | |||||
label="地类" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择现状" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
remote-url="/open/zdzh/list/geographic_type" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<p class="main_title">退出宅基地情况</p> | |||||
<van-field v-model="circulation.tcmj" label="退出面积(㎡)" placeholder="请输入退出面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/> | |||||
<van-field v-model="circulation.jzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/> | |||||
<div class="main_box"> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
v-model="tcqllx" | |||||
label="退出权利类型" | |||||
placeholder="请选择退出权利类型" | |||||
@click="showtcqllx = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" :rules="[{ required: true }]" required | |||||
/> | |||||
<van-popup v-model="showtcqllx" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="tcqllxDictionaries" | |||||
@confirm="onConfirmTcqllx" | |||||
@cancel="showtcqllx = false" | |||||
/> | |||||
</van-popup> | |||||
<!--<van-field | |||||
readonly | |||||
clickable | |||||
v-model="tclx" | |||||
label="退出类型" | |||||
placeholder="请选择退出类型" | |||||
@click="showtclx = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" :rules="[{ required: true }]" required | |||||
/> | |||||
<van-popup v-model="showtclx" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="tclxDictionaries" | |||||
@confirm="onConfirmTclx" | |||||
@cancel="showtclx = false" | |||||
/> | |||||
</van-popup>--> | |||||
<van-field | |||||
readonly | |||||
clickable | |||||
v-model="tcfs" | |||||
label="退出方式" | |||||
placeholder="请选择退出方式" | |||||
@click="showtcfs = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
label-width="auto" :rules="[{ required: true }]" required | |||||
/> | |||||
<van-popup v-model="showtcfs" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="tcfsDictionaries" | |||||
@confirm="onConfirmTcfs" | |||||
@cancel="showtcfs = false" | |||||
/> | |||||
</van-popup> | |||||
<van-field v-model="circulation.tcqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" /> | |||||
</div> | |||||
<p class="main_title">现居住情况</p> | |||||
<van-field v-model="circulation.xjzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/> | |||||
<van-field v-model="circulation.xqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" /> | |||||
<van-field v-model="circulation.xjzdd" label="居住地点" placeholder="请输入居住地点" input-align="right" label-width="auto" /> | |||||
<p class="main_title">补偿信息</p> | |||||
<van-field v-model="circulation.bcje" label="宅基地补偿" placeholder="宅基地补偿" input-align="right" label-width="auto" type="number"/> | |||||
<van-field v-model="circulation.dmfzwbc" label="地面附着物补偿" placeholder="地面附着物补偿" input-align="right" label-width="auto" type="number"/> | |||||
<field-select | |||||
v-model="circulation.yctcfs" | |||||
label="退出类型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择退出类型" | |||||
remote-url="/open/zdzh/list/yctcfs" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="circulation.bcfs" | |||||
label="补偿方式" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择退出类型" | |||||
remote-url="/open/zdzh/list/bcfs" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-date-picker | |||||
v-model="circulation.bcsj" | |||||
label="补偿时间" | |||||
placeholder="选择日期" | |||||
formatter="yyyy-MM-dd" | |||||
/> | |||||
<p class="main_title">其他</p> | |||||
<van-field v-model="circulation.sqly" label="申请理由" placeholder="请输入申请理由" input-align="right" label-width="auto"/> | |||||
<field-date-picker | |||||
v-model="circulation.sqrq" | |||||
label="申请日期" | |||||
placeholder="选择日期" | |||||
:rules="[{ required: true }]" | |||||
formatter="yyyy-MM-dd" | |||||
required | |||||
/> | |||||
<van-field v-model="circulation.jbrxm" label="经办人姓名" placeholder="请输入经办人姓名" input-align="right" label-width="auto"/> | |||||
<field-date-picker | |||||
v-model="circulation.pzrq" | |||||
label="批准日期" | |||||
placeholder="选择日期" | |||||
:rules="[{ required: true }]" | |||||
formatter="yyyy-MM-dd" | |||||
required | |||||
/> | |||||
<field-date-picker | |||||
v-model="circulation.barq" | |||||
label="备案日期" | |||||
placeholder="选择日期" | |||||
:rules="[{ required: true }]" | |||||
formatter="yyyy-MM-dd" | |||||
required | |||||
/> | |||||
<van-dialog v-model="mapShow" show-cancel-button> | |||||
<MapGisObtainTc ref="zjdProductResh" :shqrxm="circulation.sqrxm" :landStatus="landStatus" :deptId="sysFarmer.deptId" @closeMoule="closeMoule"></MapGisObtainTc> | |||||
</van-dialog> | |||||
<!-- 3组附件 --> | |||||
<van-popup | |||||
v-model="attachmentVisible" | |||||
closeable | |||||
position="top" | |||||
:style="{ height: '61.8%' }" | |||||
:close-on-click-overlay="proposerStatus == 1" | |||||
:lazy-render="false" | |||||
> | |||||
<van-tabs type="card" style="padding-top: 1.35rem;" color="#1D6FE9" :lazy-render="false" v-model="attachmentActive" ref="attachmentDialog"> | |||||
<van-tab title="退出附件" key="0"> | |||||
<home-apply-upload-comp | |||||
:business-type="houseApplyUploadComp.businessType" | |||||
:house-apply-status="houseApplyUploadComp.homeApplyStatus" | |||||
:process-key="houseApplyUploadComp.processKey" | |||||
:proposer-id="houseApplyUploadComp.proposerId" | |||||
:table-name="houseApplyUploadComp.tableName" | |||||
:readonly="houseApplyUploadComp.readonly" | |||||
:userName="sysFarmer.memberName" | |||||
:full="houseApplyUploadComp.full" | |||||
@uploadFinished="onUploadFinished" | |||||
> | |||||
</home-apply-upload-comp> | |||||
</van-tab> | |||||
</van-tabs> | |||||
</van-popup> | |||||
</van-form> | |||||
<van-goods-action style="z-index: 999;"> | |||||
<van-goods-action-icon icon="label-o" text="附件" @click="openAttachment" color="#1D6FE9" /> | |||||
<van-goods-action-button type="info" text="保存" @click="goEdit" /> | |||||
<van-goods-action-button type="info" text="提交" @click="goSubmit"/> | |||||
</van-goods-action> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import { getZyyctc,getShyqrs,zyyctcEdit,zyyctcApply,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit"; | |||||
import HomeApplyUploadComp from "@/components/home/HomeApplyUploadComp"; | |||||
import FieldSelect from "@/components/form/FieldSelect"; | |||||
import FieldDatePicker from "@/components/form/FieldDatePicker"; | |||||
import {formatDate} from "element-ui/src/utils/date-util.js"; | |||||
import { } from "@/api/onlineHome/homestead/paidExit"; | |||||
import {Notify} from "vant"; | |||||
import MapGisObtainTc from "@/components/Map/MapGisObtainTc"; | |||||
import Cookies from "js-cookie"; | |||||
const PROPOSER_VIEW = 1; | |||||
// 工作流名称 | |||||
const PROPOSER_STAGE_BASE_APPLY_ACTIVITY = 'home_usetc'; | |||||
// 附件表名 | |||||
const PROPOSER_STAGE_BASE_APPLY_TABLE = 't_homeuse_zyyctc'; | |||||
// 其他 | |||||
const PROPOSER_MODULE = 'home'; | |||||
export default { | |||||
name: "paidExitModify", | |||||
components: { MapGisObtainTc,FieldSelect,FieldDatePicker,HomeApplyUploadComp }, | |||||
data() { | |||||
return { | |||||
tcqllxDictionaries:[],//退出权利类型 | |||||
tclxDictionaries:[],//退出类型 | |||||
tcfsDictionaries:[],//退出方式 | |||||
xbDictionaries:[],//申请人证件类型 | |||||
zjlxDictionaries:[], | |||||
bcfsDictionaries:[],//补偿方式 | |||||
zjdDictionaries:[],//宅基地代码 | |||||
getObligeeOptions:[],//下拉框列表 | |||||
sysFarmer:{deptId:this.$store.state.user.loginDeptId,memberName:this.$store.state.user.nickName}, | |||||
tcqllx:'', | |||||
tclx:'', | |||||
tcfs:'', | |||||
xb:'', | |||||
bcfs:'', | |||||
zjddm:'', | |||||
landStatus:"1", | |||||
showtcqllx: false, | |||||
showtclx: false, | |||||
showtcfs: false, | |||||
showxb: false, | |||||
showbcfs: false, | |||||
showzjddm: false, | |||||
showDropList: false,//是否显示下拉框 | |||||
mapShow: false, | |||||
attachmentVisible:false, | |||||
active: 0, | |||||
// 表单意图 | |||||
proposerStatus: PROPOSER_VIEW, | |||||
circulation:{}, | |||||
// 当前附件tab | |||||
attachmentActive: 0, | |||||
// 申请附件树 | |||||
houseApplyUploadComp: { | |||||
businessType: PROPOSER_MODULE, | |||||
proposerId: this.$route.query.id, | |||||
homeApplyStatus: "11", | |||||
processKey: PROPOSER_STAGE_BASE_APPLY_ACTIVITY, | |||||
tableName: PROPOSER_STAGE_BASE_APPLY_TABLE, | |||||
attachmentList: [], | |||||
readonly: false, | |||||
full: false, | |||||
}, | |||||
}; | |||||
}, | |||||
created() { | |||||
this.getDictionaries(); | |||||
}, | |||||
methods: { | |||||
getDictionaries(){ | |||||
getZyyctc(this.$route.query.id).then(response => { | |||||
//退出权利类型 | |||||
this.houseGetDicts("tcqllx").then((res) => { | |||||
for (var i = 0; i < res.data.length; i++) { | |||||
this.tcqllxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue}); | |||||
} | |||||
this.tcqllx = this.selectDictLabel(res.data, response.data.tcqllx); | |||||
}); | |||||
//退出方式 | |||||
this.houseGetDicts("tcfs").then((res) => { | |||||
for (var i = 0; i < res.data.length; i++) { | |||||
this.tcfsDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue}); | |||||
} | |||||
this.tcfs = this.selectDictLabel(res.data, response.data.tcfs); | |||||
}); | |||||
//申请人证件类型 | |||||
this.houseGetDicts("zjlx").then((res) => { | |||||
for (var i = 0; i < res.data.length; i++) { | |||||
this.zjlxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue}); | |||||
} | |||||
this.zjlx = this.selectDictLabel(res.data, response.data.sqrzjlx); | |||||
}); | |||||
this.circulation = response.data; | |||||
console.info(this.circulation); | |||||
}); | |||||
}, | |||||
onConfirmZjddm(data){ | |||||
console.log(data); | |||||
this.showzjddm = false; | |||||
if (data) { | |||||
this.$set(this.circulation, 'zjddm', data.zjddm); | |||||
this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm); | |||||
this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx); | |||||
if(data.shyqrdbzjlx) | |||||
{ | |||||
let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx); | |||||
if(val) | |||||
this.zjlx = val.text; | |||||
} | |||||
} | |||||
// this.$forceUpdate(); | |||||
}, | |||||
onConfirmXb(data){ | |||||
this.xb = data.text; | |||||
this.circulation.xb = data.value; | |||||
this.showxb = false; | |||||
}, | |||||
// 初次申请草稿的附件上传 | |||||
onUploadFinished(fileIdList) { | |||||
this.$set(this.circulation, "fileList", fileIdList); | |||||
}, | |||||
onConfirmTcqllx(data){ | |||||
this.tcqllx = data.text; | |||||
this.circulation.tcqllx = data.value; | |||||
this.showtcqllx = false; | |||||
}, | |||||
/*onConfirmTclx(data){ | |||||
this.tclx = data.text; | |||||
this.circulation.tclx = data.value; | |||||
this.showtclx = false; | |||||
},*/ | |||||
onConfirmTcfs(data){ | |||||
this.tcfs = data.text; | |||||
this.circulation.tcfs = data.value; | |||||
this.showtcfs = false; | |||||
}, | |||||
onConfirmBcfs(data){ | |||||
this.bcfs = data.text; | |||||
this.circulation.bcfs = data.value; | |||||
this.showbcfs = false; | |||||
}, | |||||
goEdit(){ | |||||
console.log(this.circulation); | |||||
this.$refs._Form.validate().then(() => { | |||||
zyyctcEdit(this.circulation).then(response => { | |||||
if(response.code = 200){ | |||||
this.$toast.success('保存成功'); | |||||
this.$router.back(-1); | |||||
} | |||||
}) | |||||
}).catch((e) => { | |||||
Notify({ type: 'danger', message: '请填写完整的表单项' }); | |||||
}); | |||||
}, | |||||
goSubmit(){ | |||||
this.$refs._Form.validate().then(() => { | |||||
this.$set(this.circulation, 'updateBy', this.sysFarmer.memberName); | |||||
zyyctcEdit(this.circulation).then(response => { | |||||
zyyctcApply(this.$route.query.id).then(response => { | |||||
if(response.code = 200){ | |||||
this.$toast.success('提交成功'); | |||||
setTimeout(function(){ | |||||
this.$router.back(-1); | |||||
},1000) | |||||
} | |||||
}); | |||||
}); | |||||
}).catch((e) => { | |||||
Notify({ type: 'danger', message: '请填写完整的表单项' }); | |||||
}); | |||||
}, | |||||
remoteProposerMethod() { | |||||
this.showzjddm = true; | |||||
this.zjdDictionaries = []; | |||||
if (this.circulation.sqrxm) { | |||||
getShyqrs({shyqrdbxm:this.circulation.sqrxm}).then(response => { | |||||
this.zjdDictionaries = response.data.map(item => { | |||||
return { | |||||
zjddm: item.zjddm, | |||||
shyqrdbxm: item.shyqrdbxm, | |||||
shyqrdbzjlx: item.shyqrdbzjlx, | |||||
shyqrdbzjhm: item.shyqrdbzjhm | |||||
} | |||||
}); | |||||
}); | |||||
} else { | |||||
this.zjdDictionaries = []; | |||||
} | |||||
}, | |||||
// 打开附件树 | |||||
openAttachment() { | |||||
this.attachmentVisible = true; | |||||
if(this.attachmentActive == this.active) | |||||
this.$nextTick(() => { | |||||
this.$refs.attachmentDialog.scrollTo(this.active); | |||||
}); | |||||
}, | |||||
/** 模糊查询人员信息 */ | |||||
remoteTransfereeMethod(query) { | |||||
if (query !== "") { | |||||
getShyqrs({shyqrdbxm:query,status:1}).then((response) => { | |||||
if (response.code == 200) { | |||||
this.getObligeeOptions = response.rows.map(function (item) { | |||||
return { | |||||
sqrxm:item.shyqrdbxm, | |||||
sqrxb:item.xb, | |||||
sqrzjhm:item.shyqrdbzjhm, | |||||
sqrzjlx:item.shyqrdbzjlx, | |||||
sqrdh:item.dh, | |||||
gyfs:item.gyfs, | |||||
dz:item.dz, | |||||
deptId:item.deptId, | |||||
deptName:item.deptName, | |||||
} | |||||
}) | |||||
//设置模糊查询的下拉框和滚动条 | |||||
if (this.getObligeeOptions.length > 0) { | |||||
this.showDropList = true; // div显示会阻挡下边的选择框和输入框,showDropList控制下拉框是否显示 | |||||
//设置模糊查询的和滚动条 | |||||
this.$nextTick(() => { | |||||
if (this.getObligeeOptions.length > 4) { | |||||
let height = document.getElementById("vanCell").offsetHeight * 4; | |||||
document.getElementById("dropList").style.height = height + "px"; | |||||
document.getElementById("dropList").style.overflow = "scroll"; | |||||
} else { | |||||
document.getElementById("dropList").style.height = ""; | |||||
document.getElementById("dropList").style.overflow = "visible"; | |||||
} | |||||
}); | |||||
} else { | |||||
this.showDropList = false; | |||||
} | |||||
} | |||||
}); | |||||
} else { | |||||
this.getObligeeOptions = []; | |||||
this.showDropList = false; | |||||
} | |||||
}, | |||||
shyqrdmxmChange(val){ | |||||
console.info(val); | |||||
this.$set(this.circulation, "sqrxm", val.sqrxm); | |||||
this.$set(this.circulation, "deptId", val.deptId); | |||||
this.$set(this.circulation, "deptName", val.deptId); | |||||
this.$set(this.circulation, "sqrzjhm", val.sqrzjhm); | |||||
this.$set(this.circulation, "sqrzjlx", val.sqrzjlx); | |||||
this.$set(this.circulation, "gyqk", val.gyfs); | |||||
this.$set(this.circulation, "xb", val.sqrxb); | |||||
this.$set(this.circulation, "lxdh", val.sqrdh); | |||||
this.$set(this.circulation, "hkszd", val.dz); | |||||
this.getObligeeOptions=[]; | |||||
this.showDropList = false; | |||||
}, | |||||
// 获取日期, yyyy-MM-dd | |||||
getDate(d) { | |||||
return formatDate(d ? d : new Date(), 'yyyy-MM-dd'); | |||||
}, | |||||
/** 查找地图中宅基地 */ | |||||
closeMoule: function (data) { | |||||
this.circulation.zjddm = data; | |||||
let _this = this; | |||||
let handlerTime = this.getDate(); | |||||
this.$set(this.circulation, "sqrq", handlerTime); | |||||
this.$set(this.circulation, "pzrq", handlerTime); | |||||
this.$set(this.circulation, "barq", handlerTime); | |||||
getByLyZjddm(data).then((response) => { | |||||
this.$set(this.circulation, "ntcmj", response.data.zdmj); | |||||
this.$set(this.circulation, "tcmj", response.data.zdmj); | |||||
this.$set(this.circulation, "zjdszd", response.data.zdszd); | |||||
this.$set(this.circulation, "zjdszn", response.data.zdszn); | |||||
this.$set(this.circulation, "zjdszx", response.data.zdszx); | |||||
this.$set(this.circulation, "zjdszb", response.data.zdszb); | |||||
this.$set(this.circulation, "theGeomJson", response.data.theGeomJson); | |||||
this.$set(this.circulation, "tcqszsh", response.data.zsh); | |||||
listHomesteadnmfw({zjddm: data}).then((response) => { | |||||
response.rows.map(function(item){ | |||||
_this.$set(_this.circulation, "jzmj", Number(_this.circulation.jzmj) + Number(item.jzmj)); | |||||
_this.$set(_this.circulation, "xjzmj", Number(_this.circulation.xjzmj) + Number(item.jzmj)); | |||||
}); | |||||
}); | |||||
// const baseImgUrl = this.$store.getters.baseRoutingUrl; | |||||
if(response.rows[0].zdt != null && response.rows[0].zdt !== ""){ | |||||
this.$set(this.form, "xzzp", response.rows[0].zdt); | |||||
} | |||||
}); | |||||
}, | |||||
mapLook(){ | |||||
this.mapShow = true; | |||||
setTimeout(() => { | |||||
this.$refs.zjdProductResh.drawingLyPaceCountryDarw(); | |||||
},1000); | |||||
}, | |||||
}, | |||||
} | |||||
</script> | |||||
<style scoped lang="scss"> | |||||
.app-container { | |||||
padding-bottom: 2%; | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
margin-bottom: 2%; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | |||||
.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; | |||||
} | |||||
.submitButton{ | |||||
width: 80%; | |||||
margin: 0 auto; | |||||
background-color: #1D6FE9; | |||||
} | |||||
</style> |
@@ -1,15 +1,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-nav-bar | |||||
left-arrow | |||||
fixed | |||||
placeholder | |||||
@click-left="$router.back(-1)" | |||||
> | |||||
<template #title> | |||||
<p style="font-weight: bold;">添加有偿使用</p> | |||||
</template> | |||||
</van-nav-bar> | |||||
<div class="header_main"> | |||||
有偿使用 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div class="main_box"> | <div class="main_box"> | ||||
<van-field v-model="circulation.shyqrdbxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" /> | <van-field v-model="circulation.shyqrdbxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" /> | ||||
<div id="dropList" v-show="showDropList" style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" > | <div id="dropList" v-show="showDropList" style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" > | ||||
@@ -410,7 +404,38 @@ | |||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.app-container { | .app-container { | ||||
padding: 2% 0; | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | } | ||||
.main_title{ | .main_title{ | ||||
font-size: 0.4rem; | font-size: 0.4rem; | ||||
@@ -1,15 +1,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-nav-bar | |||||
left-arrow | |||||
fixed | |||||
placeholder | |||||
@click-left="$router.back(-1)" | |||||
> | |||||
<template #title> | |||||
<p style="font-weight: bold;">有偿使用</p> | |||||
</template> | |||||
</van-nav-bar> | |||||
<div class="header_main"> | |||||
有偿使用 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div class="main_box"> | <div class="main_box"> | ||||
<van-field | <van-field | ||||
readonly | readonly | ||||
@@ -228,7 +222,38 @@ | |||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.app-container { | .app-container { | ||||
padding: 2% 0; | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | } | ||||
.main_title{ | .main_title{ | ||||
font-size: 0.4rem; | font-size: 0.4rem; | ||||
@@ -1,19 +1,10 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-nav-bar | |||||
left-arrow | |||||
fixed | |||||
placeholder | |||||
@click-left="$router.back(-1)" | |||||
@click-right="goAdd" | |||||
> | |||||
<template #title> | |||||
<p style="font-weight: bold;">有偿使用</p> | |||||
</template> | |||||
<template #right> | |||||
<van-icon name="add" size="18" /> | |||||
</template> | |||||
</van-nav-bar> | |||||
<div class="header_main"> | |||||
有偿使用 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
<div class="add_btn" @click="goAdd"></div> | |||||
</div> | |||||
<van-list | <van-list | ||||
v-model="loading" | v-model="loading" | ||||
:finished="finished" | :finished="finished" | ||||
@@ -134,7 +125,38 @@ | |||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.app-container { | .app-container { | ||||
padding: 0.2rem 3%; | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | } | ||||
/deep/.van-cell__title{ | /deep/.van-cell__title{ | ||||
flex: 0.7; | flex: 0.7; | ||||
@@ -1,15 +1,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<van-nav-bar | |||||
left-arrow | |||||
fixed | |||||
placeholder | |||||
@click-left="$router.back(-1)" | |||||
> | |||||
<template #title> | |||||
<p style="font-weight: bold;">修改有偿使用</p> | |||||
</template> | |||||
</van-nav-bar> | |||||
<div class="header_main"> | |||||
有偿使用 | |||||
<div class="return_btn" @click="onClickLeft"></div> | |||||
</div> | |||||
<div class="main_box"> | <div class="main_box"> | ||||
<van-field readonly v-model="circulation.shyqrdbxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" /> | <van-field readonly v-model="circulation.shyqrdbxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" /> | ||||
<div id="dropList" v-show="showDropList" style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" > | <div id="dropList" v-show="showDropList" style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" > | ||||
@@ -420,7 +414,38 @@ | |||||
<style scoped lang="scss"> | <style scoped lang="scss"> | ||||
.app-container { | .app-container { | ||||
padding: 2% 0; | |||||
.header_main{ | |||||
height: 116px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_head.png') no-repeat; | |||||
background-size: 100% 100%; | |||||
position: fixed; | |||||
top: 0; | |||||
left: 0; | |||||
width: 100%; | |||||
font-size: 36px; | |||||
line-height: 116px; | |||||
text-align: center; | |||||
color: #fff; | |||||
position: relative; | |||||
.return_btn{ | |||||
width: 24px; | |||||
height: 43.2px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat; | |||||
background-size: 20px 36px; | |||||
position: absolute; | |||||
left: 38px; | |||||
top: 36px; | |||||
} | |||||
.add_btn{ | |||||
width: 56.4px; | |||||
height: 40.8px; | |||||
background: url('../../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat; | |||||
background-size: 47px 34px; | |||||
position: absolute; | |||||
right: 38px; | |||||
top: 36px; | |||||
} | |||||
} | |||||
} | } | ||||
.main_title{ | .main_title{ | ||||
font-size: 0.4rem; | font-size: 0.4rem; | ||||