Pārlūkot izejas kodu

宅基地调查

wulanhaote
yujk pirms 3 gadiem
vecāks
revīzija
64a1bbf4ca
4 mainītis faili ar 1623 papildinājumiem un 215 dzēšanām
  1. +63
    -0
      src/api/homesteadSurvey/shyqr.js
  2. +1091
    -142
      src/views/homesteadSurvey/add.vue
  3. +13
    -61
      src/views/homesteadSurvey/index.vue
  4. +456
    -12
      src/views/homesteadSurvey/list.vue

+ 63
- 0
src/api/homesteadSurvey/shyqr.js Parādīt failu

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

// 查询数据调查-使用权人列表
export function listShyqr(query) {
return request({
url: '/houseSurvey/shyqr/list',
method: 'get',
params: query
})
}

// 导出数据调查-使用权人
export function exportShyqr(query) {
return request({
url: '/houseSurvey/shyqr/export',
method: 'get',
params: query
})
}

// 新增数据调查-户主信息
export function shyqrConnectTask(data) {
return request({
url: '/houseSurvey/shyqr/connectTask',
method: 'post',
data: data
})
}

// 查询数据调查-使用权人详细
export function getShyqr(id) {
return request({
url: '/houseSurvey/shyqr/get/' + id,
method: 'get'
})
}

// 新增数据调查-使用权人
export function addShyqr(data) {
return request({
url: '/houseSurvey/shyqr/add',
method: 'post',
data: data
})
}

// 修改数据调查-使用权人
export function updateShyqr(data) {
return request({
url: '/houseSurvey/shyqr/edit',
method: 'post',
data: data
})
}

// 删除数据调查-使用权人
export function delShyqr(id) {
return request({
url: '/houseSurvey/shyqr/remove/' + id,
method: 'get'
})
}


+ 1091
- 142
src/views/homesteadSurvey/add.vue
Failā izmaiņas netiks attēlotas, jo tās ir par lielu
Parādīt failu


+ 13
- 61
src/views/homesteadSurvey/index.vue Parādīt failu

@@ -64,36 +64,24 @@
</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:{id:item.id}}"style="border-radius: 16px;
<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;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px">
<!--<template #default>
<van-circle
v-model="currentRate"
:rate="30"
:color="100"
size="60"
:text="currentRate.toFixed(0) + '%'"
/>
</template>-->
<!--<template #label>
<template #default>
</template>
<template #label>
开始时间:{{item.planBeginTime}} 结束时间:{{item.planEndTime}}
</template>-->
</template>
<template #icon>
<van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
</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'}"style="border-radius: 16px;
<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>
<van-circle
v-model="currentRate"
:rate="30"
:color="100"
size="60"
:text="currentRate.toFixed(0) + '%'"
/>

</template>
<template #label>
开始时间:{{item.planBeginTime}}
@@ -104,16 +92,9 @@
</van-cell>
</div>
<div v-if="active==3" style="height:calc( 100vh - 350px);overflow-y:auto;">
<van-cell v-for=" (item,index) in todoList" :key="index" :title="item.deptName" size="small" :to="{name:'homesteadList'}"style="border-radius: 16px;
<van-cell v-for=" (item,index) in todoList" :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>
<van-circle
v-model="currentRate"
:rate="30"
:color="100"
size="60"
:text="currentRate.toFixed(0) + '%'"
/>
</template>
<template #label>
开始时间:{{item.planBeginTime}}
@@ -123,14 +104,18 @@
</template>
</van-cell>
</div>

</div>
</template>

