zhangzl
/
nsgk_mobile
2
0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

宅基地调查

wulanhaote
yujk 3 jaren geleden
bovenliggende
64a1bbf4ca
commit
ae9d998c5c
6 gewijzigde bestanden met toevoegingen van 534 en 111 verwijderingen
Zij-aan-zij weergave
Diff opties
Statistieken weergeven Download Patch-bestand Download Diff-bestand
  1. +71
    -0
      src/api/homesteadSurvey/suyqr.js
  2. +8
    -0
      src/api/homesteadSurvey/zjdzd.js
  3. +1
    -0
      src/router/index.js
  4. +224
    -58
      src/views/homesteadSurvey/add.vue
  5. +4
    -4
      src/views/homesteadSurvey/index.vue
  6. +226
    -49
      src/views/homesteadSurvey/list.vue

+ 71
- 0
src/api/homesteadSurvey/suyqr.js Bestand weergeven

@@ -0,0 +1,71 @@
import request from '@/utils/request'

// 查询数据调查-所有权利人列表
export function listSuyqr(query) {
return request({
url: '/houseSurvey/suyqr/list',
method: 'get',
params: query
})
}

// 导出数据调查-所有权利人
export function exportSuyqr(query) {
return request({
url: '/houseSurvey/suyqr/export',
method: 'get',
params: query
})
}

// 查询数据调查-所有权利人详细
export function getSuyqr(id) {
return request({
url: '/houseSurvey/suyqr/get/' + id,
method: 'get'
})
}

// 新增数据调查-所有权利人
export function addSuyqr(data) {
return request({
url: '/houseSurvey/suyqr/add',
method: 'post',
data: data
})
}

// 新增数据调查-所有权利人
export function suyqrConnectTask(data) {
return request({
url: '/houseSurvey/suyqr/connectTask',
method: 'post',
data: data
})
}

// 修改数据调查-所有权利人
export function updateSuyqr(data) {
return request({
url: '/houseSurvey/suyqr/edit',
method: 'post',
data: data
})
}

// 删除数据调查-所有权利人
export function delSuyqr(id) {
return request({
url: '/houseSurvey/suyqr/remove/' + id,
method: 'get'
})
}

// 确数据调查-所有权利人
export function confirmSuyqr(id) {
return request({
url: '/houseSurvey/suyqr/confirm/' + id,
method: 'get'
})
}


+ 8
- 0
src/api/homesteadSurvey/zjdzd.js Bestand weergeven

@@ -61,3 +61,11 @@ export function delZjdzd(id) {
})
}

// 上传文件
export function uploadFile(data) {
return request({
url: '/common/upload',
method: 'post',
data: data
})
}

+ 1
- 0
src/router/index.js Bestand weergeven

@@ -1677,6 +1677,7 @@ export const constantRoutes = [
meta: {
title: '宅基地调查',
hidden: true,
keepAlive: true
},
component: (resolve) => require(['@/views/homesteadSurvey/list'], resolve)
},


+ 224
- 58
src/views/homesteadSurvey/add.vue Bestand weergeven

@@ -12,7 +12,7 @@
<van-icon name="map-marked" size="18" color="#fff" />
</template>
<template #title>
<p style="color:#fff">刘茂强</p>
<p style="color:#fff">{{item.zjddm?"":"新增"}}入户调查</p>
</template>
</van-nav-bar>
</div>
@@ -48,15 +48,15 @@
</div>
<div v-if="active==1">
<div style="margin:20px;">
<van-form @submit="onSubmit">
<van-form @submit="onSubmitzjd">
<p class="title" style="position:relative;padding-left:20px;line-height:32px;">宅基地信息</p>
<van-field
<!--<van-field
v-model="form.deptId"
name="行政区划名称"
label="行政区划名称"
placeholder="行政区划名称"
:rules="[{ required: true, message: '' }]"
/>
/>-->
<van-field
v-model="form.suyqrdm"
name="所有权人代码"
@@ -84,21 +84,18 @@
name="用途"
label="用途"
placeholder="用途"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.zjdzsh"
name="宅基地证书号"
label="宅基地证书号"
placeholder="宅基地证书号"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.zjdpzmj"
name="宅基地批准面积"
label="宅基地批准面积"
placeholder="宅基地批准面积"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.zdmj"
@@ -106,28 +103,24 @@
name="宗地面积"
label="宗地面积"
placeholder="宗地面积"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.zdbh"
name="宗地代码"
label="宗地代码"
placeholder="宗地代码"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.zl"
name="坐落"
label="坐落"
placeholder="坐落"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.zldwdm"
name="坐落单位代码"
label="坐落单位代码"
placeholder="坐落单位代码"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.zdszd"
@@ -158,159 +151,193 @@
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.lyzk"
v-model="form.lyzkName"
name="当前利用状况"
label="当前利用状况"
placeholder="当前利用状况"
:rules="[{ required: true, message: '' }]"
@click="showlyzk = true"
/>
<van-field
v-model="form.lyzk"
style="display:none"
/>
<van-popup v-model="showlyzk" position="bottom">
<van-picker
show-toolbar
:columns="lyzkOptions"
value-key="dictLabel"
@confirm="onConfirmlyzk"
@cancel="showlyzk = false"
/>
</van-popup>
<van-field
v-model="form.zjdxzyy"
name="宅基地闲置原因"
label="宅基地闲置原因"
placeholder="宅基地闲置原因"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.xzkssj"
name="闲置开始时间"
label="闲置开始时间"
placeholder="闲置开始时间"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.lzyx"
name="流转意向"
label="流转意向"
placeholder="流转意向"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.yctcyx"
name="有偿退出意向"
label="有偿退出意向"
placeholder="有偿退出意向"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.bccjl"
name="被惩处经历"
label="被惩处经历"
placeholder="被惩处经历"
:rules="[{ required: true, message: '' }]"
/>
@click="showPickerxzkssj = true"
/>
<van-popup v-model:show="showPickerxzkssj" position="bottom">
<van-datetime-picker
type="date"
@confirm="onConfirmxzkssj"
@cancel="showPickerxzkssj = false"
/>
</van-popup>
<van-field name="radio" label="流转意向">
<template #input>
<van-radio-group v-model="form.lzyx" direction="horizontal">
<van-radio name="1">有</van-radio>
<van-radio name="0">无</van-radio>
</van-radio-group>
</template>
</van-field>
<van-field name="radio" label="有偿退出意向">
<template #input>
<van-radio-group v-model="form.yctcyx" direction="horizontal">
<van-radio name="1">有</van-radio>
<van-radio name="0">无</van-radio>
</van-radio-group>
</template>
</van-field>
<van-field name="radio" label="被惩处经历">
<template #input>
<van-radio-group v-model="form.bccjl" direction="horizontal">
<van-radio name="1">有</van-radio>
<van-radio name="0">无</van-radio>
</van-radio-group>
</template>
</van-field>
<van-field
v-model="form.bccbz"
name="被惩处备注"
label="被惩处备注"
placeholder="被惩处备注"
:rules="[{ required: true, message: '' }]"
/>
<van-field
<!-- <van-field
v-model="form.zjdqdfs"
name="宅基地取得方式"
label="宅基地取得方式"
placeholder="宅基地取得方式"
:rules="[{ required: true, message: '' }]"
/>
<van-field
/>-->
<van-field name="radio" label="宅基地取得方式">
<template #input>
<van-radio-group v-model="form.zjdqdfs" direction="horizontal">
<van-radio v-for="dict in zjdqdfsOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>
</van-radio-group>
</template>
</van-field>
<!--<van-field
v-model="form.zjdxctp"
name="宅基地现场照片"
label="宅基地现场照片"
placeholder="宅基地现场照片"
:rules="[{ required: true, message: '' }]"
/>
/>-->
<van-field name="uploader" label="宅基地现场照片">
<template #input>
<van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="4"></van-uploader>
</template>
</van-field>
<van-field
v-model="form.ytmc"
name="用途名称"
label="用途名称"
placeholder="用途名称"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.dj"
name="等级"
label="等级"
placeholder="等级"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.jg"
name="价格（万元）"
label="价格（万元）"
placeholder="价格（万元）"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.qllx"
name="权利类型"
label="权利类型"
placeholder="权利类型"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.qlxz"
name="权利性质"
label="权利性质"
placeholder="权利性质"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.qlsdfs"
name="权利设定方式"
label="权利设定方式"
placeholder="权利设定方式"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.rjl"
name="容积率"
label="容积率"
placeholder="容积率"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.jzmd"
name="建筑密度"
label="建筑密度"
placeholder="建筑密度"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.zdt"
name="宗地图"
label="宗地图"
placeholder="宗地图"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.tfh"
name="图幅号"
label="图幅号"
placeholder="图幅号"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form.djh"
name="地籍号"
label="地籍号"
placeholder="地籍号"
:rules="[{ required: true, message: '' }]"
/>