<script>
import {addTask, complete, delTask, exportTask, getTask, listTask, publish, updateTask} from "@/api/homesteadSurvey/index";
import {getInfo} from "../../api/login";
import circleProccess from "@/components/circleProccess.vue";
export default {
name: "homesteadIndex",
components: { circleProccess
},
data() {
return {
active: 1,
@@ -184,7 +169,6 @@
console.log(response)
this.nickName = response.user.nickName
});
this.onLoad();
this.getList();
},
methods: {
@@ -192,7 +176,6 @@
listTask(this.queryParams).then(response => {
this.total = response.total
this.totalList = response.rows
console.log(this.totalList)
this.done = 0;
this.doneList = [];
this.todo = 0;
@@ -214,37 +197,6 @@
_isMobile() {
this.phone = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
},
onChange({ value }) {
if (value === this.options[0].value) {
setTimeout(() => {
this.options[0].children = [
{ text: '杭州市', value: '330100' },
{ text: '宁波市', value: '330200' },
];
}, 500);
}
},
onFinish({ selectedOptions }) {
this.show = false;
this.fieldValue = selectedOptions.map((option) => option.text).join('/');
},
onLoad() {
// 异步更新数据
// setTimeout 仅做示例,真实场景中一般为 ajax 请求
setTimeout(() => {
for (let i = 0; i < 10; i++) {
this.list.push(this.list.length + 1);
}

// 加载状态结束
this.loading = false;

// 数据全部加载完成
if (this.list.length >= 40) {
this.finished = true;
}
}, 100);
},
},
}
</script>


+ 456
- 12
src/views/homesteadSurvey/list.vue Parādīt failu

@@ -9,7 +9,7 @@
<van-icon name="arrow-left" size="18" color="#fff" />
</template>
<template #title>
<p style="color:#fff">**村</p>
<p style="color:#fff">{{item.deptName}}</p>
</template>
</van-nav-bar>
<div style="display:flex;width:90%;margin:0 auto;">
@@ -34,43 +34,75 @@
<van-icon name="add" color="rgba(122,201,67,1)" size="55" style="vertical-align:middle;"/>
</template>
</van-search>
<van-tabs v-model="active" sticky title-active-color="#7AC943" color="#7AC943" swipeable>
<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'}" style="border-radius: 16px;
<van-cell v-for="(item,index) in list" :key="index" size="small":to="{name:'homesteadAdd',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 #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>
</template>
<template #label>
<p>宅基地代码 4413215200216562255Z00026 </p>
<p>宗地面积 119.87㎡ </p>
<p>宅基地代码 {{item.zjddm}} </p>
<p>宗地面积 {{item.zdmj}}㎡ </p>
</template>
<template #icon>
<van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
</template>
</van-cell>
</van-tab>
<van-tab title="已核查">
<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;
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>
</template>
<template #default>
<van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
</template>
<template #label>
<p>宅基地代码 {{item.zjddm}} </p>
<p>宗地面积 {{item.zdmj}}㎡ </p>
</template>
<template #icon>
<van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
</template>
</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;
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>
</template>
<template #label>
<p>宅基地代码 {{item.zjddm}} </p>
<p>宗地面积 {{item.zdmj}}㎡ </p>
</template>
<template #icon>
<van-icon name="clock" color="#22b7f2" style="margin-top:10px;margin-right:10px;"/>
</template>
</van-cell>
</van-tab>
</van-tabs>
</div>
<div v-if="activeBtn==2">
<div v-if="activeBtn==2" >
<van-search v-model="value" placeholder="请输入农户姓名或证件号" show-action>
<template #action>
<van-icon name="add" color="rgba(122,201,67,1)" size="55" style="vertical-align:middle;" @click="show1=true"/>
<van-icon name="add" color="rgba(122,201,67,1)" size="55" style="vertical-align:middle;"/>
</template>
</van-search>
<van-cell v-for="(item,index) in list" :key="index" size="small" :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">
<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>
</template>
<template #default>
<van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;">查看详情</van-button>
<van-button plain round color="#7AC943" size="mini" style="vertical-align:middle;margin-top:15px;" @click="showsyqr=true">查看详情</van-button>
</template>
<template #label>
<p>宅基地代码 4413215200216562255Z00026 </p>
@@ -400,6 +432,359 @@
</van-form>
</div>
</van-popup>
<van-popup v-model="showsyqr" style="height:100%;width:100%;">
<div class="bannerBg">
<van-nav-bar
style="background:transparent;border-bottom-width:0;"
@click-left="showsyqr=!showsyqr"
>
<template #left>
<van-icon name="arrow-left" size="18" color="#fff" />
</template>
<template #title>
<p style="color:#fff">使用权利人</p>
</template>
</van-nav-bar>
</div>
<div style="margin:20px;">
<van-form @submit="onSubmit">
<p class="title" style="position:relative;padding-left:20px;line-height:32px;">使用权人</p>
<van-field
v-model="form1.suyqrdm"
name="所有权人代码"
label="所有权人代码"
placeholder="所有权人代码"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.nhdm"
name="农户代码"
label="农户代码"
placeholder="农户代码"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.zjddm"
name="宅基地代码"
label="宅基地代码"
placeholder="宅基地代码"
:rules="[{ required: true, message: '' }]"
/>

<van-field
v-model="form1.nmfwdm"
name="农民房屋代码"
label="农民房屋代码"
placeholder="农民房屋代码"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.shyqrdbxm"
name="使用权人代表姓名"
label="使用权人代表姓名"
placeholder="使用权人代表姓名"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.shyqrdbzjlx"
name="使用权人代表证件类型"
label="使用权人代表证件类型"
placeholder="使用权人代表证件类型"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.shyqrdbzjhm"
name="使用权人代表证件号码"
label="使用权人代表证件号码"
placeholder="使用权人代表证件号码"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.bdcdyh"
name="不动产单元号"
label="不动产单元号"
placeholder="不动产单元号"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.bdcqzh"
name="不动产权证号"
label="不动产权证号"
placeholder="不动产权证号"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.qzysxlh"
name="权证印刷序列号"
label="权证印刷序列号"
placeholder="权证印刷序列号"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.fzjg"
name="发证机关"
label="发证机关"
placeholder="发证机关"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.sshy"
name="所属行业"
label="所属行业"
placeholder="所属行业"
:rules="[{ required: true, message: '' }]"
/>
<van-field name="radio" label="国家/地区">
<template #input>
<van-radio-group v-model="form1.gj" direction="horizontal">
<van-radio name="1">中国</van-radio>
<van-radio name="2">其他</van-radio>
</van-radio-group>
</template>
</van-field>
<van-field
v-model="form1.qlbl"
name="权利比例"
label="权利比例"
placeholder="权利比例"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.hjszss"
name="户籍所在省市"
label="户籍所在省市"
placeholder="户籍所在省市"
:rules="[{ required: true, message: '' }]"
/>
<van-field name="radio" label="性别">
<template #input>
<van-radio-group v-model="form1.xb" direction="horizontal">
<van-radio name="1">男</van-radio>
<van-radio name="2">女</van-radio>
</van-radio-group>
</template>
</van-field>
<van-field
v-model="form1.dh"
name="电话"
label="电话"
placeholder="电话"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.dz"
name="地址"
label="地址"
placeholder="地址"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.ftzdmj"
name="分摊宗地面积"
label="分摊宗地面积"
placeholder="分摊宗地面积"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.sfsyqrzjgy"
name="是否使用权人之间共有"
label="是否使用权人之间共有"
placeholder="是否使用权人之间共有"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.qlrlx"
name="权利人类型"
label="权利人类型"
placeholder="权利人类型"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.gyfs"
name="共有方式"
label="共有方式"
placeholder="共有方式"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.sfbncjtjjzzcy"
name="是否本农村集体经济组织成员"
label="是否本农村集体经济组织成员"
placeholder="是否本农村集体经济组织成员"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.hklx"
name="户口类型"
label="户口类型"
placeholder="户口类型"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form1.bz"
name="备注"
label="备注"
placeholder="备注"
:rules="[{ required: true, message: '' }]"
/>
<div style="text-align:center;overflow:auto;">
<van-button plain round color="#7AC943" size="mini" style="margin:0 auto;" native-type="button" @click="showhncylist=true">查看户内成员列表</van-button>
</div>
<div style="margin: 16px;">
<van-button round block color="#7AC943" native-type="submit">保存</van-button>
</div>
</van-form>
</div>
</van-popup>
<van-popup v-model="showhncylist" style="height:100%;width:100%;">
<div class="bannerBg">
<van-nav-bar
style="background:transparent;border-bottom-width:0;"
@click-left="showhncylist=!showhncylist"
>
<template #left>
<van-icon name="arrow-left" size="18" color="#fff" />
</template>
<template #title>
<p style="color:#fff">户内成员列表</p>
</template>
</van-nav-bar>
</div>
<van-swipe-cell v-for="(item,index) in hncylist" :key="index" @click.native="showPopuphncy" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px auto;background:#fff;">
<div style="padding:20px;">
<p style="color:#22B7F2;font-size:20px;line-height:30px;"><van-icon name="wap-home" color="#22b7f2" size="20" style="margin-right:10px;"/>刘茂强</p>
<div style="display:flex;line-height:20px">
<p style="flex:1;text-align:left;">证件号码</p>
<p style="flex:1;text-align:right;">4413215200216562255Z00026</p>
</div>
<div style="display:flex;line-height:20px">
<p style="flex:1;text-align:left;">权利人类型</p>
<p style="flex:1;text-align:right;">个人</p>
</div>
</div>
<template #right>
<van-button square text="删除" type="danger" class="delete-button" />
</template>
</van-swipe-cell>
<div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;background:#fff;padding:20px;">
<div style="text-align:center;" >
<p style="color:#22B7F2;font-size:20px;line-height:30px;" @click="showPopuphncy"><van-icon name="plus" color="#22b7f2" size="20" style="margin-right:10px;"/>添加户内成员信息</p>
</div>
</div>
</van-popup>
<van-popup v-model="showhncy" style="height:100%;width:100%;">
<div class="bannerBg">
<van-nav-bar
style="background:transparent;border-bottom-width:0;"
@click-left="showhncy=!showhncy"
>
<template #left>
<van-icon name="arrow-left" size="18" color="#fff" />
</template>
<template #title>
<p style="color:#fff">户内成员</p>
</template>
</van-nav-bar>
</div>
<div style="margin:20px;">
<van-form @submit="onSubmit">
<van-field
v-model="form5.nhdm"
name="农户代码"
label="农户代码"
placeholder="农户代码"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.xm"
name="姓名"
label="姓名"
placeholder="姓名"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.zjlx"
name="证件类型"
label="证件类型"
placeholder="证件类型"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.yhzgx"
name="与户主关系"
label="与户主关系"
placeholder="与户主关系"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.zjhm"
name="证件号码"
label="证件号码"
placeholder="证件号码"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.xb"
name="性别"
label="性别"
placeholder="性别"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.lxdh"
name="联系电话"
label="联系电话"
placeholder="联系电话"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.hklx"
name="户口类型"
label="户口类型"
placeholder="户口类型"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.hyzk"
name="婚姻状况"
label="婚姻状况"
placeholder="婚姻状况"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.jzwqk"
name="建筑物情况"
label="建筑物情况"
placeholder="建筑物情况"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.sfbjtjjzzcy"
name="是否本集体经济组织成员"
label="是否本集体经济组织成员"
placeholder="是否本集体经济组织成员"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.cybz"
name="成员备注"
label="成员备注"
placeholder="成员备注"
:rules="[{ required: true, message: '' }]"
/>
<van-field
v-model="form5.cybzsm"
name="成员备注说明"
label="成员备注说明"
placeholder="成员备注说明"
:rules="[{ required: true, message: '' }]"
/>
<div style="margin: 16px;">
<van-button round block color="#7AC943" native-type="submit">保存</van-button>
</div>
</van-form>
</div>
</van-popup>
</div>
</template>

@@ -413,12 +798,29 @@
name: "homesteadList",
data() {
return {
// 使用权人表单弹出
showsyqr:false,
showhncylist:false,
showhncy:false,
activeBtn:1,
value:'',
active:null,
list:[1,1,1,1,1,1,1,1,1,1,1,1,1],
// 全部列表
list:[],
// 已核查列表
list1:[],
// 未核查列表
list2:[],
// 使用权列表
syqrlist:[1,1,1,],
// 户内成员表单
form5: {},
// 户内成员列表
hncylist:[11,1,1],
currentRate:20,
geoJson:null,
// 使用权人
form1:[],
// 户主列表
hzform:{},
// 权利人列表
@@ -434,6 +836,8 @@
columns:[],
show1:false,
showhzzjlx: false,
// 路由传过来的任务基本信息。
item: {},
//地图使用 --start
openMap: false,
mapTheGeomZrzId: null,
@@ -456,7 +860,47 @@
}
});
},
created(){
this.item = this.$route.params.item
this.getZjdList();
},
methods: {
showPopuphncy(){
this.showhncy = true
},
getZjdList(){
console.log(this.active)
if(this.active==1){
let params = {
"deptId" : this.item.deptId,
"houserDataConfirmStatus" : "CONFIRMED"
}
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"
}
listZjdzd(params).then((response) => {
if (response.code == 200) {
this.list2 = response.rows
}
});
}else{
let params = {
"deptId" : this.item.deptId,
}
listZjdzd(params).then((response) => {
if (response.code == 200) {
this.list = response.rows
}
});
}
},
onConfirm(){},
onSubmit(){},
mapShow() {


Notiek ielāde…
Atcelt
Saglabāt