<van-field
v-model="form.sjly"
v-model="form.sjlyName"
name="数据来源"
label="数据来源"
placeholder="数据来源"
:rules="[{ required: true, message: '' }]"
input-align="right"
@click="showsjly = true"
/>
<van-field
v-model="form.sjly"
style="display:none"
/>
<van-popup v-model="showsjly" position="bottom">
<van-picker
show-toolbar
:columns="sjlyOptions"
value-key="dictLabel"
@confirm="onConfirmsjly"
@cancel="showsjly = false"
/>
</van-popup>
<van-field
v-model="form.bz"
name="备注"
label="备注"
placeholder="备注"
:rules="[{ required: true, message: '' }]"
/>
<div style="margin: 16px;">
<van-button round block color="#7AC943" native-type="submit">保存</van-button>
@@ -1253,11 +1280,15 @@

<script>
import {listShyqr} from "@/api/homesteadSurvey/shyqr";
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile} from "@/api/homesteadSurvey/zjdzd";
export default {
name: "homesteadAdd",
data() {
return {
active:1,
showsjly:false,
showPickerxzkssj:false,
showlyzk:false,
showsyqr: false,
showhncylist:false,
showhncy:false,
@@ -1290,18 +1321,126 @@
fwlist:[1,1],
// 附属设施列表
fssslist:[1,1,1,1,1],
// 当前利用状况字典
lyzkOptions: [],
// 数据来源字典
sjlyOptions:[],
// 宅基地取得方式字典
zjdqdfsOptions:[],
// 宅基地图片
fileListzjd:[],
};
},
created(){
this.item = this.$route.params.item
this.item = this.$cookies.get("search");
this.getDicts("zjdlyzk").then(response => {
this.lyzkOptions = response.data;
});
this.getDicts("acquisition_method").then(response => {
this.zjdqdfsOptions = response.data;
});
this.getDicts("sjly").then(response => {
this.sjlyOptions = response.data;
});
this.getZjd()
},
mounted(){

},
methods: {
// 图片上传前
beforeReadzjd(file){
// 创建Canvas对象(画布)
let canvas = document.createElement('canvas')
// 获取对应的CanvasRenderingContext2D对象(画笔)
let context = canvas.getContext('2d')
// 创建新的图片对象
let img = new Image()
// 指定图片的DataURL(图片的base64编码数据)
img.src = file.content
// 监听浏览器加载图片完成，然后进行进行绘制
const height = 166
const width = 316
img.onload = () => {
const h = img.height
const w = img.width
let ch = img.height/2
let cw = img.width/2
let canvas = document.createElement('canvas')
let ctx = canvas.getContext('2d')
canvas.height = ch
canvas.width = cw
ctx.clearRect(0,0,cw,ch)
ctx.drawImage(img,0,0,cw,ch)
let base_img = canvas.toDataURL('image/jpeg')
const blobBin = atob(base_img.split(',')[1])
let d = []
for (let i=0;i<blobBin.length;i++){
d.push(blobBin.charCodeAt(i))
}
const data2 = new FormData();
data2.append("file", new Blob([new Uint8Array(d)],{type:'image/jpeg'}));
uploadFile(data2).then(res => {
console.log(res);
if(this.form.zjdxctp!=null&&this.form.zjdxctp!=""){
this.form.zjdxctp = this.form.zjdxctp + "," + res.fileName
}else{
this.form.zjdxctp = res.fileName
}
})
}

},
// 图片删除
deleteFilezjd(file){
console.log(this.form.zjdxctp,file.baseUrl)
let url = ","+file.baseUrl
let url1 = file.baseUrl+","
this.form.zjdxctp = this.form.zjdxctp.replaceAll(url,"")
this.form.zjdxctp = this.form.zjdxctp.replaceAll(url1,"")
},
// 当前利用状况弹出框
onConfirmlyzk(value){
this.form.lyzkName = value.dictLabel
this.form.lyzk = value.dictValue
this.showlyzk = false
},
onConfirmsjly(value){
this.form.sjlyName = value.dictLabel
this.form.sjly = value.dictValue
this.showsjly = false
},
// 闲置开始时间弹出框
onConfirmxzkssj(val){
let year = val.getFullYear()
let month = val.getMonth() + 1
let day = val.getDate()
if (month >= 1 && month <= 9) { month = `0${month}` }
if (day >= 1 && day <= 9) { day = `0${day}` }
this.form.xzkssj = year+"-"+month+"-"+day
this.showPickerxzkssj= false
},
goBack(){
this.$router.push({name:'homesteadList',params:{item:this.item}});
},
getZjd() {
let params = {
"zjddm":this.item.zjddm
}
listZjdzd(params).then(response => {
this.form = response.rows[0];
this.fileListzjd = []
let li = this.form.zjdxctp.split(",");
li.map(res => {
this.fileListzjd.push({"url":location.protocol+"//"+location.host+process.env.VUE_APP_BASE_API+res,"baseUrl":res})
})
this.sjlyOptions.map(res => {
if(res.dictValue == this.form.sjly){
this.form.sjlyName = res.dictLabel
}
})
});
},
getSyqrList() {
let params = {
"zjddm":this.item.zjddm
@@ -1326,6 +1465,33 @@
this.fssslist = response.rows;
});
},
onSubmitzjd(){
if (this.form.id != null) {
updateZjdzd(this.form).then(response => {
let _this =this
this.$toast({
icon: 'success', // 找到自己需要的图标
message: '修改成功',
duration:"1000",
onClose:function(){
_this.active = 2
}
})
});
} else {
addZjdzd(this.form).then(response => {
let _this =this
this.$toast({
icon: 'success', // 找到自己需要的图标
message: '保存成功',
duration:"1000",
onClose:function(){
_this.active = 2
}
})
});
}
},
showPopupsyqr() {
this.showsyqr = true;
},


+ 4
- 4
src/views/homesteadSurvey/index.vue Bestand weergeven

@@ -64,7 +64,7 @@
</div>

<div v-if="active==1" style="height:calc( 100vh - 350px);overflow-y:auto;">
<van-cell v-for="(item,index) in totalList" :key="index" :title="item.title" size="small" :to="{name:'homesteadList',params:{item:item}}"style="border-radius: 16px;
<van-cell v-for="(item,index) in totalList" :key="index" :title="item.deptName" size="small" @click.native="setCookies(item)" :to="{name:'homesteadList'}"style="border-radius: 16px;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
<template #default>
</template>
@@ -76,12 +76,10 @@
</template>
</van-cell>
</div>
<circleProccess></circleProccess>
<div v-if="active==2" style="height:calc( 100vh - 350px);overflow-y:auto;">
<van-cell v-for=" (item,index) in doneList" :key="index" :title="item.deptName" size="small" :to="{name:'homesteadList',params:{item:item}}" style="border-radius: 16px;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
<template #default>

</template>
<template #label>
开始时间:{{item.planBeginTime}}
@@ -166,12 +164,14 @@
false
);
getInfo().then(response => {
console.log(response)
this.nickName = response.user.nickName
});
this.getList();
},
methods: {
setCookies(item){
this.$cookies.set("item",JSON.stringify(item));
},
getList() {
listTask(this.queryParams).then(response => {
this.total = response.total


+ 226
- 49
src/views/homesteadSurvey/list.vue Bestand weergeven

@@ -3,7 +3,7 @@
<div class="bannerBg" style="">
<van-nav-bar
style="background:transparent;border-bottom-width:0;"
@click-left="$router.back(-1)"
@click-left="onClickLeft"
>
<template #left>
<van-icon name="arrow-left" size="18" color="#fff" />
@@ -16,10 +16,10 @@
<div :class="{activeBtn : activeBtn==1,disactiveBtn :activeBtn!=1 }" @click="activeBtn=1"><van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn1'+(activeBtn!=1?'1':'')+'.png')" />
入户核查
</div>
<div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="activeBtn=2"><van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn2'+(activeBtn!=2?'2':'')+'.png')" />
<div :class="{activeBtn : activeBtn==2,disactiveBtn :activeBtn!=2 }" @click="activeBtn=2,getShyqr()"><van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn2'+(activeBtn!=2?'2':'')+'.png')" />
农户信息
</div>
<div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="activeBtn=3"> <van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn3'+(activeBtn!=3?'3':'')+'.png')" />
<div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="activeBtn=3,getSyqr()"> <van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn3'+(activeBtn!=3?'3':'')+'.png')" />
所有权人
</div>
<div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }" @click="activeBtn=4,mapShow()">
@@ -29,20 +29,21 @@
</div>
</div>
<div v-if="activeBtn==1">
<van-search v-model="value" placeholder="请输入搜索关键词" show-action>
<van-search v-model="zjdvalue" placeholder="请输入搜索关键词" show-action @search="onSearchzjd">
<template #action>
<van-icon name="add" color="rgba(122,201,67,1)" size="55" style="vertical-align:middle;"/>
<van-icon name="add" color="rgba(122,201,67,1)" size="55" @click="onClickzjd" style="vertical-align:middle;"/>
</template>
</van-search>
<van-tabs v-model="active" sticky title-active-color="#7AC943" color="#7AC943" swipeable @click="getZjdList">
<van-tab title="全部" >
<van-cell v-for="(item,index) in list" :key="index" size="small":to="{name:'homesteadAdd',params:{item:item}}" style="border-radius: 16px;
<van-cell v-for="(item,index) in list" :key="index" size="small" @click.native="setCookies(item)" :to="{name:'homesteadAdd'}" style="border-radius: 16px;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
<template #title>
<p style="color:#22B7F2">{{item.syqr}}</p>
</template>
<template #default>
<van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
<van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
<van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>
</template>
<template #label>
<p>宅基地代码 {{item.zjddm}} </p>
@@ -54,13 +55,14 @@
</van-cell>
</van-tab>
<van-tab title="已核查" >
<van-cell v-for="(item,index) in list1" :key="index" size="small":to="{name:'homesteadAdd',params:{item:item}}" style="border-radius: 16px;
<van-cell v-for="(item,index) in list1" :key="index" size="small" @click.native="setCookies(item)" :to="{name:'homesteadAdd'}" style="border-radius: 16px;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
<template #title>
<p style="color:#22B7F2">刘茂强</p>
<p style="color:#22B7F2">{{item.syqr}}</p>
</template>
<template #default>
<van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
<van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
<van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>
</template>
<template #label>
<p>宅基地代码 {{item.zjddm}} </p>
@@ -72,13 +74,14 @@
</van-cell>
</van-tab>
<van-tab title="未核查">
<van-cell v-for="(item,index) in list2" :key="index" size="small":to="{name:'homesteadAdd',params:{item:item}}" style="border-radius: 16px;
<van-cell v-for="(item,index) in list2" :key="index" size="small" @click.native="setCookies(item)" :to="{name:'homesteadAdd'}" style="border-radius: 16px;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
<template #title>
<p style="color:#22B7F2">{{item.syqr}}</p>
</template>
<template #default>
<van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
<van-button v-if="item.houseDataConfirmStatus=='CONFIRMED'" plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
<van-button v-if="item.houseDataConfirmStatus!='CONFIRMED'"plain round color="#FA5353" size="mini" style="vertical-align:middle;margin-top:15px;">开始调查</van-button>
</template>
<template #label>
<p>宅基地代码 {{item.zjddm}} </p>
@@ -92,21 +95,21 @@
</van-tabs>
</div>
<div v-if="activeBtn==2" >
<van-search v-model="value" placeholder="请输入农户姓名或证件号" show-action>
<van-search v-model="syqrvalue" placeholder="请输入农户姓名或证件号" show-action @search="onSearchnh">
<template #action>
<van-icon name="add" color="rgba(122,201,67,1)" size="55" style="vertical-align:middle;"/>
<van-icon name="add" color="rgba(122,201,67,1)" size="55" @click="onClicksyqr" style="vertical-align:middle;"/>
</template>
</van-search>
<van-cell v-for="(item,index) in syqrlist" :key="index" size="small" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
<template #title>
<p style="color:#22B7F2">刘茂强</p>
<p style="color:#22B7F2">{{item.shyqrdbxm}}</p>
</template>
<template #default>
<van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;" @click="showsyqr=true">查看详情</van-button>
<van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;" @click="showsyqr=true,form1=item">查看详情</van-button>
</template>
<template #label>
<p>宅基地代码 4413215200216562255Z00026 </p>
<p>宗地面积 119.87㎡ </p>
<p>证件号码&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp{{item.shyqrdbzjhm}} </p>
<p>农户代码&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp{{item.nhdm}}&nbsp&nbsp&nbsp&nbsp性别{{item.xb}}</p>
</template>
<template #icon>
<van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
@@ -114,7 +117,7 @@
</van-cell>
</div>
<div v-if="activeBtn==3">
<van-form >
<van-form @submit="onSubmitsyqr">
<div style="border-radius: 16px;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;">
<van-field
@@ -145,7 +148,7 @@
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="qlrform.suyqxz"
v-model="qlrform.suyqxzName"
name="所有权性质"
label="所有权性质"
required
@@ -154,15 +157,19 @@
:rules="[{ required: true, message: '' }]"
@click="showsuyqxz = true"
/>
<van-field
v-model="qlrform.suyqxz"
style="display:none"
/>
<van-popup v-model="showsuyqxz" position="bottom">
<van-picker
show-toolbar
:columns="columns"
@confirm="onConfirm"
:columns="suyqxzOptions"
value-key="dictLabel"
@confirm="onConfirmsuyqxz"
@cancel="showsuyqxz = false"
/>
</van-popup>

<van-field
v-model="qlrform.dbrxm"
name="代表人姓名"
@@ -174,6 +181,10 @@
/>
<van-field
v-model="qlrform.dbrzjlx"
style="display:none"
/>
<van-field
v-model="qlrform.dbrzjlxName"
name="代表人证件类型"
label="代表人证件类型"
required
@@ -185,8 +196,9 @@
<van-popup v-model="showdbrzjlx" position="bottom">
<van-picker
show-toolbar
:columns="columns"
@confirm="onConfirm"
:columns="zjlxOptions"
value-key="dictLabel"
@confirm="onConfirmdbrzjlx"
@cancel="showdbrzjlx = false"
/>
</van-popup>
@@ -239,22 +251,25 @@
label="代理人姓名"
placeholder="代理人姓名"
input-align="right"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="qlrform.dlrzjlx"
style="display:none"
/>
<van-field
v-model="qlrform.dlrzjlxName"
name="代理人证件类型"
label="代理人证件类型"
placeholder="代理人证件类型"
input-align="right"
:rules="[{ required: true, message: '' }]"
@click="showdlrzjlx = true"
/>
<van-popup v-model="showdlrzjlx" position="bottom">
<van-picker
show-toolbar
:columns="columns"
@confirm="onConfirm"
:columns="zjlxOptions"
value-key="dictLabel"
@confirm="onConfirmdlrzjlx"
@cancel="showdlrzjlx = false"
/>
</van-popup>
@@ -264,7 +279,6 @@
label="代理人证件号码"
placeholder="代理人证件号码"
input-align="right"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="qlrform.dlrlxdh"
@@ -272,7 +286,6 @@
label="代理人联系电话"
placeholder="代理人联系电话"
input-align="right"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="qlrform.dlrtxdz"
@@ -280,7 +293,6 @@
label="代理人通讯地址"
placeholder="代理人通讯地址"
input-align="right"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="qlrform.dlryzbm"
@@ -288,7 +300,6 @@
label="代理人邮政编码"
placeholder="代理人邮政编码"
input-align="right"
:rules="[{ required: true, message: '' }]"
/>
</div>
<div style="border-radius: 16px;
@@ -299,7 +310,6 @@
label="农村集体经济组织代码"
placeholder="农村集体经济组织代码"
input-align="right"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="qlrform.ncjtjjzzmc"
@@ -307,7 +317,6 @@
label="农村集体经济组织名称"
placeholder="农村集体经济组织名称"
input-align="right"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="qlrform.fbfdm"
@@ -315,7 +324,6 @@
label="发包方代码"
placeholder="发包方代码"
input-align="right"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="qlrform.fbfmc"
@@ -323,22 +331,25 @@
label="发包方名称"
placeholder="发包方名称"
input-align="right"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="qlrform.sjly"
v-model="qlrform.sjlyName"
name="数据来源"
label="数据来源"
placeholder="数据来源"
input-align="right"
:rules="[{ required: true, message: '' }]"
@click="showsjly = true"
/>
<van-field
v-model="qlrform.sjly"
style="display:none"
/>
<van-popup v-model="showsjly" position="bottom">
<van-picker
show-toolbar
:columns="columns"
@confirm="onConfirm"
:columns="sjlyOptions"
value-key="dictLabel"
@confirm="onConfirmsjly"
@cancel="showsjly = false"
/>
</van-popup>
@@ -348,7 +359,6 @@
label="备注"
placeholder="备注"
input-align="right"
:rules="[{ required: true, message: '' }]"
/>
</div>
<div style="margin: 16px;">
@@ -442,7 +452,7 @@
<van-icon name="arrow-left" size="18" color="#fff" />
</template>
<template #title>
<p style="color:#fff">使用权利人</p>
<p style="color:#fff">{{form1.zjddm?"":"新增"}}使用权利人</p>
</template>
</van-nav-bar>
</div>
@@ -791,6 +801,8 @@
<script>
import { currentLocation,} from "@/api/homestead/index";
import {listZjdzd} from "@/api/homesteadSurvey/zjdzd";
import {listShyqr} from "@/api/homesteadSurvey/shyqr";
import {listSuyqr,updateSuyqr,addSuyqr} from "@/api/homesteadSurvey/suyqr";
import {listZrz,getZrzZjdDmList} from "@/api/homesteadSurvey/zrz";
import {listFsss,getFsssZjdDmList} from "@/api/homesteadSurvey/fsss";
import $ from "jquery";
@@ -804,6 +816,10 @@
showhncy:false,
activeBtn:1,
value:'',
// 宅基地搜索框
zjdvalue:"",
// 使用权人搜索框
syqrvalue:"",
active:null,
// 全部列表
list:[],
@@ -811,8 +827,8 @@
list1:[],
// 未核查列表
list2:[],
// 使用权列表
syqrlist:[1,1,1,],
// 使用权人列表
syqrlist:[],
// 户内成员表单
form5: {},
// 户内成员列表
@@ -833,6 +849,12 @@
showdbrzjlx:false,
// 数据来源弹出框
showsjly:false,
// 证件类型字典
zjlxOptions: [],
// 所有权性质字典
suyqxzOption: [],
// 数据来源字典
sjlyOptions:[],
columns:[],
show1:false,
showhzzjlx: false,
@@ -861,19 +883,174 @@
});
},
created(){
this.item = this.$route.params.item
this.getDicts("zjlx").then(response => {
this.zjlxOptions = response.data;
});
this.getDicts("qsxz").then(response => {
this.suyqxzOptions = response.data;
});
this.getDicts("sjly").then(response => {
this.sjlyOptions = response.data;
});
this.item = this.$cookies.get("item");
this.getZjdList();
},
methods: {
setCookies(item){
this.$cookies.set("search",JSON.stringify(item));
},
// 入户核查搜索框新增。
onClickzjd(){
let params = {"deptId":this.item.deptId}
this.$router.push({name:'homesteadAdd',params:{item:params}});
},
// 农户信息搜索框新增。
onClicksyqr(){
this.showsyqr = true;
this.form1 = {};
},
// 返回
onClickLeft(){
this.$router.push('/homesteadSurvey/index');
},
onConfirmdbrzjlx(value){
this.qlrform.dbrzjlxName = value.dictLabel
this.qlrform.dbrzjlx = value.dictValue
this.showdbrzjlx = false
},
onConfirmsuyqxz(value){
this.qlrform.suyqxzName = value.dictLabel
this.qlrform.suyqxz = value.dictValue
this.showsuyqxz = false
},
onConfirmdlrzjlx(value){
this.qlrform.dlrzjlxName = value.dictLabel
this.qlrform.dlrzjlx = value.dictValue
this.showdlrzjlx = false
},
onConfirmsjly(value){
this.qlrform.sjlyName = value.dictLabel
this.qlrform.sjly = value.dictValue
this.showsjly = false
},
// 所有权人保存
onSubmitsyqr(){
if(this.qlrform.id!=null){
updateSuyqr(this.qlrform).then(
response => {
let _this =this
this.$toast({
icon: 'success', // 找到自己需要的图标
message: '修改成功',
duration:"1000"
})
}
);
}else{
addSuyqr(this.qlrform).then(
response => {
let _this =this
this.$toast({
icon: 'success', // 找到自己需要的图标
message: '保存成功',
duration:"1000"
})
}
);
}
},
// 查询所有权人
getSyqr(){
let params = {
"deptId" : this.item.deptId
}
this.qlrform={}
listSuyqr(params).then((response) => {
this.qlrform = response.rows[0]
this.zjlxOptions.map(res => {
if(res.dictValue == this.qlrform.dbrzjlx){
this.qlrform.dbrzjlxName = res.dictLabel
}
if(res.dictValue == this.qlrform.dlrzjlx){
this.qlrform.dlrzjlxName = res.dictLabel
}
})
this.suyqxzOptions.map(res => {
if(res.dictValue == this.qlrform.suyqxz){
this.qlrform.suyqxzName = res.dictLabel
}
})
this.sjlyOptions.map(res => {
if(res.dictValue == this.qlrform.sjly){
this.qlrform.sjlyName = res.dictLabel
}
})
});
},
// 查询使用权人
getShyqr(){
let params = {
"deptId" : this.item.deptId
}
listShyqr(params).then((response) => {
this.syqrlist = response.rows
});
},
// 农户信息搜索框
onSearchnh(){
let params = {
"deptId" : this.item.deptId,
"syqrValue" : this.syqrvalue
}
listShyqr(params).then((response) => {
this.syqrlist = response.rows
});
},
// 宅基地搜索框
onSearchzjd(){
if(this.active==1){
let params = {
"deptId" : this.item.deptId,
"houserDataConfirmStatus" : "CONFIRMED",
"syqr" : this.zjdvalue
}
listZjdzd(params).then((response) => {
if (response.code == 200) {
this.list1 = response.rows
}
});
}else if(this.active==2){
let params = {
"deptId" : this.item.deptId,
"houserDataConfirmStatus" : "UNCONFIRMED",
"syqr" : this.zjdvalue
}
listZjdzd(params).then((response) => {
if (response.code == 200) {
this.list2 = response.rows
}
});
}else{
let params = {
"deptId" : this.item.deptId,
"syqr" : this.zjdvalue
}
listZjdzd(params).then((response) => {
if (response.code == 200) {
this.list = response.rows
}
});
}
},
// 户内成员弹窗
showPopuphncy(){
this.showhncy = true
},
getZjdList(){
console.log(this.active)
if(this.active==1){
let params = {
"deptId" : this.item.deptId,
"houserDataConfirmStatus" : "CONFIRMED"
"houseDataConfirmStatus" : "CONFIRMED"
}
listZjdzd(params).then((response) => {
if (response.code == 200) {
@@ -883,7 +1060,7 @@
}else if(this.active==2){
let params = {
"deptId" : this.item.deptId,
"houserDataConfirmStatus" : "UNCONFIRMED"
"houseDataConfirmStatus" : "UNCONFIRMED"
}
listZjdzd(params).then((response) => {
if (response.code == 200) {


Schrijf Voorbeeld
Laden…
Annuleren
Opslaan