@@ -21,7 +21,7 @@ export function exportFsss(query) { | |||||
// 查询数据调查-附属设施详细 | // 查询数据调查-附属设施详细 | ||||
export function getFsss(id) { | export function getFsss(id) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/fsss/get/' + id, | |||||
url: '/home/homesteadfsss/get/' + id, | |||||
method: 'get' | method: 'get' | ||||
}) | }) | ||||
} | } | ||||
@@ -29,7 +29,7 @@ export function getFsss(id) { | |||||
// 新增数据调查-附属设施 | // 新增数据调查-附属设施 | ||||
export function addFsss(data) { | export function addFsss(data) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/fsss/add', | |||||
url: '/home/homesteadfsss/add', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -38,7 +38,7 @@ export function addFsss(data) { | |||||
// 修改数据调查-附属设施 | // 修改数据调查-附属设施 | ||||
export function updateFsss(data) { | export function updateFsss(data) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/fsss/edit', | |||||
url: '/home/homesteadfsss/edit', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -37,7 +37,7 @@ export function getNhByNhdm(nhdm) { | |||||
// 新增数据调查-户主信息 | // 新增数据调查-户主信息 | ||||
export function addNh(data) { | export function addNh(data) { | ||||
return request({ | return request({ | ||||
url: '/home/homesteadnhhncy/add', | |||||
url: '/home/homesteadnh/add', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -55,7 +55,7 @@ export function nhConnectTask(data) { | |||||
// 修改数据调查-户主信息 | // 修改数据调查-户主信息 | ||||
export function updateNh(data) { | export function updateNh(data) { | ||||
return request({ | return request({ | ||||
url: '/home/homesteadnhhncy/edit', | |||||
url: '/home/homesteadnh/edit', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -3,7 +3,7 @@ import request from '@/utils/request' | |||||
// 查询数据调查-农民房屋列表 | // 查询数据调查-农民房屋列表 | ||||
export function listNmfw(query) { | export function listNmfw(query) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/nmfw/list', | |||||
url: '/home/homesteadnmfw/list', | |||||
method: 'get', | method: 'get', | ||||
params: query | params: query | ||||
}) | }) | ||||
@@ -12,7 +12,7 @@ export function listNmfw(query) { | |||||
// 导出数据调查-农民房屋 | // 导出数据调查-农民房屋 | ||||
export function exportNmfw(query) { | export function exportNmfw(query) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/nmfw/export', | |||||
url: '/home/homesteadnmfw/export', | |||||
method: 'get', | method: 'get', | ||||
params: query | params: query | ||||
}) | }) | ||||
@@ -21,7 +21,7 @@ export function exportNmfw(query) { | |||||
// 查询数据调查-农民房屋详细 | // 查询数据调查-农民房屋详细 | ||||
export function getNmfw(id) { | export function getNmfw(id) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/nmfw/get/' + id, | |||||
url: '/home/homesteadnmfw/get/' + id, | |||||
method: 'get' | method: 'get' | ||||
}) | }) | ||||
} | } | ||||
@@ -29,7 +29,7 @@ export function getNmfw(id) { | |||||
// 新增数据调查-农民房屋 | // 新增数据调查-农民房屋 | ||||
export function addNmfw(data) { | export function addNmfw(data) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/nmfw/add', | |||||
url: '/home/homesteadnmfw/add', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -38,7 +38,7 @@ export function addNmfw(data) { | |||||
// 新增数据调查-户主信息 | // 新增数据调查-户主信息 | ||||
export function nmfwConnectTask(data) { | export function nmfwConnectTask(data) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/nmfw/connectTask', | |||||
url: '/home/homesteadnmfw/connectTask', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -47,7 +47,7 @@ export function nmfwConnectTask(data) { | |||||
// 修改数据调查-农民房屋 | // 修改数据调查-农民房屋 | ||||
export function updateNmfw(data) { | export function updateNmfw(data) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/nmfw/edit', | |||||
url: '/home/homesteadnmfw/edit', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -56,7 +56,7 @@ export function updateNmfw(data) { | |||||
// 删除数据调查-农民房屋 | // 删除数据调查-农民房屋 | ||||
export function delNmfw(id) { | export function delNmfw(id) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/nmfw/remove/' + id, | |||||
url: '/home/homesteadnmfw/remove/' + id, | |||||
method: 'get' | method: 'get' | ||||
}) | }) | ||||
} | } | ||||
@@ -49,7 +49,7 @@ export function getShyqr(id) { | |||||
// 新增数据调查-使用权人 | // 新增数据调查-使用权人 | ||||
export function addShyqr(data) { | export function addShyqr(data) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/shyqr/add', | |||||
url: '/home/homesteadshyqr/add', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -58,7 +58,7 @@ export function addShyqr(data) { | |||||
// 修改数据调查-使用权人 | // 修改数据调查-使用权人 | ||||
export function updateShyqr(data) { | export function updateShyqr(data) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/shyqr/edit', | |||||
url: '/home/homesteadshyqr/edit', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -29,7 +29,7 @@ export function getSuyqr(id) { | |||||
// 新增数据调查-所有权利人 | // 新增数据调查-所有权利人 | ||||
export function addSuyqr(data) { | export function addSuyqr(data) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/suyqr/add', | |||||
url: '/home/homesteadsuyqr/add', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -47,7 +47,7 @@ export function suyqrConnectTask(data) { | |||||
// 修改数据调查-所有权利人 | // 修改数据调查-所有权利人 | ||||
export function updateSuyqr(data) { | export function updateSuyqr(data) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/suyqr/edit', | |||||
url: '/home/homesteadsuyqr/edit', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -22,6 +22,14 @@ export function listZjdzd(query) { | |||||
params: query | params: query | ||||
}) | }) | ||||
} | } | ||||
// 查询数据调查-签字确认 | |||||
export function zjddcSign(data,zjddm) { | |||||
return request({ | |||||
url: '/home/homesteadzjdzdxx/zjddc/sign/'+zjddm, | |||||
method: 'post', | |||||
data: data | |||||
}) | |||||
} | |||||
// 导出数据调查-宅基地宗地 | // 导出数据调查-宅基地宗地 | ||||
export function exportZjdzd(query) { | export function exportZjdzd(query) { | ||||
return request({ | return request({ | ||||
@@ -21,7 +21,7 @@ export function exportZrz(query) { | |||||
// 查询数据调查-自然幢详细 | // 查询数据调查-自然幢详细 | ||||
export function getZrz(id) { | export function getZrz(id) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/zrz/get/' + id, | |||||
url: '/home/homespacezrz/get/' + id, | |||||
method: 'get' | method: 'get' | ||||
}) | }) | ||||
} | } | ||||
@@ -29,7 +29,7 @@ export function getZrz(id) { | |||||
// 新增数据调查-自然幢 | // 新增数据调查-自然幢 | ||||
export function addZrz(data) { | export function addZrz(data) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/zrz/add', | |||||
url: '/home/homespacezrz/add', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -38,7 +38,7 @@ export function addZrz(data) { | |||||
// 修改数据调查-自然幢 | // 修改数据调查-自然幢 | ||||
export function updateZrz(data) { | export function updateZrz(data) { | ||||
return request({ | return request({ | ||||
url: '/houseSurvey/zrz/edit', | |||||
url: '/home/homespacezrz/edit', | |||||
method: 'post', | method: 'post', | ||||
data: data | data: data | ||||
}) | }) | ||||
@@ -0,0 +1,264 @@ | |||||
<template> | |||||
<div> | |||||
<p class="fuTitle">地块位置</p> | |||||
<div id="full-screen-acceptance" style="width: 100%;height:45vh;position:relative;"> | |||||
<div :id=this.uuidMap style="width: 100%;height: 100%"></div> | |||||
</div> | |||||
<!-- <div id="info" > <button type="button" @click="showHistoryDown">保 存</button></div>--> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import {selectHomesteadObligeeMapList,getQueryLand} from "@/api/sunVillage_info/homestead/paidExit"; | |||||
import $ from "jquery"; | |||||
export default { | |||||
components: { | |||||
getQueryLand | |||||
}, | |||||
data() { | |||||
return { | |||||
uuidMap: this.guidProduct(), | |||||
map:this.guidProduct(), | |||||
showHistoryTable: false, | |||||
closeMoule: null, | |||||
}; | |||||
}, | |||||
props: ['theGeom','shqrxm',"landStatus","deptId"], | |||||
methods: { | |||||
//地图加载 | |||||
guidProduct(){ | |||||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
var r = Math.random() * 16 | 0, | |||||
v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
return v.toString(16); | |||||
}); | |||||
}, | |||||
//地图查看 | |||||
drawingLyPaceCountryDarw() { | |||||
//加载地图编辑 | |||||
var that = this; | |||||
selectHomesteadObligeeMapList({shyqrdbxm:this.shqrxm,landStatus:this.landStatus,deptId:this.deptId}).then((response) => { | |||||
if (response.code == 200) { | |||||
document.getElementById(that.uuidMap).innerHTML = ''; | |||||
var hc_land; | |||||
var projection = new ol.proj.Projection({ | |||||
//地图投影类型 | |||||
code: "EPSG:3857", | |||||
units: "degrees", | |||||
//extent:extent | |||||
}); | |||||
var aerial = new ol.layer.Tile({ | |||||
source: new ol.source.XYZ({ | |||||
url: "http://t{0-7}.tianditu.com/img_w/wmts?" + | |||||
"SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + | |||||
"&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067", | |||||
}), | |||||
isGroup: true, | |||||
name: "卫星影像图", | |||||
resolution:Math.random() * 0.00000001 | |||||
}); | |||||
var yingxzi = new ol.layer.Tile({ | |||||
source: new ol.source.XYZ({ | |||||
url: "http://t{0-7}.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067", | |||||
}), | |||||
isGroup: true, | |||||
name: "天地图文字标注--卫星影像图", | |||||
resolution:Math.random() * 0.00000001 | |||||
}); | |||||
//加载地图 | |||||
that.map = new ol.Map({ | |||||
controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮 | |||||
layers: [aerial, yingxzi], | |||||
projection: projection, | |||||
target: that.uuidMap, | |||||
view: new ol.View({ | |||||
//center: ol.proj.fromLonLat([115.452752, 31.789033]), | |||||
zoom: 15, | |||||
minZoom: 5, //地图缩小限制 | |||||
maxZoom: 18.3, //地图放大限制 | |||||
}), | |||||
interactions: ol.interaction.defaults({ | |||||
pinchRotate: false // 移动端禁止地图旋转 | |||||
}), | |||||
//view: new ol.View({ol.view.getResolution() + Math.random() * 0.00000001)});//随机数缩放实现刷新 | |||||
}); | |||||
if (response.data.length > 0) { | |||||
//setTimeout(() => { | |||||
for (var i = 0; response.data.length > i; i++) { | |||||
//图层查询定位开始 ---------start | |||||
console.log( response.data[i].zjdzdxx.theGeom); | |||||
hc_land = new ol.layer.Vector({ | |||||
title: "add Layer", | |||||
source: new ol.source.Vector({ | |||||
projection: projection, | |||||
features: new ol.format.GeoJSON().readFeatures("{\n" + | |||||
" \"type\": \"Feature\",\n" + | |||||
" \"geometry\":" + response.data[i].zjdzdxx.theGeom + ", " + | |||||
" \"properties\":" + JSON.stringify(response.data[i]) + "}"), | |||||
}), | |||||
resolution:Math.random() * 0.00000001, | |||||
style: new ol.style.Style({ | |||||
fill: new ol.style.Fill({ | |||||
//矢量图层填充颜色,以及透明度 | |||||
color: "rgba(204, 255, 204,0.3)", | |||||
}), | |||||
stroke: new ol.style.Stroke({ | |||||
//边界样式 | |||||
color: "#CCFF66", | |||||
width: 3, | |||||
}), | |||||
}), | |||||
}); | |||||
that.map.addLayer(hc_land); | |||||
var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX; | |||||
var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY; | |||||
var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX; | |||||
var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY; | |||||
//定位查询位置 | |||||
var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||||
console.info(center) | |||||
that.map.getView().animate({ | |||||
// 只设置需要的属性即可 | |||||
center: center, // 中心点 | |||||
zoom: 16.9, // 缩放级别 | |||||
rotation: undefined, // 缩放完成view视图旋转弧度 | |||||
duration: 1000, // 缩放持续时间,默认不需要设置 | |||||
resolution:Math.random() * 0.00000001, | |||||
}); | |||||
} | |||||
} else { // 加载全部地图,不带宅基地图斑 | |||||
let deptId = this.deptId; | |||||
getQueryLand(deptId).then((response) => { | |||||
if (response.code == 200) { | |||||
let InsertCode = response.data; | |||||
if (InsertCode != null) { | |||||
let lat = InsertCode.lat; | |||||
let lng = InsertCode.lng; | |||||
console.info(lat); | |||||
let center; | |||||
if(lat !=null && lng !=null && lat !="" && lng !=""){ | |||||
center = [lng,lat]; | |||||
}else { | |||||
center = [115.452752, 31.789033]; | |||||
} | |||||
console.info(center); | |||||
that.map.getView().animate({ | |||||
// 只设置需要的属性即可 | |||||
center: ol.proj.fromLonLat(center), // 中心点 | |||||
zoom: 17.9, // 缩放级别 | |||||
rotation: undefined, // 缩放完成view视图旋转弧度 | |||||
duration: 1000, // 缩放持续时间,默认不需要设置 | |||||
}); | |||||
} | |||||
} | |||||
}); | |||||
} | |||||
var geo_zjdzd; | |||||
that.map.on("singleclick", function (evt) { | |||||
let feature = that.map.forEachFeatureAtPixel( | |||||
evt.pixel, | |||||
(feature) => feature | |||||
); | |||||
//document.getElementById(that.uuidMap).innerHTML = ''; | |||||
if (feature && (feature !==undefined)) { | |||||
that.map.removeLayer(geo_zjdzd); | |||||
var aleft = []; | |||||
for(var i=0;i<feature.values_.geometry.flatCoordinates.length;i++){ | |||||
aleft.push("["+feature.values_.geometry.flatCoordinates[i]+","+feature.values_.geometry.flatCoordinates[i+1] +"]") | |||||
i = i+1; | |||||
} | |||||
var aright = "[[["+aleft +"]]]"; | |||||
var geoThegeom = "{\"type\": \"MultiPolygon\", \"coordinates\": "+aright + "}"; | |||||
this.closeMoule= null; | |||||
//图层查询定位开始 ---------start | |||||
geo_zjdzd = new ol.layer.Vector({ | |||||
title: "add Layer", | |||||
source: new ol.source.Vector({ | |||||
projection: projection, | |||||
features: new ol.format.GeoJSON().readFeatures("{\n" + | |||||
" \"type\": \"Feature\",\n" + | |||||
" \"geometry\":" + geoThegeom + "}"), | |||||
}), | |||||
resolution:Math.random() * 0.00000001, | |||||
style: new ol.style.Style({ | |||||
fill: new ol.style.Fill({ | |||||
//矢量图层填充颜色,以及透明度 | |||||
color: "rgb(204, 255, 255,0.5)", | |||||
}), | |||||
stroke: new ol.style.Stroke({ | |||||
//边界样式 | |||||
color: "#00FFFF", | |||||
width: 3, | |||||
}), | |||||
}), | |||||
}); | |||||
that.map.addLayer(geo_zjdzd); | |||||
//that.closeMoule = feature.values_.zjddm; | |||||
that.$emit('closeMoule', feature.values_.zjddm); | |||||
var maxXMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.maxX; | |||||
var maxYMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.maxY; | |||||
var minXMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.minX; | |||||
var minYMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.minY; | |||||
//定位查询位置 | |||||
var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||||
that.map.getView().animate({ | |||||
// 只设置需要的属性即可 | |||||
center: center, // 中心点 | |||||
zoom: 16.9, // 缩放级别 | |||||
rotation: undefined, // 缩放完成view视图旋转弧度 | |||||
duration: 1000, // 缩放持续时间,默认不需要设置 | |||||
resolution:Math.random() * 0.00000001, | |||||
}); | |||||
} | |||||
}); | |||||
} | |||||
}); | |||||
}, | |||||
showHistoryDown() { | |||||
this.showHistoryTable = false; | |||||
this.$emit('closeMoule', this.closeMoule); | |||||
this.closeMoule = null; | |||||
}, | |||||
}, | |||||
watch: {}, | |||||
}; | |||||
</script> | |||||
<style scoped> | |||||
#that.message { | |||||
width: 100%; | |||||
height: 100%; | |||||
} | |||||
.fuTitle { | |||||
border-top: 1px solid #e9e9e9; | |||||
text-align: center; | |||||
padding: 10px 0px 0px 0px; | |||||
font-size: 36px; | |||||
color: #999; | |||||
} | |||||
.ant-btn-red { | |||||
position: relative; | |||||
display: inline-block; | |||||
background: #D0EEFF; | |||||
border: 1px solid #99D3F5; | |||||
border-radius: 4px; | |||||
padding: 4px 12px; | |||||
overflow: hidden; | |||||
color: #1E88C7; | |||||
text-decoration: none; | |||||
text-indent: 0; | |||||
line-height: 20px; | |||||
} | |||||
#land-btn-wrap{ | |||||
position: absolute; | |||||
right: 3%; | |||||
top: 5%; | |||||
z-index: 2000; | |||||
} | |||||
</style> |
@@ -2975,6 +2975,96 @@ export const constantRoutes = [ | |||||
}, | }, | ||||
component: (resolve) => require(['@/views/homesteadSurvey/shyqrAdd'], resolve) | component: (resolve) => require(['@/views/homesteadSurvey/shyqrAdd'], resolve) | ||||
}, | }, | ||||
{ | |||||
path: '/homesteadSurvey/nhcyAdd', | |||||
name: 'nhcyAdd', | |||||
meta: { | |||||
title: '宅基地调查', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/homesteadSurvey/nhcyAdd'], resolve) | |||||
}, | |||||
{ | |||||
path: '/homesteadSurvey/hncyList2', | |||||
name: 'hncyList2', | |||||
meta: { | |||||
title: '宅基地调查', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/homesteadSurvey/hncyList2'], resolve) | |||||
}, | |||||
{ | |||||
path: '/homesteadSurvey/hncyDetails', | |||||
name: 'hncyDetails', | |||||
meta: { | |||||
title: '宅基地调查', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/homesteadSurvey/hncyDetails'], resolve) | |||||
}, | |||||
{ | |||||
path: '/homesteadSurvey/nhAdd', | |||||
name: 'nhAdd', | |||||
meta: { | |||||
title: '宅基地调查', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/homesteadSurvey/nhAdd'], resolve) | |||||
}, | |||||
{ | |||||
path: '/homesteadSurvey/nhDetails', | |||||
name: 'nhDetails', | |||||
meta: { | |||||
title: '宅基地调查', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/homesteadSurvey/nhDetails'], resolve) | |||||
}, | |||||
{ | |||||
path: '/homesteadSurvey/zrzAdd', | |||||
name: 'zrzAdd', | |||||
meta: { | |||||
title: '宅基地调查', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/homesteadSurvey/zrzAdd'], resolve) | |||||
}, | |||||
{ | |||||
path: '/homesteadSurvey/nhcyList', | |||||
name: 'nhcyList', | |||||
meta: { | |||||
title: '宅基地调查', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/homesteadSurvey/nhcyList'], resolve) | |||||
}, | |||||
{ | |||||
path: '/homesteadSurvey/nmfwList', | |||||
name: 'nmfwList', | |||||
meta: { | |||||
title: '宅基地调查', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/homesteadSurvey/nmfwList'], resolve) | |||||
}, | |||||
{ | |||||
path: '/homesteadSurvey/nmfwAdd', | |||||
name: 'nmfwAdd', | |||||
meta: { | |||||
title: '宅基地调查', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/homesteadSurvey/nmfwAdd'], resolve) | |||||
}, | |||||
{ | |||||
path: '/homesteadSurvey/fsssAdd', | |||||
name: 'fsssAdd', | |||||
meta: { | |||||
title: '宅基地调查', | |||||
hidden: true, | |||||
}, | |||||
component: (resolve) => require(['@/views/homesteadSurvey/fsssAdd'], resolve) | |||||
}, | |||||
{ | { | ||||
path: '/homesteadSurvey/settle', | path: '/homesteadSurvey/settle', | ||||
name: 'homesteadSettle', | name: 'homesteadSettle', | ||||
@@ -44,9 +44,9 @@ | |||||
</van-row> | </van-row> | ||||
</div> | </div> | ||||
</van-sticky> | </van-sticky> | ||||
<van-form @submit="submitzjd"> | |||||
<van-form ref="form"> | |||||
<div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | ||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">宅基地信息</p> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">空间信息</p> | |||||
<!--<van-field | <!--<van-field | ||||
v-model="form.deptId" | v-model="form.deptId" | ||||
name="行政区划名称" | name="行政区划名称" | ||||
@@ -66,12 +66,14 @@ | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="form.zjddm" | |||||
name="宅基地代码" | |||||
label="宅基地代码" | |||||
placeholder="自动生成" | |||||
v-model="form.zldwdm" | |||||
name="坐落单位代码" | |||||
label="坐落单位代码" | |||||
placeholder="坐落单位代码" | |||||
input-align="right" | input-align="right" | ||||
disabled | |||||
v-show="false" | |||||
required | |||||
:rules="[{ required: true}]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
@@ -80,36 +82,24 @@ | |||||
name="宗地代码" | name="宗地代码" | ||||
label="宗地代码" | label="宗地代码" | ||||
placeholder="自动生成" | placeholder="自动生成" | ||||
disabled | |||||
v-show="false" | |||||
/> | /> | ||||
<van-field name="radio" label="是否发证" input-align="right" autocomplete="off"> | |||||
<template #input> | |||||
<van-radio-group v-model="form.sffz" direction="horizontal"> | |||||
<van-radio name="1">是</van-radio> | |||||
<van-radio name="0">否</van-radio> | |||||
</van-radio-group> | |||||
</template> | |||||
</van-field> | |||||
<van-field | <van-field | ||||
input-align="right" | |||||
v-model="form.zjdzsh" | |||||
name="宅基地证书号" | |||||
label="宅基地证书号" | |||||
placeholder="宅基地证书号" | |||||
maxlength="50" | |||||
autocomplete="off" | autocomplete="off" | ||||
input-align="right" | |||||
v-model="form.bdcdyh" | |||||
name="不动产单元号" | |||||
label="不动产单元号" | |||||
placeholder="不动产单元号" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
input-align="right" | input-align="right" | ||||
v-model="form.zjdpzmj" | |||||
name="批准面积(㎡)" | |||||
label="批准面积(㎡)" | |||||
placeholder="单位:平方米" | |||||
type="number" | |||||
maxlength="15" | |||||
v-model="form.zl" | |||||
name="坐落" | |||||
label="坐落" | |||||
placeholder="坐落" | |||||
required | |||||
:rules="[{ required: true }]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
@@ -120,28 +110,86 @@ | |||||
label="宗地面积(㎡)" | label="宗地面积(㎡)" | ||||
placeholder="宗地面积(㎡)" | placeholder="宗地面积(㎡)" | ||||
maxlength="15" | maxlength="15" | ||||
required | |||||
:rules="[{ required: true }]" | |||||
/> | |||||
<field-select | |||||
v-model="form.yt" | |||||
label="用途" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择用途" | |||||
remote-url="/system/dict/data/type/land_use" | |||||
:on-remote-response="'data'" | |||||
required | |||||
:rules="[{ required: true }]" | |||||
/> | |||||
<field-select | |||||
v-model="form.dj" | |||||
label="等级" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择等级" | |||||
remote-url="/system/dict/data/type/tddj" | |||||
:on-remote-response="'data'" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
input-align="right" | input-align="right" | ||||
v-model="form.zl" | |||||
name="坐落" | |||||
label="坐落" | |||||
placeholder="坐落" | |||||
required | |||||
:rules="[{ required: true, message: '坐落不能为空' }]" | |||||
v-model="form.jg" | |||||
name="价格(万元)" | |||||
label="价格(万元)" | |||||
placeholder="价格(万元)" | |||||
type="number" | |||||
maxlength="15" | |||||
/> | |||||
<field-select | |||||
v-model="form.dj" | |||||
label="权利类型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择权利类型" | |||||
remote-url="/system/dict/data/type/rights_type" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.dj" | |||||
label="权利类型方式" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择权利类型方式" | |||||
remote-url="/system/dict/data/type/right_setting_mode" | |||||
:on-remote-response="'data'" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="form.zldwdm" | |||||
name="坐落单位代码" | |||||
label="坐落单位代码" | |||||
placeholder="自动生成" | |||||
input-align="right" | input-align="right" | ||||
disabled | |||||
v-show="false" | |||||
v-model="form.rjl" | |||||
name="容积率" | |||||
label="容积率" | |||||
placeholder="容积率" | |||||
/> | |||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.jzmd" | |||||
name="建筑密度" | |||||
label="建筑密度" | |||||
placeholder="建筑密度" | |||||
type="number" | |||||
maxlength="15" | |||||
/> | /> | ||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.jzxg" | |||||
name="建筑限高" | |||||
label="建筑限高" | |||||
placeholder="建筑限高" | |||||
type="number" | |||||
maxlength="15" | |||||
/> | |||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
input-align="right" | input-align="right" | ||||
@@ -151,7 +199,7 @@ | |||||
placeholder="宗地四至-东" | placeholder="宗地四至-东" | ||||
maxlength="150" | maxlength="150" | ||||
required | required | ||||
:rules="[{ required: true, message: '宗地四至-东不能为空' }]" | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
@@ -162,7 +210,7 @@ | |||||
placeholder="宗地四至-南" | placeholder="宗地四至-南" | ||||
maxlength="150" | maxlength="150" | ||||
required | required | ||||
:rules="[{ required: true, message: '宗地四至-南不能为空' }]" | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
input-align="right" | input-align="right" | ||||
@@ -172,7 +220,7 @@ | |||||
placeholder="宗地四至-西" | placeholder="宗地四至-西" | ||||
maxlength="150" | maxlength="150" | ||||
required | required | ||||
:rules="[{ required: true, message: '宗地四至-西不能为空' }]" | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
@@ -183,7 +231,236 @@ | |||||
placeholder="宗地四至-北" | placeholder="宗地四至-北" | ||||
maxlength="150" | maxlength="150" | ||||
required | required | ||||
:rules="[{ required: true, message: '宗地四至-北不能为空' }]" | |||||
:rules="[{ required: true}]" | |||||
/> | |||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.tfh" | |||||
name="图幅号" | |||||
label="图幅号" | |||||
placeholder="图幅号" | |||||
/> | |||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.djh" | |||||
name="地籍号" | |||||
label="地籍号" | |||||
placeholder="图幅号" | |||||
/> | |||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.bz" | |||||
name="备注" | |||||
label="备注" | |||||
placeholder="备注" | |||||
/> | |||||
<field-select | |||||
v-model="form.sjly" | |||||
label="数据来源" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择数据来源" | |||||
remote-url="/system/dict/data/type/sjly" | |||||
:on-remote-response="'data'" | |||||
required | |||||
:rules="[{ required: true}]" | |||||
/> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">属性信息</p> | |||||
<field-select | |||||
v-model="form.zjdqdfs" | |||||
label="取得方式" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择取得方式" | |||||
remote-url="/system/dict/data/type/acquisition_method" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.zjdqdsj" | |||||
name="取得时间" | |||||
label="取得时间" | |||||
placeholder="取得时间" | |||||
readonly | |||||
@click="showZjdqdsj = true" | |||||
/> | |||||
<van-popup v-model:show="showZjdqdsj" position="bottom"> | |||||
<van-datetime-picker | |||||
type="date" | |||||
@confirm="onConfirmzjdqdsj" | |||||
@cancel="showZjdqdsj = false" | |||||
:min-date="minDate" | |||||
:max-date="maxDate" | |||||
/> | |||||
</van-popup> | |||||
<FieldRadio | |||||
v-model="form.isMore" | |||||
label="是否一户多宅" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<FieldRadio | |||||
v-model="form.sfcz" | |||||
label="是否超占" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
@change="onSfczChanged" | |||||
/> | |||||
<van-field | |||||
v-if="showCzmj" | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.czmj" | |||||
type="number" | |||||
name="超占面积(㎡)" | |||||
label="超占面积(㎡)" | |||||
placeholder="超占面积(㎡)" | |||||
maxlength="15" | |||||
required | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | |||||
<FieldRadio | |||||
v-model="form.sffz" | |||||
label="是否发证" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
@change="onSffzChanged" | |||||
/> | |||||
<van-field | |||||
v-if="showFzxx" | |||||
input-align="right" | |||||
v-model="form.zsh" | |||||
name="证书号" | |||||
label="证书号" | |||||
placeholder="证书号" | |||||
maxlength="150" | |||||
required | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | |||||
<van-field | |||||
v-if="showFzxx" | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.zsmj" | |||||
type="number" | |||||
name="证书面积(㎡)" | |||||
label="证书面积(㎡)" | |||||
placeholder="证书面积(㎡)" | |||||
maxlength="15" | |||||
required | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | |||||
<van-field | |||||
v-if="showFzxx" | |||||
input-align="right" | |||||
v-model="form.fzdw" | |||||
name="发证单位" | |||||
label="发证单位" | |||||
placeholder="发证单位" | |||||
maxlength="150" | |||||
required | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | |||||
<van-field | |||||
v-if="showWbzyy" | |||||
input-align="right" | |||||
v-model="form.wbzyy" | |||||
name="未办证原因" | |||||
label="未办证原因" | |||||
placeholder="未办证原因" | |||||
maxlength="150" | |||||
required | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | |||||
<field-select | |||||
v-model="form.houseOwnership" | |||||
label="权利归属" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择权利归属" | |||||
remote-url="/system/dict/data/type/house_ownership" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.landStatus" | |||||
label="使用状态" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择使用状态" | |||||
remote-url="/system/dict/data/type/land_status" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.zjdlyzk" | |||||
label="利用状况" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择利用状况" | |||||
remote-url="/system/dict/data/type/zjdlyzk" | |||||
:on-remote-response="'data'" | |||||
@change="onZjdlyzkChanged" | |||||
/> | |||||
<van-field | |||||
v-if="showXzyy" | |||||
input-align="right" | |||||
v-model="form.zjdxzyy" | |||||
name="闲置原因" | |||||
label="闲置原因" | |||||
placeholder="闲置原因" | |||||
maxlength="150" | |||||
required | |||||
:rules="[{ required: true, message: '' }]" | |||||
/> | |||||
<van-field | |||||
v-if="showXzyy" | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.zjdxzqssj" | |||||
name="闲置起始时间" | |||||
label="闲置起始时间" | |||||
placeholder="闲置起始时间" | |||||
required | |||||
:rules="[{ required: true, message: '' }]" | |||||
readonly | |||||
@click="showXzqssj = true" | |||||
/> | |||||
<van-popup v-model:show="showXzqssj" position="bottom"> | |||||
<van-datetime-picker | |||||
type="date" | |||||
@confirm="onConfirmxzqssj" | |||||
@cancel="showXzqssj = false" | |||||
:min-date="minDate" | |||||
:max-date="maxDate" | |||||
/> | |||||
</van-popup> | |||||
<field-select | |||||
v-model="form.landPhms" | |||||
label="盘活利用模式" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择盘活利用模式" | |||||
remote-url="/system/dict/data/type/phlyms" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.nsy" | |||||
type="number" | |||||
name="年收益(元)" | |||||
label="年收益(元)" | |||||
placeholder="年收益(元)" | |||||
maxlength="15" | |||||
/> | /> | ||||
<!-- <van-collapse v-model="activeZjd">--> | <!-- <van-collapse v-model="activeZjd">--> | ||||
<!-- <van-collapse-item title="利用状况" name="1" class="label-class">--> | <!-- <van-collapse-item title="利用状况" name="1" class="label-class">--> | ||||
@@ -450,8 +727,7 @@ | |||||
<MapGisDrawing ref="zjdProductResh" :message="form.theGeomJson" :zjddm="form.zjddm" ></MapGisDrawing> | <MapGisDrawing ref="zjdProductResh" :message="form.theGeomJson" :zjddm="form.zjddm" ></MapGisDrawing> | ||||
</div> | </div> | ||||
<div style="margin: 16px;display: flex;justify-content: space-around;"> | <div style="margin: 16px;display: flex;justify-content: space-around;"> | ||||
<van-button round color="#22B7F2" style="width:45%" native-type="submit">保存</van-button> | |||||
<van-button plain color="#22B7F2" round type="info" style="width:45%" native-type="submit">取消</van-button> | |||||
<van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
</div> | </div> | ||||
<div style="height: 50px;"></div> | <div style="height: 50px;"></div> | ||||
</van-form> | </van-form> | ||||
@@ -461,6 +737,8 @@ | |||||
<script> | <script> | ||||
import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | ||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | ||||
import FieldSelect from "@/components/form/FieldSelect"; | |||||
import FieldRadio from "@/components/form/FieldRadio"; | |||||
import MapGisDrawing from "@/components/Map/MapGisDrawing"; | import MapGisDrawing from "@/components/Map/MapGisDrawing"; | ||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | ||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | ||||
@@ -475,7 +753,7 @@ import { Notify, Dialog, Toast } from 'vant'; | |||||
import axios from "axios"; | import axios from "axios"; | ||||
export default { | export default { | ||||
name: "homesteadAdd", | name: "homesteadAdd", | ||||
components: { MapGisDrawing,}, | |||||
components: { MapGisDrawing,FieldSelect, FieldRadio}, | |||||
data() { | data() { | ||||
return { | return { | ||||
active:1, | active:1, | ||||
@@ -487,13 +765,31 @@ export default { | |||||
nhdm :'777888999', | nhdm :'777888999', | ||||
} | } | ||||
], | ], | ||||
showZjdqdsj:false, | |||||
showCzmj:false, | |||||
showFzxx:false, | |||||
showWbzyy:false, | |||||
showXzyy:false, | |||||
showXzqssj:false, | |||||
minDate: new Date(), | |||||
maxDate: new Date(2025, 10, 1), | |||||
form:{} | form:{} | ||||
}; | }; | ||||
}, | }, | ||||
created(){ | created(){ | ||||
let data = this.$route.query.res; | let data = this.$route.query.res; | ||||
this.form = JSON.parse(localStorage.getItem("zjdzdxxItem")); | this.form = JSON.parse(localStorage.getItem("zjdzdxxItem")); | ||||
console.info(this.form); | |||||
if(this.form.sfcz === "1"){ | |||||
this.showCzmj = true; | |||||
} | |||||
if(this.form.sffz === "1"){ | |||||
this.showFzxx = true; | |||||
}else{ | |||||
this.showWbzyy = true; | |||||
} | |||||
if(this.form.zjdlyzk !== "1"){ | |||||
this.showXzyy = true; | |||||
} | |||||
this.onSubmitzjd(); | this.onSubmitzjd(); | ||||
}, | }, | ||||
mounted(){ | mounted(){ | ||||
@@ -506,17 +802,22 @@ export default { | |||||
}, 500); | }, 500); | ||||
}, | }, | ||||
submitzjd(){ | submitzjd(){ | ||||
updateZjdzd(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
this.$refs.form.validate().then(() => { | |||||
updateZjdzd(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
}).catch((e) => { | |||||
Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
}); | }); | ||||
}, | }, | ||||
guidProduct(){ | guidProduct(){ | ||||
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | ||||
@@ -529,6 +830,40 @@ export default { | |||||
MapTag: function (data) { | MapTag: function (data) { | ||||
this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | ||||
}, | }, | ||||
onConfirmzjdqdsj(data){ | |||||
this.form.zjdqdsj = this.getNowFormatDate(data).substr(0,10); | |||||
this.showZjdqdsj = false; | |||||
}, | |||||
onConfirmxzqssj(data){ | |||||
this.form.zjdxzqssj = this.getNowFormatDate(data).substr(0,10); | |||||
this.showXzqssj = false; | |||||
}, | |||||
/**是否超占处理*/ | |||||
onSfczChanged(val){ | |||||
if(val === '1'){ | |||||
this.showCzmj = true; | |||||
}else{ | |||||
this.showCzmj = false; | |||||
} | |||||
}, | |||||
/**是否发证*/ | |||||
onSffzChanged(val){ | |||||
if(val === '1'){ | |||||
this.showFzxx = true; | |||||
this.showWbzyy = false; | |||||
}else{ | |||||
this.showFzxx = false; | |||||
this.showWbzyy = true; | |||||
} | |||||
}, | |||||
/**宅基地利用状态处理*/ | |||||
onZjdlyzkChanged(val){ | |||||
if(val.dictValue === '1'){ | |||||
this.showXzyy = false; | |||||
}else{ | |||||
this.showXzyy = true; | |||||
} | |||||
}, | |||||
goBack(){ | goBack(){ | ||||
if(this.ztMap && this.enterMap ==1){ | if(this.ztMap && this.enterMap ==1){ | ||||
if(this.form.id == null){ | if(this.form.id == null){ | ||||
@@ -540,7 +875,7 @@ export default { | |||||
} else { | } else { | ||||
this.$cookies.set("search",""); | this.$cookies.set("search",""); | ||||
} | } | ||||
this.$router.push({name:'homesteadList'}); | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | // } | ||||
}, | }, | ||||
} | } | ||||
@@ -89,7 +89,7 @@ | |||||
<p style="font-size: 16px;" @click="showPopupsyqr('')">+ 添加使用权人</p> | <p style="font-size: 16px;" @click="showPopupsyqr('')">+ 添加使用权人</p> | ||||
</div> | </div> | ||||
<div style="width:49%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | <div style="width:49%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | ||||
<p style="font-size: 16px;" @click="showPopupnh('')">+ 添加农户信息</p> | |||||
<p style="font-size: 16px;" @click="showPopupnhcy()">+ 添加农户信息</p> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -130,7 +130,7 @@ export default { | |||||
}, | }, | ||||
methods: { | methods: { | ||||
getList(){ | getList(){ | ||||
getShyqrs({zjddm:this.zjdzdxx.zjddm,shyqrdbxm:this.zjdzdxx.shyqrdbxm }).then(response => { | |||||
getShyqrs({zjddm:this.zjdzdxx.zjddm}).then(response => { | |||||
this.syqrlist = response.rows; | this.syqrlist = response.rows; | ||||
}); | }); | ||||
}, | }, | ||||
@@ -145,14 +145,21 @@ export default { | |||||
} else { | } else { | ||||
this.$cookies.set("search",""); | this.$cookies.set("search",""); | ||||
} | } | ||||
this.$router.push({name:'homesteadList'}); | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | // } | ||||
}, | }, | ||||
showPopupsyqr(){ | |||||
this.$router.push({name:'shyqrAdd'}); | |||||
showPopupsyqr(val){ | |||||
this.$router.push({name:'shyqrAdd',query:val}); | |||||
}, | |||||
showPopupnh(val){ | |||||
this.$router.push({name:'nhAdd',query:val}); | |||||
}, | |||||
showPopupnhcy(){ | |||||
this.$router.push({name:'nhcyAdd',query:{}}); | |||||
}, | |||||
showPopuphncylist(val){ | |||||
this.$router.push({name:'nhcyList',query:val}); | |||||
}, | }, | ||||
showPopupnh(){}, | |||||
showPopuphncylist(){}, | |||||
} | } | ||||
} | } | ||||
</script> | </script> | ||||
@@ -65,11 +65,11 @@ | |||||
<p style="flex:1;text-align:right;">{{item.zcs}}</p> | <p style="flex:1;text-align:right;">{{item.zcs}}</p> | ||||
</div> | </div> | ||||
<div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | <div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | ||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnh(item)"> | |||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupzrz(item)"> | |||||
<img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | <img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | ||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;">自然幢信息</span> | <span style="font-size: 14px;color: #fff;margin-left: 5px;">自然幢信息</span> | ||||
</p> | </p> | ||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopuphncylist(item)"> | |||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="shownmfwlist(item)"> | |||||
<img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | <img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | ||||
<span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">房屋列表</span> | <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">房屋列表</span> | ||||
</p> | </p> | ||||
@@ -81,7 +81,7 @@ | |||||
</van-swipe-cell> | </van-swipe-cell> | ||||
<div style=" width:95%;margin:20px auto;display: flex;justify-content: center;"> | <div style=" width:95%;margin:20px auto;display: flex;justify-content: center;"> | ||||
<div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | <div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | ||||
<p style="font-size: 16px;">+ 添加自然幢信息</p> | |||||
<p style="font-size: 16px;" @click="showPopupAddzrz()">+ 添加自然幢信息</p> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -136,13 +136,20 @@ export default { | |||||
} else { | } else { | ||||
this.$cookies.set("search",""); | this.$cookies.set("search",""); | ||||
} | } | ||||
this.$router.push({name:'homesteadList'}); | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | // } | ||||
}, | }, | ||||
showPopupzrz(){}, | |||||
shownmfwlist(){}, | |||||
showPopupzrz(val){ | |||||
this.$router.push({name:'zrzAdd',query:val}); | |||||
}, | |||||
showPopupAddzrz(){ | |||||
console.info(this.zrzlist[0].zjddm); | |||||
this.$router.push({name:'zrzAdd',query:{zjddm:this.zrzlist[0].zjddm}}); | |||||
}, | |||||
shownmfwlist(val){ | |||||
this.$router.push({name:'nmfwList',query:val}); | |||||
}, | |||||
deletezrz(){}, | deletezrz(){}, | ||||
showPopupzrz(){}, | |||||
} | } | ||||
} | } | ||||
</script> | </script> | ||||
@@ -65,9 +65,9 @@ | |||||
<p style="flex:1;text-align:right;">{{item.jzwqk}}</p> | <p style="flex:1;text-align:right;">{{item.jzwqk}}</p> | ||||
</div> | </div> | ||||
<div style="text-align:center;overflow:auto;display: flex;justify-content: center;margin-top: 10px;"> | <div style="text-align:center;overflow:auto;display: flex;justify-content: center;margin-top: 10px;"> | ||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnh(item)"> | |||||
<p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupzrz(item)"> | |||||
<img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | <img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | ||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;">查看附属设施信息</span> | |||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;" >查看附属设施信息</span> | |||||
</p> | </p> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -77,26 +77,58 @@ | |||||
</van-swipe-cell> | </van-swipe-cell> | ||||
<div style=" width:95%;margin:20px auto;display: flex;justify-content: center;"> | <div style=" width:95%;margin:20px auto;display: flex;justify-content: center;"> | ||||
<div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | <div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | ||||
<p style="font-size: 16px;">+ 添加附属设施信息</p> | |||||
<p style="font-size: 16px;" @click="showPopupAddzrz()">+ 添加附属设施信息</p> | |||||
</div> | </div> | ||||
</div> | </div> | ||||
<div style="width:95%;margin:20px auto;text-align:center;overflow:auto;display: flex;justify-content: space-around;"> | <div style="width:95%;margin:20px auto;text-align:center;overflow:auto;display: flex;justify-content: space-around;"> | ||||
<p style="width:32%;border: 1px solid transparent;background: #FA5353;padding: 5px 0;border-radius: 50px;"> | <p style="width:32%;border: 1px solid transparent;background: #FA5353;padding: 5px 0;border-radius: 50px;"> | ||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;">异常标记</span> | |||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;" @click="ycbj()">异常标记</span> | |||||
</p> | </p> | ||||
<p style="width:32%;border: 1px solid transparent;background: #22B7F2;padding: 5px 0;border-radius: 50px;"> | <p style="width:32%;border: 1px solid transparent;background: #22B7F2;padding: 5px 0;border-radius: 50px;"> | ||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;">签名确认</span> | |||||
<span style="font-size: 14px;color: #fff;margin-left: 5px;" @click="qmqr()">签名确认</span> | |||||
</p> | </p> | ||||
<p style="width:32%;border: 1px solid #22B7F2;background: #ffffff;padding: 5px 0;border-radius: 50px;"> | <p style="width:32%;border: 1px solid #22B7F2;background: #ffffff;padding: 5px 0;border-radius: 50px;"> | ||||
<span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">调查审核</span> | |||||
<span style="font-size: 14px;color: #22B7F2;margin-left: 5px;" @click="dcsh()">调查审核</span> | |||||
</p> | </p> | ||||
</div> | </div> | ||||
<van-popup v-model="dcshShow" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="examineData" | |||||
value-key="dictLabel" | |||||
@confirm="onSurveyStatusChanged" | |||||
@cancel="dcshShow = false" | |||||
/> | |||||
</van-popup> | |||||
<van-popup v-model="showesign" position="bottom" closeable | |||||
close-icon="close"> | |||||
<van-row style="margin:0 10%"> | |||||
<p class="title" style="margin:20px 0;position:relative;padding-left:20px;font-size:0.5rem">电子签名</p> | |||||
</van-row> | |||||
<van-row style="margin: 0 5% 5% 5%;border:1px solid #BFBFBF;"> | |||||
<vue-esign | |||||
ref="esign" | |||||
class="mySign" | |||||
:height="200" | |||||
:isCrop="signature.isCrop" | |||||
:lineWidth="signature.lineWidth" | |||||
:lineColor="signature.lineColor" | |||||
:bgColor.sync="signature.bgColor" | |||||
v-if="!signature.resultImg" | |||||
/> | |||||
<img :src="signature.resultImg" alt="" width="100%" height="100%;" v-if="signature.resultImg"/> | |||||
</van-row> | |||||
<van-row type="flex" justify="center" v-if="!signature.resultImg" style="margin-bottom:20px;"> <!--v-if="!formEnabled.acceptingForm.townFormEnabled"--> | |||||
<van-col span="6" style="text-align:center;"><van-button type="primary" round size="small" @click="handleReset">清空画板</van-button></van-col> | |||||
<van-col span="6" style="text-align:center;"><van-button type="primary" round size="small" @click="handleGenerate">保存提交</van-button></van-col> | |||||
</van-row> | |||||
</van-popup> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | ||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
import {listZjdzd,getZjdzd,updateZjdzd,zjddcSign,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
import MapGisDrawing from "@/components/Map/MapGisDrawing"; | import MapGisDrawing from "@/components/Map/MapGisDrawing"; | ||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | ||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | ||||
@@ -111,16 +143,30 @@ import { Notify, Dialog, Toast } from 'vant'; | |||||
import axios from "axios"; | import axios from "axios"; | ||||
export default { | export default { | ||||
name: "homesteadAdd", | name: "homesteadAdd", | ||||
components: { MapGisDrawing,}, | |||||
components: { MapGisDrawing}, | |||||
data() { | data() { | ||||
return { | return { | ||||
active:4, | active:4, | ||||
zjdzdxx:{}, | |||||
fssslist:[] | |||||
dcshShow:false, | |||||
showesign:false, | |||||
examineData:[{dictLabel:"审批通过",dictValue:"5"},{dictLabel:"审批驳回",dictValue:"4"}], | |||||
zjdzdxx:{surveyStatus:"5"}, | |||||
fssslist:[], | |||||
//电子签名 | |||||
signature: { | |||||
lineWidth: 6, // 画笔的线条粗细 | |||||
lineColor: "#000000", // 画笔的颜色 | |||||
bgColor: "", // 画布的背景颜色 | |||||
resultImg: "", // 最终画布生成的base64图片 | |||||
isCrop: false, // 是否裁剪,在画布设定尺寸基础上裁掉四周空白部分 | |||||
}, | |||||
}; | }; | ||||
}, | }, | ||||
created(){ | created(){ | ||||
this.zjdzdxx = JSON.parse(localStorage.getItem("zjdzdxxItem")); | this.zjdzdxx = JSON.parse(localStorage.getItem("zjdzdxxItem")); | ||||
if(this.zjdzdxx.surveySign != null){ | |||||
this.signature.resultImg = "http://localhost/api/"+this.zjdzdxx.surveySign; | |||||
} | |||||
this.getList(); | this.getList(); | ||||
}, | }, | ||||
mounted(){ | mounted(){ | ||||
@@ -132,6 +178,71 @@ export default { | |||||
this.fssslist = response.rows; | this.fssslist = response.rows; | ||||
}); | }); | ||||
}, | }, | ||||
onSurveyStatusChanged(val){ | |||||
this.$set(this.zjdzdxx, 'surveyStatus', val.dictValue); | |||||
updateZjdzd(this.zjdzdxx).then(response => { | |||||
let _this =this | |||||
_this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.dcshShow = false; | |||||
_this.$router.push({path:'/homesteadSurvey/add4',query: {zjddm: _this.zjdzdxx.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
}, | |||||
// 清空画板 | |||||
handleReset() { | |||||
this.resultImg = null | |||||
if(this.$refs.esign){ | |||||
this.$refs.esign.reset(); | |||||
} | |||||
}, | |||||
// 生成签字图 | |||||
handleGenerate() { | |||||
console.info( this.$refs.esign | |||||
.generate() ); | |||||
this.$refs.esign | |||||
.generate() // 使用生成器调用把签字的图片转换成为base64图片格式 | |||||
.then((res) => { | |||||
this.signature.resultImg = res; | |||||
let wj = this.dataURLtoBlob(res); | |||||
let param = new FormData() // 创建form对象 | |||||
param.append('file', wj) // 通过append向form对象添加数据 | |||||
param.append('date', this.format(new Date(), 'yyyy-MM-dd')) // 通过append向form对象添加数据 | |||||
zjddcSign(param, this.zjdzdxx.zjddm).then(response => { | |||||
this.$notify({type: 'success', message: '签字成功'}); | |||||
this.showesign = false; | |||||
// location.reload(); | |||||
getZjdzd(this.zjdzdxx.id).then((response) => { | |||||
localStorage.setItem("zjdzdxxItem",JSON.stringify(response.data)) | |||||
}); | |||||
this.getList(); | |||||
}); | |||||
}) | |||||
.catch((err) => { | |||||
// 画布没有签字时会执行这里提示一下 | |||||
this.$toast.fail('请签名后再保存签字'); | |||||
}); | |||||
}, | |||||
dataURLtoBlob (dataurl, filename = 'file') { | |||||
let arr = dataurl.split(',') | |||||
let mime = arr[0].match(/:(.*?);/)[1] | |||||
let suffix = mime.split('/')[1] | |||||
let bstr = atob(arr[1]) | |||||
let n = bstr.length | |||||
let u8arr = new Uint8Array(n) | |||||
while (n--) { | |||||
u8arr[n] = bstr.charCodeAt(n) | |||||
} | |||||
return new File([u8arr], `${filename}.${suffix}`, { | |||||
type: mime | |||||
}) | |||||
}, | |||||
goBack(){ | goBack(){ | ||||
if(this.ztMap && this.enterMap ==1){ | if(this.ztMap && this.enterMap ==1){ | ||||
if(this.form.id == null){ | if(this.form.id == null){ | ||||
@@ -143,13 +254,35 @@ export default { | |||||
} else { | } else { | ||||
this.$cookies.set("search",""); | this.$cookies.set("search",""); | ||||
} | } | ||||
this.$router.push({name:'homesteadList'}); | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | // } | ||||
}, | }, | ||||
showPopupzrz(){}, | |||||
showPopupzrz(item){ this.$router.push({name:'fsssAdd',query:item});}, | |||||
showPopupAddzrz(){ | |||||
this.$router.push({name:'fsssAdd',query:{zjddm:this.zjdzdxx.zjddm}}); | |||||
}, | |||||
shownmfwlist(){}, | shownmfwlist(){}, | ||||
deletezrz(){}, | deletezrz(){}, | ||||
showPopupzrz(){}, | |||||
qmqr(){ | |||||
this.showesign = true; | |||||
}, | |||||
ycbj(){ | |||||
this.$set(this.zjdzdxx, 'surveyStatus', "2"); | |||||
updateZjdzd(this.zjdzdxx).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add4',query: {zjddm: _this.zjdzdxx.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
}, | |||||
dcsh(){ | |||||
this.dcshShow = true; | |||||
}, | |||||
} | } | ||||
} | } | ||||
</script> | </script> | ||||
@@ -0,0 +1,368 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<van-sticky style="position:relative;"> | |||||
<div class="bannerBg"> | |||||
<van-nav-bar | |||||
style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
@click-left="goBack()" | |||||
> | |||||
<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="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
<van-row> | |||||
<van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
</van-col> | |||||
</van-row> | |||||
</div> | |||||
</van-sticky> | |||||
<van-form ref = "form"> | |||||
<div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">附属设施信息</p> | |||||
<!--<van-field | |||||
v-model="form.deptId" | |||||
name="行政区划名称" | |||||
label="行政区划名称" | |||||
placeholder="行政区划名称" | |||||
:rules="[{ required: true, message: '' }]" | |||||
/>--> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.zjddm" | |||||
name="宅基地代码" | |||||
label="宅基地代码" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<field-select | |||||
v-model="form.fssslx" | |||||
label="附属设施类型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择附属设施类型" | |||||
remote-url="/system/dict/data/type/fsss_type" | |||||
:on-remote-response="'data'" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<van-field | |||||
v-model="form.jzmj" | |||||
label="建筑面积(m²)" | |||||
placeholder="请输入建筑面积" | |||||
input-align="right" | |||||
label-width="auto" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
type="number"/> | |||||
<FieldRadio | |||||
v-model="form.sfzsy" | |||||
label="是否正在使用" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.jzwqk" | |||||
label="建筑物情况" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择建筑物情况" | |||||
remote-url="/system/dict/data/type/jzwqk" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.jsqtdzk" | |||||
label="建设前土地状况" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择建设前土地状况" | |||||
remote-url="/system/dict/data/type/land_state" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.remark" | |||||
name="备注" | |||||
label="备注" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<common-map ref="pointDarwMap" style="height:200px;" | |||||
:allowDraw="true" | |||||
@drawReseted="onMapDrawReseted" | |||||
@drawFinished="onMapDrawFinished" | |||||
> | |||||
</common-map> | |||||
</div> | |||||
<div style="margin: 16px;display: flex;justify-content: space-around;"> | |||||
<van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
<van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
</div> | |||||
<div style="height: 50px;"></div> | |||||
</van-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | |||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
import FieldSelect from "@/components/form/FieldSelect"; | |||||
import FieldRadio from "@/components/form/FieldRadio"; | |||||
import CommonMap from "@/components/house/CommonMap"; | |||||
import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
import { Notify, Dialog, Toast } from 'vant'; | |||||
import axios from "axios"; | |||||
export default { | |||||
components: {FieldSelect, FieldRadio,CommonMap}, | |||||
name: "zrzAdd", | |||||
data() { | |||||
return { | |||||
active:3, | |||||
// 使用权人列表 | |||||
syqrlist:[ | |||||
{ | |||||
shyqrdbxm :'测试测试', | |||||
shyqrdbzjhm :'12324648564', | |||||
nhdm :'777888999', | |||||
} | |||||
], | |||||
// 地图绘制 | |||||
drawInsert: null, | |||||
// 当前位置信息 | |||||
tGeoOrganizationLat: null, | |||||
tGeoOrganizationLng: null, | |||||
minDate: new Date(), | |||||
maxDate: new Date(2025, 10, 1), | |||||
showZgqrzrq:false, | |||||
form:{} | |||||
}; | |||||
}, | |||||
created(){ | |||||
let data = this.$route.query; | |||||
this.form = data; | |||||
if(this.form.id == null){ | |||||
this.$set(this.form, 'fssslx', "11"); | |||||
this.$set(this.form, 'sfzsy', "1"); | |||||
this.$set(this.form, 'jzwqk', "1"); | |||||
this.$set(this.form, 'jsqtdzk', "1"); | |||||
} | |||||
this.$nextTick(() => { | |||||
this.pointDarw(null); | |||||
// this.pointDarwNature(null); | |||||
this.$refs.pointDarwMap && this.$refs.pointDarwMap.update(); | |||||
}) | |||||
}, | |||||
mounted(){ | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
listNh({hzzjhm:this.form.shyqrdbzjhm}).then(response => { | |||||
this.form = response.rows[0]; | |||||
}); | |||||
}, | |||||
submitzjd(){ | |||||
this.$refs.form.validate().then(() => { | |||||
if(this.form.id == null){ | |||||
addFsss(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add4',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
}else{ | |||||
updateFsss(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add4',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
} | |||||
}).catch((e) => { | |||||
Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
}); | |||||
}, | |||||
// 绘制申请地图 | |||||
pointDarw(data) { | |||||
this.$nextTick(() => { | |||||
let map = this.$refs.pointDarwMap; | |||||
if(data === null) | |||||
data = this.form.theGeomJson; | |||||
this.setMapData(map, data); | |||||
}); | |||||
}, | |||||
// 通用设置地图数据函数 | |||||
setMapData(map, data) { | |||||
//console.log(map, data ? true : false); | |||||
if(!map) return; | |||||
if(data) | |||||
{ | |||||
map.setLayer('pointDarwLayer', data); | |||||
} | |||||
else { | |||||
this.getLandCoord((lng, lat) => { | |||||
map.setCoord(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
}); | |||||
} | |||||
}, | |||||
// 当地图绘制完成时 | |||||
onMapDrawFinished(data) { | |||||
console.info(data); | |||||
this.drawInsert = data; | |||||
this.form.theGeomJson = JSON.stringify(this.drawInsert); | |||||
}, | |||||
// 当申请地图被重置时 | |||||
onMapDrawReseted() { | |||||
this.drawInsert = null; | |||||
if(this.form.theGeomJson) | |||||
{ | |||||
let lastData = JSON.parse(this.form.theGeomJson); | |||||
if(lastData.hasOwnProperty('coordinates')) // 从后台获取的 | |||||
this.drawInsert = lastData.coordinates; | |||||
} | |||||
}, | |||||
cancel(){ | |||||
this.$router.push({path:'/homesteadSurvey/add4',query: {zjddm: this.form.zjddm}}); | |||||
}, | |||||
// 获取登录人位置坐标 | |||||
getLandCoord(func) { | |||||
if (func | |||||
&& this.tGeoOrganizationLng !== null && this.tGeoOrganizationLng !== '' | |||||
&& this.tGeoOrganizationLat !== null && this.tGeoOrganizationLat !== '') { | |||||
this.$nextTick(() => { | |||||
func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
}) | |||||
} | |||||
else { | |||||
console.info(this.deptId); | |||||
getQueryLand(this.deptId).then((response) => { | |||||
if (response.code == 200) { | |||||
let InsertCode = response.data; | |||||
this.form.orgCode = InsertCode.orgCode; | |||||
this.tGeoOrganizationLat = InsertCode.lat; | |||||
this.tGeoOrganizationLng = InsertCode.lng; | |||||
if(func) | |||||
{ | |||||
func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
} | |||||
} | |||||
}); | |||||
} | |||||
}, | |||||
guidProduct(){ | |||||
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
var r = Math.random() * 16 | 0, | |||||
v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
return v.toString(16); | |||||
}); | |||||
}, | |||||
/** 查找地图中定位点 */ | |||||
MapTag: function (data) { | |||||
this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||||
}, | |||||
onConfirmZgqrzrq(data){ | |||||
this.form.jgrq = this.getNowFormatDate(data).substr(0,10); | |||||
this.showZgqrzrq = false; | |||||
}, | |||||
goBack(){ | |||||
if(this.ztMap && this.enterMap ==1){ | |||||
if(this.form.id == null){ | |||||
this.backMap.backMapZjdAData.theGeom= ""; | |||||
}else{ | |||||
this.backMap.backMapZjdAData = this.form; | |||||
} | |||||
this.$cookies.set("search",this.backMap); | |||||
} else { | |||||
this.$cookies.set("search",""); | |||||
} | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | |||||
}, | |||||
} | |||||
} | |||||
</script> | |||||
<style scoped> | |||||
>>> .bannerBg{ | |||||
width: 100%; | |||||
color:#fff; | |||||
padding:10px; | |||||
background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
} | |||||
>>> .van-hairline--bottom::after { | |||||
border-bottom-width: 0; | |||||
} | |||||
>>> .title:before | |||||
{ | |||||
content:""; | |||||
width: 6px; | |||||
height: 20PX; | |||||
background: #7ac943; | |||||
border-radius: 3px; | |||||
position:absolute; | |||||
left:0; | |||||
bottom:0; | |||||
} | |||||
>>> .delete-button { | |||||
height: 100%; | |||||
} | |||||
>>> .van-swipe-cell__wrapper{ | |||||
margin-right:-3px; | |||||
} | |||||
>>> .label-class .van-collapse-item__title--expanded{ | |||||
font-weight: bold; | |||||
} | |||||
</style> |
@@ -919,7 +919,7 @@ | |||||
// 返回 | // 返回 | ||||
onClickLeft(){ | onClickLeft(){ | ||||
this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
this.$router.push('/homesteadSurvey/index'); | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
}, | }, | ||||
onConfirmhncysjly(value){ | onConfirmhncysjly(value){ | ||||
this.form5.sjlyName = value.dictLabel | this.form5.sjlyName = value.dictLabel | ||||
@@ -841,7 +841,7 @@ | |||||
// 返回 | // 返回 | ||||
onClickLeft(){ | onClickLeft(){ | ||||
this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
this.$router.push('/homesteadSurvey/index'); | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
}, | }, | ||||
onConfirmhncysjly(value){ | onConfirmhncysjly(value){ | ||||
this.form5.sjlyName = value.dictLabel | this.form5.sjlyName = value.dictLabel | ||||
@@ -1294,11 +1294,7 @@ | |||||
"nhdm":item.nhdm, | "nhdm":item.nhdm, | ||||
"deptId":this.item.deptId | "deptId":this.item.deptId | ||||
} | } | ||||
listNhhncy(params).then((response) => { | |||||
if (response.code == 200) { | |||||
this.hncylist = response.rows | |||||
} | |||||
}); | |||||
this.$router.push({name:'hncyList2',query:{nhdm:item.nhdm}}); | |||||
} | } | ||||
}, | }, | ||||
@@ -1330,6 +1326,7 @@ | |||||
this.nhform.sjlyName = res.dictLabel | this.nhform.sjlyName = res.dictLabel | ||||
} | } | ||||
}) | }) | ||||
this.$router.push({name:'nhDetails',query:{nhdm:item.nhdm,zjhm:item.zjhm}}); | |||||
}, | }, | ||||
getZjdList(){ | getZjdList(){ | ||||
// let params1 = { | // let params1 = { | ||||
@@ -53,8 +53,9 @@ | |||||
</div> | </div> | ||||
</div> | </div> | ||||
</van-sticky> | </van-sticky> | ||||
<van-form @submit="onSubmitsyqr"> | |||||
<van-form ref="form"> | |||||
<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;"> | <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;"> | ||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">所有权人信息</p> | |||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.qydm" | v-model="qlrform.qydm" | ||||
@@ -81,7 +82,7 @@ | |||||
required | required | ||||
placeholder="所有权人名称" | placeholder="所有权人名称" | ||||
input-align="right" | input-align="right" | ||||
:rules="[{ required: true, message: '所有权人名称不能为空' }]" | |||||
:rules="[{ required: true}]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
@@ -91,7 +92,7 @@ | |||||
required | required | ||||
placeholder="所有权性质" | placeholder="所有权性质" | ||||
input-align="right" | input-align="right" | ||||
:rules="[{ required: true, message: '所有权性质不能为空' }]" | |||||
:rules="[{ required: true}]" | |||||
@click="showsuyqxz = true" | @click="showsuyqxz = true" | ||||
/> | /> | ||||
<van-field | <van-field | ||||
@@ -108,15 +109,16 @@ | |||||
@cancel="showsuyqxz = false" | @cancel="showsuyqxz = false" | ||||
/> | /> | ||||
</van-popup> | </van-popup> | ||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">代表人信息</p> | |||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dbrxm" | v-model="qlrform.dbrxm" | ||||
name="代表人姓名" | |||||
label="代表人姓名" | |||||
name="姓名" | |||||
label="姓名" | |||||
required | required | ||||
placeholder="代表人姓名" | |||||
placeholder="姓名" | |||||
input-align="right" | input-align="right" | ||||
:rules="[{ required: true, message: '代表人姓名不能为空' }]" | |||||
:rules="[{ required: true}]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
@@ -126,12 +128,12 @@ | |||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dbrzjlxName" | v-model="qlrform.dbrzjlxName" | ||||
name="代表人证件类型" | |||||
label="代表人证件类型" | |||||
name="证件类型" | |||||
label="证件类型" | |||||
required | required | ||||
placeholder="代表人证件类型" | |||||
placeholder="证件类型" | |||||
input-align="right" | input-align="right" | ||||
:rules="[{ required: true, message: '代表人证件类型不能为空' }]" | |||||
:rules="[{ required: true}]" | |||||
@click="showdbrzjlx = true" | @click="showdbrzjlx = true" | ||||
/> | /> | ||||
<van-popup v-model="showdbrzjlx" position="bottom" input-align="right"> | <van-popup v-model="showdbrzjlx" position="bottom" input-align="right"> | ||||
@@ -146,46 +148,46 @@ | |||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dbrzjhm" | v-model="qlrform.dbrzjhm" | ||||
name="代表人证件号码" | |||||
label="代表人证件号码" | |||||
name="证件号码" | |||||
label="证件号码" | |||||
required | required | ||||
placeholder="代表人证件号码" | placeholder="代表人证件号码" | ||||
input-align="right" | input-align="right" | ||||
:rules="[{ required: true, message: '代表人证件号码不能为空' },{validator:validatorIdcardqlr,message:'身份证号格式错误!'}]" | |||||
:rules="[{ required: true },{validator:validatorIdcardqlr,message:'身份证号格式错误!'}]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dbrlxdh" | v-model="qlrform.dbrlxdh" | ||||
name="代表人联系电话" | |||||
label="代表人联系电话" | |||||
placeholder="代表人联系电话" | |||||
name="联系电话" | |||||
label="联系电话" | |||||
placeholder="联系电话" | |||||
type="number" | type="number" | ||||
input-align="right" | input-align="right" | ||||
required | required | ||||
:rules="[{ required: true, message: '代表人联系电话不能为空' }]" | |||||
:rules="[{ required: true}]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dbrtxdz" | v-model="qlrform.dbrtxdz" | ||||
name="代表人通讯地址" | |||||
label="代表人通讯地址" | |||||
name="通讯地址" | |||||
label="通讯地址" | |||||
required | required | ||||
placeholder="代表人通讯地址" | |||||
placeholder="通讯地址" | |||||
input-align="right" | input-align="right" | ||||
:rules="[{ required: true, message: '代表人通讯地址不能为空' }]" | |||||
:rules="[{ required: true}]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dbryzbm" | v-model="qlrform.dbryzbm" | ||||
name="代表人邮政编码" | |||||
label="代表人邮政编码" | |||||
name="邮政编码" | |||||
label="邮政编码" | |||||
required | required | ||||
placeholder="代表人邮政编码" | placeholder="代表人邮政编码" | ||||
input-align="right" | input-align="right" | ||||
maxlength="6" | maxlength="6" | ||||
:rules="[{ required: true, message: '代表人邮政编码不能为空' }]" | |||||
:rules="[{ required: true }]" | |||||
/> | /> | ||||
<van-field name="radio" label="是否成立农村集体经济组织" required input-align="right" autocomplete="off"> | |||||
<van-field name="radio" label="集体经济组织" required input-align="right" autocomplete="off"> | |||||
<template #input> | <template #input> | ||||
<van-radio-group v-model="qlrform.sfclncjtjjzz" direction="horizontal"> | <van-radio-group v-model="qlrform.sfclncjtjjzz" direction="horizontal"> | ||||
<van-radio name="Y">是</van-radio> | <van-radio name="Y">是</van-radio> | ||||
@@ -193,12 +195,13 @@ | |||||
</van-radio-group> | </van-radio-group> | ||||
</template> | </template> | ||||
</van-field> | </van-field> | ||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">代理人信息</p> | |||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dlrxm" | v-model="qlrform.dlrxm" | ||||
name="代理人姓名" | |||||
label="代理人姓名" | |||||
placeholder="代理人姓名" | |||||
name="姓名" | |||||
label="姓名" | |||||
placeholder="姓名" | |||||
input-align="right" | input-align="right" | ||||
/> | /> | ||||
<van-field | <van-field | ||||
@@ -209,9 +212,9 @@ | |||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dlrzjlxName" | v-model="qlrform.dlrzjlxName" | ||||
name="代理人证件类型" | |||||
label="代理人证件类型" | |||||
placeholder="代理人证件类型" | |||||
name="证件类型" | |||||
label="证件类型" | |||||
placeholder="证件类型" | |||||
input-align="right" | input-align="right" | ||||
@click="showdlrzjlx = true" | @click="showdlrzjlx = true" | ||||
/> | /> | ||||
@@ -227,33 +230,33 @@ | |||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dlrzjhm" | v-model="qlrform.dlrzjhm" | ||||
name="代理人证件号码" | |||||
label="代理人证件号码" | |||||
placeholder="代理人证件号码" | |||||
name="证件号码" | |||||
label="证件号码" | |||||
placeholder="证件号码" | |||||
input-align="right" | input-align="right" | ||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dlrlxdh" | v-model="qlrform.dlrlxdh" | ||||
name="代理人联系电话" | |||||
label="代理人联系电话" | |||||
placeholder="代理人联系电话" | |||||
name="联系电话" | |||||
label="联系电话" | |||||
placeholder="联系电话" | |||||
input-align="right" | input-align="right" | ||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dlrtxdz" | v-model="qlrform.dlrtxdz" | ||||
name="代理人通讯地址" | |||||
label="代理人通讯地址" | |||||
placeholder="代理人通讯地址" | |||||
name="通讯地址" | |||||
label="通讯地址" | |||||
placeholder="通讯地址" | |||||
input-align="right" | input-align="right" | ||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
v-model="qlrform.dlryzbm" | v-model="qlrform.dlryzbm" | ||||
name="代理人邮政编码" | |||||
label="代理人邮政编码" | |||||
placeholder="代理人邮政编码" | |||||
name="邮政编码" | |||||
label="邮政编码" | |||||
placeholder="邮政编码" | |||||
input-align="right" | input-align="right" | ||||
/> | /> | ||||
</div> | </div> | ||||
@@ -300,7 +303,7 @@ | |||||
input-align="right" | input-align="right" | ||||
@click="showsjly = true" | @click="showsjly = true" | ||||
required | required | ||||
:rules="[{ required: true, message: '数据来源不能为空' }]" | |||||
:rules="[{ required: true}]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
@@ -326,7 +329,7 @@ | |||||
/> | /> | ||||
</div> | </div> | ||||
<div style="margin: 16px;" v-if="!isFinished"> | <div style="margin: 16px;" v-if="!isFinished"> | ||||
<van-button round block color="#7AC943" native-type="submit">保存</van-button> | |||||
<van-button round block color="#7AC943" @click="onSubmitsyqr">保存</van-button> | |||||
</div> | </div> | ||||
</van-form> | </van-form> | ||||
</div> | </div> | ||||
@@ -1094,7 +1097,7 @@ | |||||
// 返回 | // 返回 | ||||
onClickLeft(){ | onClickLeft(){ | ||||
this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
this.$router.push('/homesteadSurvey/index'); | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
}, | }, | ||||
onConfirmhncysjly(value){ | onConfirmhncysjly(value){ | ||||
this.form5.sjlyName = value.dictLabel | this.form5.sjlyName = value.dictLabel | ||||
@@ -1221,30 +1224,35 @@ | |||||
}, | }, | ||||
// 所有权人保存 | // 所有权人保存 | ||||
onSubmitsyqr(){ | onSubmitsyqr(){ | ||||
if(this.qlrform.id!=null){ | |||||
updateSuyqr(this.qlrform).then( | |||||
response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '修改成功', | |||||
duration:"1000" | |||||
}) | |||||
} | |||||
); | |||||
}else{ | |||||
this.qlrform.deptId = this.item.deptId | |||||
addSuyqr(this.qlrform).then( | |||||
response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000" | |||||
}) | |||||
} | |||||
); | |||||
} | |||||
this.$refs.form.validate().then(() => { | |||||
if(this.qlrform.id!=null){ | |||||
updateSuyqr(this.qlrform).then( | |||||
response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '修改成功', | |||||
duration:"1000" | |||||
}) | |||||
} | |||||
); | |||||
}else{ | |||||
this.qlrform.deptId = this.item.deptId | |||||
addSuyqr(this.qlrform).then( | |||||
response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000" | |||||
}) | |||||
} | |||||
); | |||||
} | |||||
}).catch((e) => { | |||||
Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
}); | |||||
}, | }, | ||||
// 查询所有权人 | // 查询所有权人 | ||||
getSyqr(){ | getSyqr(){ | ||||
@@ -5268,6 +5276,17 @@ | |||||
/deep/ .van-swipe-cell__wrapper{ | /deep/ .van-swipe-cell__wrapper{ | ||||
margin-right:-3px; | margin-right:-3px; | ||||
} | } | ||||
.title:before | |||||
{ | |||||
content:""; | |||||
width: 6px; | |||||
height: 20PX; | |||||
background: #7ac943; | |||||
border-radius: 3px; | |||||
position:absolute; | |||||
left:0; | |||||
bottom:0; | |||||
} | |||||
.hzlxBtn{ | .hzlxBtn{ | ||||
font-size: 0.3rem; | font-size: 0.3rem; | ||||
display: inline-block; | display: inline-block; | ||||
@@ -1973,7 +1973,7 @@ | |||||
// 返回 | // 返回 | ||||
onClickLeft(){ | onClickLeft(){ | ||||
this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
this.$router.push('/homesteadSurvey/index'); | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
}, | }, | ||||
onConfirmhncysjly(value){ | onConfirmhncysjly(value){ | ||||
this.form5.sjlyName = value.dictLabel | this.form5.sjlyName = value.dictLabel | ||||
@@ -3094,7 +3094,7 @@ | |||||
//镇边界查询开始 ------------------------------start | //镇边界查询开始 ------------------------------start | ||||
// var zhenTc= new ol.layer.Tile({ | // var zhenTc= new ol.layer.Tile({ | ||||
// source: new ol.source.TileWMS({ | // source: new ol.source.TileWMS({ | ||||
// url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
// url: that.mapGeoServerUrl+"/wms", | |||||
// params: { | // params: { | ||||
// LAYERS: 'zjd_dc:t_house_survey_border_town', | // LAYERS: 'zjd_dc:t_house_survey_border_town', | ||||
// TILED: true, | // TILED: true, | ||||
@@ -3134,7 +3134,7 @@ | |||||
// outputFormat: "application/json", | // outputFormat: "application/json", | ||||
// //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | // //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | ||||
// }; | // }; | ||||
// let url_dw = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl; | |||||
// let url_dw = that.mapGeoServerUrl + "/wfs"; //wfsurl; | |||||
// url_dw = url_dw + "?"; | // url_dw = url_dw + "?"; | ||||
// for (let key in param_dw) { | // for (let key in param_dw) { | ||||
// url_dw = url_dw + key + "=" + param_dw[key] + "&"; | // url_dw = url_dw + key + "=" + param_dw[key] + "&"; | ||||
@@ -3153,9 +3153,9 @@ | |||||
// var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'"; | // var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'"; | ||||
// zrzTc = new ol.layer.Image({ | // zrzTc = new ol.layer.Image({ | ||||
// source: new ol.source.ImageWMS({ | // source: new ol.source.ImageWMS({ | ||||
// url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
// url: that.mapGeoServerUrl + "/wms", | |||||
// params: { | // params: { | ||||
// LAYERS: 'zjd_dc:t_house_survey_zrz', | |||||
// LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||||
// TILED: true, | // TILED: true, | ||||
// cql_filter: cql_filter_map, | // cql_filter: cql_filter_map, | ||||
// SRID: 3857, | // SRID: 3857, | ||||
@@ -3169,7 +3169,7 @@ | |||||
// //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | // //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
// fsssTc = new ol.layer.Image({ | // fsssTc = new ol.layer.Image({ | ||||
// source: new ol.source.ImageWMS({ | // source: new ol.source.ImageWMS({ | ||||
// url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
// url: that.mapGeoServerUrl + "/wms", | |||||
// params: { | // params: { | ||||
// LAYERS: 'zjd_dc:t_house_survey_fsss', | // LAYERS: 'zjd_dc:t_house_survey_fsss', | ||||
// TILED: true, | // TILED: true, | ||||
@@ -3483,37 +3483,37 @@ | |||||
map.addLayer(zjdTc); | map.addLayer(zjdTc); | ||||
//宅基地图层查询开始 ------------------start | //宅基地图层查询开始 ------------------start | ||||
var zrzTc; | var zrzTc; | ||||
// //自然幢图层查询开始 ------------------start | |||||
// var zrzTc = new ol.layer.Image({ | |||||
// source: new ol.source.ImageWMS({ | |||||
// url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
// params: { | |||||
// LAYERS: 'zjd_dc:t_house_survey_zrz', | |||||
// TILED: true, | |||||
// cql_filter: cql_filter, | |||||
// SRID: 3857, | |||||
// TIMESTAMP: new Date().getTime(), | |||||
// }, | |||||
// }), | |||||
// }); | |||||
// map.addLayer(zrzTc); | |||||
// //自然幢图层查询开始 ------------------start | |||||
// | |||||
//自然幢图层查询开始 ------------------start | |||||
zrzTc = new ol.layer.Image({ | |||||
source: new ol.source.ImageWMS({ | |||||
url: that.mapGeoServerUrl + "/wms", | |||||
params: { | |||||
LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||||
TILED: true, | |||||
cql_filter: cql_filter, | |||||
SRID: 3857, | |||||
TIMESTAMP: new Date().getTime(), | |||||
}, | |||||
}), | |||||
}); | |||||
map.addLayer(zrzTc); | |||||
//自然幢图层查询开始 ------------------start | |||||
var fsssTc; | var fsssTc; | ||||
// //附属设施图层查询开始 ------------------start | // //附属设施图层查询开始 ------------------start | ||||
// var fsssTc = new ol.layer.Image({ | |||||
// source: new ol.source.ImageWMS({ | |||||
// url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
// params: { | |||||
// LAYERS: 'zjd_dc:t_house_survey_fsss', | |||||
// TILED: true, | |||||
// cql_filter: cql_filter, | |||||
// SRID: 3857, | |||||
// TIMESTAMP: new Date().getTime(), | |||||
// }, | |||||
// }), | |||||
// }); | |||||
// map.addLayer(fsssTc); | |||||
fsssTc = new ol.layer.Image({ | |||||
source: new ol.source.ImageWMS({ | |||||
url: that.mapGeoServerUrl + "/wms", | |||||
params: { | |||||
LAYERS: 'nsgk_wulanhaote:t_homestead_fsss', | |||||
TILED: true, | |||||
cql_filter: cql_filter, | |||||
SRID: 3857, | |||||
TIMESTAMP: new Date().getTime(), | |||||
}, | |||||
}), | |||||
}); | |||||
map.addLayer(fsssTc); | |||||
// //附属设施图层查询开始 ------------------start | // //附属设施图层查询开始 ------------------start | ||||
//使用geoserver服务查询开始 -------------------end | //使用geoserver服务查询开始 -------------------end | ||||
// if(this.backMap ==1){ | // if(this.backMap ==1){ | ||||
@@ -3527,7 +3527,7 @@ | |||||
// 'CQL_FILTER': cql | // 'CQL_FILTER': cql | ||||
// }, | // }, | ||||
// serverType: 'geoserver', | // serverType: 'geoserver', | ||||
// url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
// url: that.mapGeoServerUrl + "/wms", | |||||
// }); | // }); | ||||
// zjdTc.setSource(wmsSourceBack); | // zjdTc.setSource(wmsSourceBack); | ||||
// ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新 | // ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新 | ||||
@@ -4186,7 +4186,7 @@ | |||||
// //查询条件 | // //查询条件 | ||||
// var cql_filter_cun; | // var cql_filter_cun; | ||||
// var cun = that.$cookies.get("item").deptId; | // var cun = that.$cookies.get("item").deptId; | ||||
// difang = ["zjd_dc:t_house_survey_zjdzd", "zjd_dc:t_house_survey_zrz","zjd_dc:t_house_survey_fsss"]; | |||||
// difang = ["zjd_dc:t_house_survey_zjdzd", "nsgk_wulanhaote:t_homespace_zrz","zjd_dc:t_house_survey_fsss"]; | |||||
// var tach = 0; | // var tach = 0; | ||||
// var once = 0; | // var once = 0; | ||||
// for (var i = 0; i < difang.length; i++) { | // for (var i = 0; i < difang.length; i++) { | ||||
@@ -4202,7 +4202,7 @@ | |||||
// //循环判断查询条件 | // //循环判断查询条件 | ||||
// if (difang[i] == "zjd_dc:t_house_survey_zjdzd") { | // if (difang[i] == "zjd_dc:t_house_survey_zjdzd") { | ||||
// cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | // cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | ||||
// } else if(difang[i] == "zjd_dc:t_house_survey_zrz") { | |||||
// } else if(difang[i] == "nsgk_wulanhaote:t_homespace_zrz") { | |||||
// cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | // cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | ||||
// } else if(difang[i] == "zjd_dc:t_house_survey_fsss") { | // } else if(difang[i] == "zjd_dc:t_house_survey_fsss") { | ||||
// cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | // cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | ||||
@@ -4216,7 +4216,7 @@ | |||||
// //业务图层 wms服务 | // //业务图层 wms服务 | ||||
// delete_map[i] = new ol.layer.Tile({ | // delete_map[i] = new ol.layer.Tile({ | ||||
// source: new ol.source.TileWMS({ | // source: new ol.source.TileWMS({ | ||||
// url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
// url: that.mapGeoServerUrl+"/wms", | |||||
// params: { | // params: { | ||||
// LAYERS: difang[i], | // LAYERS: difang[i], | ||||
// //'LAYERS': 'new_shp:new_shp_all', | // //'LAYERS': 'new_shp:new_shp_all', | ||||
@@ -4242,7 +4242,7 @@ | |||||
// outputFormat: "application/json", | // outputFormat: "application/json", | ||||
// //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | // //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | ||||
// }; | // }; | ||||
// let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl; | |||||
// let url_dw = that.mapGeoServerUrl+"/wfs"; //wfsurl; | |||||
// url_dw = url_dw + "?"; | // url_dw = url_dw + "?"; | ||||
// for (let key in param_dw) { | // for (let key in param_dw) { | ||||
// url_dw = url_dw + key + "=" + param_dw[key] + "&"; | // url_dw = url_dw + key + "=" + param_dw[key] + "&"; | ||||
@@ -4779,7 +4779,7 @@ | |||||
outputFormat: "application/json", | outputFormat: "application/json", | ||||
//filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | ||||
}; | }; | ||||
let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl; | |||||
let url_dw = that.mapGeoServerUrl+"/wfs"; //wfsurl; | |||||
url_dw = url_dw + "?"; | url_dw = url_dw + "?"; | ||||
for (let key in param_dw) { | for (let key in param_dw) { | ||||
url_dw = url_dw + key + "=" + param_dw[key] + "&"; | url_dw = url_dw + key + "=" + param_dw[key] + "&"; | ||||
@@ -4822,9 +4822,9 @@ | |||||
//查询全部图层 -------查询叠加图层出现覆盖问题 | //查询全部图层 -------查询叠加图层出现覆盖问题 | ||||
var wmsSource = new ol.source.TileWMS({ | var wmsSource = new ol.source.TileWMS({ | ||||
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
url: that.mapGeoServerUrl+"/wms", | |||||
params: { | params: { | ||||
LAYERS: "zjd_dc:t_house_survey_all", | |||||
LAYERS: "nsgk_wulanhaote:t_homestead_zjdzdxx", | |||||
TILED: true, | TILED: true, | ||||
SRID: 3857, | SRID: 3857, | ||||
serverType: "geoserver", | serverType: "geoserver", | ||||
@@ -4861,9 +4861,9 @@ | |||||
//查询附属设施图层 | //查询附属设施图层 | ||||
var FssswmsSource = new ol.source.TileWMS({ | var FssswmsSource = new ol.source.TileWMS({ | ||||
url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
url: that.mapGeoServerUrl+"/wms", | |||||
params: { | params: { | ||||
LAYERS: "zjd_dc:t_house_survey_fsss", | |||||
LAYERS: "nsgk_wulanhaote:t_homestead_fsss", | |||||
TILED: true, | TILED: true, | ||||
SRID: 3857, | SRID: 3857, | ||||
serverType: "geoserver", | serverType: "geoserver", | ||||
@@ -4976,6 +4976,7 @@ | |||||
} | } | ||||
} | } | ||||
if (url_bbox) { | if (url_bbox) { | ||||
console.info(url_bbox); | |||||
fetch(url_bbox).then((res) => { | fetch(url_bbox).then((res) => { | ||||
var geojsonmap = res.json(); | var geojsonmap = res.json(); | ||||
return geojsonmap; | return geojsonmap; | ||||
@@ -5005,6 +5006,7 @@ | |||||
return response.text(); | return response.text(); | ||||
}) | }) | ||||
.then(function (html) { | .then(function (html) { | ||||
console.info(html); | |||||
document.getElementById("info").innerHTML = html; | document.getElementById("info").innerHTML = html; | ||||
if (html.indexOf("<table") != -1) { | if (html.indexOf("<table") != -1) { | ||||
that.mapZjdData = ""; | that.mapZjdData = ""; | ||||
@@ -5027,9 +5029,9 @@ | |||||
obj.id = zjdIdNum; // 主键id | obj.id = zjdIdNum; // 主键id | ||||
obj.deptName = trs.find("td").eq(3).text();//行政区划名称 | obj.deptName = trs.find("td").eq(3).text();//行政区划名称 | ||||
obj.zjddm = trs.find("td").eq(6).text();//宅基地代码 | |||||
obj.zjddm = trs.find("td").eq(7).text();//宅基地代码 | |||||
obj.zdmj = trs.find("td").eq(11).text();//宗地面积 | |||||
obj.zdmj = trs.find("td").eq(12).text();//宗地面积 | |||||
obj.active = 1; | obj.active = 1; | ||||
@@ -5044,9 +5046,9 @@ | |||||
var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
zrzTc = new ol.layer.Image({ | zrzTc = new ol.layer.Image({ | ||||
source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
url: that.mapGeoServerUrl + "/wms", | |||||
params: { | params: { | ||||
LAYERS: 'zjd_dc:t_house_survey_zrz', | |||||
LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||||
TILED: true, | TILED: true, | ||||
cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
SRID: 3857, | SRID: 3857, | ||||
@@ -5060,9 +5062,9 @@ | |||||
//var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
fsssTc = new ol.layer.Image({ | fsssTc = new ol.layer.Image({ | ||||
source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
url: that.mapGeoServerUrl + "/wms", | |||||
params: { | params: { | ||||
LAYERS: 'zjd_dc:t_house_survey_fsss', | |||||
LAYERS: 'nsgk_wulanhaote:t_homestead_fsss', | |||||
TILED: true, | TILED: true, | ||||
cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
SRID: 3857, | SRID: 3857, | ||||
@@ -5100,7 +5102,7 @@ | |||||
projection: projection, | projection: projection, | ||||
features: new ol.format.GeoJSON().readFeatures("{\n" + | features: new ol.format.GeoJSON().readFeatures("{\n" + | ||||
" \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
" \"geometry\":" + that.mapZjdData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
" \"geometry\":" + that.mapZjdData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
}), | }), | ||||
style: styleZjd | style: styleZjd | ||||
}); | }); | ||||
@@ -5153,8 +5155,9 @@ | |||||
}); | }); | ||||
//let cloneObj = JSON.parse(JSON.stringify(obj)); | //let cloneObj = JSON.parse(JSON.stringify(obj)); | ||||
//that.mapZjdData = cloneObj; | //that.mapZjdData = cloneObj; | ||||
} else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zrz") { | |||||
} else if ($("#info .featureInfo .featureInfo").text() == "t_homespace_zrz") { | |||||
//that.mapZjdTeAll.mapZjdAData ={}; | //that.mapZjdTeAll.mapZjdAData ={}; | ||||
that.mapXs = true; | |||||
that.mapZjdDataTure = ""; | that.mapZjdDataTure = ""; | ||||
that.mapZjdTeAll.mapFsssAData = {}; | that.mapZjdTeAll.mapFsssAData = {}; | ||||
map.removeLayer(hc_land_on); | map.removeLayer(hc_land_on); | ||||
@@ -5162,26 +5165,27 @@ | |||||
that.mapHasDateStatus = 1; | that.mapHasDateStatus = 1; | ||||
let trs = $("#info .featureInfo").find("tr:eq(1)"); | let trs = $("#info .featureInfo").find("tr:eq(1)"); | ||||
let zrzXq = trs.find("td").eq(0).text(); | let zrzXq = trs.find("td").eq(0).text(); | ||||
let zrzIdNum = zrzXq.replace("t_house_survey_zrz.", ""); | |||||
let zrzIdNum = zrzXq.replace("t_homespace_zrz.", ""); | |||||
obj.id = zrzIdNum; // 主键id | obj.id = zrzIdNum; // 主键id | ||||
obj.deptName = trs.find("td").eq(3).text();//行政区划名称 | obj.deptName = trs.find("td").eq(3).text();//行政区划名称 | ||||
obj.zjddm = trs.find("td").eq(4).text();//宅基地代码 | |||||
obj.scjzmj = trs.find("td").eq(12).text();//实测建筑面积 | |||||
obj.zjddm = trs.find("td").eq(6).text();//宅基地代码 | |||||
obj.scjzmj = trs.find("td").eq(14).text();//实测建筑面积 | |||||
let params = { | let params = { | ||||
"deptId": that.$cookies.get("item").deptId, | "deptId": that.$cookies.get("item").deptId, | ||||
"zjddm": obj.zjddm, | "zjddm": obj.zjddm, | ||||
} | } | ||||
that.mapClick = obj.zjddm; | |||||
that.$cookies.set("search", "") | that.$cookies.set("search", "") | ||||
//that.$cookies.set("map", "") | //that.$cookies.set("map", "") | ||||
console.log(that.mapZjdData); | console.log(that.mapZjdData); | ||||
//if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) { | //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) { | ||||
console.log(that.mapClick); | |||||
console.log(obj.zjddm); | |||||
if(that.mapXs && that.mapClick == obj.zjddm){ | if(that.mapXs && that.mapClick == obj.zjddm){ | ||||
listZjdzd(params).then((response) => { | listZjdzd(params).then((response) => { | ||||
that.mapZjdData = response.rows[0]; | that.mapZjdData = response.rows[0]; | ||||
//that.mapZjdAData.active = 1; | //that.mapZjdAData.active = 1; | ||||
that.mapZjdTeAll.mapZjdAData = that.mapZjdData; | that.mapZjdTeAll.mapZjdAData = that.mapZjdData; | ||||
console.info(obj.id); | |||||
getZrz(obj.id).then((response) => { | getZrz(obj.id).then((response) => { | ||||
if (response.data.scjzmj != "") { | if (response.data.scjzmj != "") { | ||||
that.textMjAll = response.data.scjzmj; | that.textMjAll = response.data.scjzmj; | ||||
@@ -5205,7 +5209,7 @@ | |||||
projection: projection, | projection: projection, | ||||
features: new ol.format.GeoJSON().readFeatures("{\n" + | features: new ol.format.GeoJSON().readFeatures("{\n" + | ||||
" \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
" \"geometry\":" + that.mapZrzData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZrzData) + "}"), | |||||
" \"geometry\":" + that.mapZrzData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapZrzData) + "}"), | |||||
}), | }), | ||||
style: styleZjd | style: styleZjd | ||||
}); | }); | ||||
@@ -5231,9 +5235,9 @@ | |||||
var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
zrzTc = new ol.layer.Image({ | zrzTc = new ol.layer.Image({ | ||||
source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
url: that.mapGeoServerUrl + "/wms", | |||||
params: { | params: { | ||||
LAYERS: 'zjd_dc:t_house_survey_zrz', | |||||
LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||||
TILED: true, | TILED: true, | ||||
cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
SRID: 3857, | SRID: 3857, | ||||
@@ -5247,9 +5251,9 @@ | |||||
//var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
fsssTc = new ol.layer.Image({ | fsssTc = new ol.layer.Image({ | ||||
source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
url: that.mapGeoServerUrl + "/wms", | |||||
params: { | params: { | ||||
LAYERS: 'zjd_dc:t_house_survey_fsss', | |||||
LAYERS: 'nsgk_wulanhaote:t_homestead_fsss', | |||||
TILED: true, | TILED: true, | ||||
cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
SRID: 3857, | SRID: 3857, | ||||
@@ -5285,7 +5289,7 @@ | |||||
projection: projection, | projection: projection, | ||||
features: new ol.format.GeoJSON().readFeatures("{\n" + | features: new ol.format.GeoJSON().readFeatures("{\n" + | ||||
" \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
" \"geometry\":" + that.mapZjdData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
" \"geometry\":" + that.mapZjdData.theGeomJson+ ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
}), | }), | ||||
style: styleZjd | style: styleZjd | ||||
}); | }); | ||||
@@ -5337,28 +5341,30 @@ | |||||
sourceMapLookMap.addFeature(newcenterFeatureMap); | sourceMapLookMap.addFeature(newcenterFeatureMap); | ||||
}); | }); | ||||
} | } | ||||
} else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_fsss") { | |||||
} else if ($("#info .featureInfo .featureInfo").text() == "t_homestead_fsss") { | |||||
that.mapZjdTeAll.mapZrzAData = {}; | that.mapZjdTeAll.mapZrzAData = {}; | ||||
that.mapZjdDataTure = ""; | that.mapZjdDataTure = ""; | ||||
that.mapXs = true; | |||||
//that.mapZjdTeAll.mapZjdAData ={}; | //that.mapZjdTeAll.mapZjdAData ={}; | ||||
map.removeLayer(hc_land_on); | map.removeLayer(hc_land_on); | ||||
let obj = {}; | let obj = {}; | ||||
that.mapHasDateStatus = 0; | that.mapHasDateStatus = 0; | ||||
let trs = $("#info .featureInfo").find("tr:eq(1)"); | let trs = $("#info .featureInfo").find("tr:eq(1)"); | ||||
let fsssXq = trs.find("td").eq(0).text(); | let fsssXq = trs.find("td").eq(0).text(); | ||||
let fsssIdNum = fsssXq.replace("t_house_survey_fsss.", ""); | |||||
let fsssIdNum = fsssXq.replace("t_homestead_fsss.", ""); | |||||
obj.id = fsssIdNum; // 主键id | obj.id = fsssIdNum; // 主键id | ||||
obj.deptName = trs.find("td").eq(4).text();//行政区划名称 | |||||
obj.zjddm = trs.find("td").eq(1).text();//宅基地代码 | |||||
obj.deptName = trs.find("td").eq(3).text();//行政区划名称 | |||||
obj.zjddm = trs.find("td").eq(4).text();//宅基地代码 | |||||
// obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态 | // obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态 | ||||
// obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型 | // obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型 | ||||
obj.jzmj = trs.find("td").eq(8).text(); //建筑面积 | |||||
obj.jzmj = trs.find("td").eq(6).text(); //建筑面积 | |||||
let params = { | let params = { | ||||
"deptId": that.$cookies.get("item").deptId, | "deptId": that.$cookies.get("item").deptId, | ||||
"zjddm": obj.zjddm, | "zjddm": obj.zjddm, | ||||
"pageSize": 20, | "pageSize": 20, | ||||
} | } | ||||
that.mapClick = obj.zjddm; | |||||
that.$cookies.remove("search") | that.$cookies.remove("search") | ||||
//if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) { | //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) { | ||||
if(that.mapXs && that.mapClick == obj.zjddm){ | if(that.mapXs && that.mapClick == obj.zjddm){ | ||||
@@ -5390,7 +5396,7 @@ | |||||
projection: projection, | projection: projection, | ||||
features: new ol.format.GeoJSON().readFeatures("{\n" + | features: new ol.format.GeoJSON().readFeatures("{\n" + | ||||
" \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
" \"geometry\":" + that.mapfsssData.theGeom + ", \"properties\":" + JSON.stringify(that.mapfsssData) + "}"), | |||||
" \"geometry\":" + that.mapfsssData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapfsssData) + "}"), | |||||
}), | }), | ||||
style: styleZjd | style: styleZjd | ||||
}); | }); | ||||
@@ -5416,9 +5422,9 @@ | |||||
var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
zrzTc = new ol.layer.Image({ | zrzTc = new ol.layer.Image({ | ||||
source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
url: that.mapGeoServerUrl + "/wms", | |||||
params: { | params: { | ||||
LAYERS: 'zjd_dc:t_house_survey_zrz', | |||||
LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||||
TILED: true, | TILED: true, | ||||
cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
SRID: 3857, | SRID: 3857, | ||||
@@ -5432,9 +5438,9 @@ | |||||
//var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
fsssTc = new ol.layer.Image({ | fsssTc = new ol.layer.Image({ | ||||
source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
url: that.mapGeoServerUrl + "/wms", | |||||
params: { | params: { | ||||
LAYERS: 'zjd_dc:t_house_survey_fsss', | |||||
LAYERS: 'nsgk_wulanhaote:t_homestead_fsss', | |||||
TILED: true, | TILED: true, | ||||
cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
SRID: 3857, | SRID: 3857, | ||||
@@ -5470,7 +5476,7 @@ | |||||
projection: projection, | projection: projection, | ||||
features: new ol.format.GeoJSON().readFeatures("{\n" + | features: new ol.format.GeoJSON().readFeatures("{\n" + | ||||
" \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
" \"geometry\":" + that.mapZjdData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
" \"geometry\":" + that.mapZjdData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
}), | }), | ||||
style: styleZjd | style: styleZjd | ||||
}); | }); | ||||
@@ -5964,19 +5970,34 @@ | |||||
}, | }, | ||||
//宅基地点击地图核查 | //宅基地点击地图核查 | ||||
zjdHc(){ | zjdHc(){ | ||||
console.info(this.mapZrzData) | |||||
if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){ | if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){ | ||||
if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){ | if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){ | ||||
this.mapZjdTeAll.active =1; | this.mapZjdTeAll.active =1; | ||||
//this.$cookies.set("search",this.mapZjdTeAll); | //this.$cookies.set("search",this.mapZjdTeAll); | ||||
this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}}); | |||||
let trs = $("#info .featureInfo").find("tr:eq(1)"); | |||||
let zjdXq = trs.find("td").eq(0).text(); | |||||
let zjdIdNum = zjdXq.replace("t_homestead_zjdzdxx.", ""); | |||||
getZjdzd(zjdIdNum).then((response) => { | |||||
this.mapZjdData = response.data; | |||||
this.mapZjdTeAll.active = 1; | |||||
this.mapZjdTeAll.mapZjdAData = this.mapZjdData; | |||||
//this.$cookies.set("search",this.mapZjdTeAll); | |||||
console.info(this.mapZjdTeAll.mapZjdAData); | |||||
localStorage.setItem("zjdzdxxItem",JSON.stringify(this.mapZjdTeAll.mapZjdAData)); | |||||
setTimeout(() => { | |||||
this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}}); | |||||
}, 500); | |||||
}); | |||||
//this.$router.push({path:'/homesteadSurvey/add'}); | //this.$router.push({path:'/homesteadSurvey/add'}); | ||||
}else if(this.mapZrzData !=undefined && this.mapZrzData !=""){ | }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){ | ||||
if(this.mapZjdTeAll.mapZjdAData !=""){ | if(this.mapZjdTeAll.mapZjdAData !=""){ | ||||
this.mapZjdTeAll.active = 3; | this.mapZjdTeAll.active = 3; | ||||
//this.$cookies.set("search",this.mapZjdTeAll); | //this.$cookies.set("search",this.mapZjdTeAll); | ||||
this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}}); | |||||
console.info(this.mapZjdTeAll); | |||||
this.$router.push({path:'/homesteadSurvey/zrzAdd',query: this.mapZjdTeAll.mapZrzAData}); | |||||
} else { | } else { | ||||
this.$toast("必须有宅基地数据才能进入自然幢核查"); | this.$toast("必须有宅基地数据才能进入自然幢核查"); | ||||
} | } | ||||
@@ -5985,7 +6006,7 @@ | |||||
this.mapZjdTeAll.active = 4; | this.mapZjdTeAll.active = 4; | ||||
//this.$cookies.set("search", this.mapZjdTeAll); | //this.$cookies.set("search", this.mapZjdTeAll); | ||||
this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
this.$router.push({path: '/homesteadSurvey/add',query: {res: this.mapZjdTeAll}}); | |||||
this.$router.push({path: '/homesteadSurvey/fsssAdd',query: this.mapZjdTeAll.mapFsssAData}); | |||||
} else { | } else { | ||||
this.$toast("必须有宅基地数据才能进入附属设施核查"); | this.$toast("必须有宅基地数据才能进入附属设施核查"); | ||||
} | } | ||||
@@ -0,0 +1,327 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<van-sticky style="position:relative;"> | |||||
<div class="bannerBg"> | |||||
<van-nav-bar | |||||
style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
@click-left="goBack()" | |||||
> | |||||
<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="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
<van-row> | |||||
<van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
</van-col> | |||||
</van-row> | |||||
</div> | |||||
</van-sticky> | |||||
<van-form ref="form"> | |||||
<div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">农户信息</p> | |||||
<!--<van-field | |||||
v-model="form.deptId" | |||||
name="行政区划名称" | |||||
label="行政区划名称" | |||||
placeholder="行政区划名称" | |||||
:rules="[{ required: true, message: '' }]" | |||||
/>--> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.hzxm" | |||||
name="姓名" | |||||
label="户主姓名" | |||||
placeholder="请输入户主姓名" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<field-select | |||||
v-model="form.hzzjlx" | |||||
label="证件类型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请输入户主证件类型" | |||||
remote-url="/system/dict/data/type/zjlx" | |||||
:on-remote-response="'data'" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.hzzjhm" | |||||
name="证件号码" | |||||
label="证件号码" | |||||
placeholder="请输入使用权人证件号码" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.hncysl" | |||||
name="成员数量" | |||||
label="成员数量" | |||||
placeholder="请输入成员数量" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<FieldRadio | |||||
v-model="form.sfwbh" | |||||
label="是否五保户" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<FieldRadio | |||||
v-model="form.sfpkh" | |||||
label="是否贫困户" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<FieldRadio | |||||
v-model="form.sfwzjd" | |||||
label="是否无宅基地" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<FieldRadio | |||||
v-model="form.sfjbzgq" | |||||
label="是否具备资格权" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.zgqrzrq" | |||||
name="资格权认证日期" | |||||
label="资格权认证日期" | |||||
placeholder="资格权认证日期" | |||||
readonly | |||||
@click="showZgqrzrq = true" | |||||
/> | |||||
<van-popup v-model:show="showZgqrzrq" position="bottom"> | |||||
<van-datetime-picker | |||||
type="date" | |||||
@confirm="onConfirmZgqrzrq" | |||||
@cancel="showZgqrzrq = false" | |||||
:min-date="minDate" | |||||
:max-date="maxDate" | |||||
/> | |||||
</van-popup> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.hkszd" | |||||
name="户口所在地" | |||||
label="户口所在地" | |||||
placeholder="请输入户口所在地" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.txdz" | |||||
name="通讯地址" | |||||
label="通讯地址" | |||||
placeholder="请输入通讯地址" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.bz" | |||||
name="备注" | |||||
label="备注" | |||||
placeholder="请输入备注" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
</div> | |||||
<div style="margin: 16px;display: flex;justify-content: space-around;"> | |||||
<van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
<van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
</div> | |||||
<div style="height: 50px;"></div> | |||||
</van-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | |||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
import FieldSelect from "@/components/form/FieldSelect"; | |||||
import FieldRadio from "@/components/form/FieldRadio"; | |||||
import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
import { Notify, Dialog, Toast } from 'vant'; | |||||
import axios from "axios"; | |||||
export default { | |||||
components: {FieldSelect, FieldRadio}, | |||||
name: "nhAdd", | |||||
data() { | |||||
return { | |||||
active:2, | |||||
// 使用权人列表 | |||||
syqrlist:[ | |||||
{ | |||||
shyqrdbxm :'测试测试', | |||||
shyqrdbzjhm :'12324648564', | |||||
nhdm :'777888999', | |||||
} | |||||
], | |||||
minDate: new Date(), | |||||
maxDate: new Date(2025, 10, 1), | |||||
showZgqrzrq:false, | |||||
form:{} | |||||
}; | |||||
}, | |||||
created(){ | |||||
let data = this.$route.query; | |||||
console.info(data) | |||||
this.form = data; | |||||
if(this.form.shyqrdbzjhm != null){ | |||||
this.getList(); | |||||
} | |||||
}, | |||||
mounted(){ | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
listNh({hzzjhm:this.form.shyqrdbzjhm}).then(response => { | |||||
this.form = response.rows[0]; | |||||
}); | |||||
}, | |||||
submitzjd(){ | |||||
this.$refs.form.validate().then(() => { | |||||
updateNh(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
}).catch((e) => { | |||||
Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
}); | |||||
}, | |||||
cancel(){ | |||||
this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: this.form.zjddm}}); | |||||
}, | |||||
guidProduct(){ | |||||
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
var r = Math.random() * 16 | 0, | |||||
v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
return v.toString(16); | |||||
}); | |||||
}, | |||||
/** 查找地图中定位点 */ | |||||
MapTag: function (data) { | |||||
this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||||
}, | |||||
onConfirmZgqrzrq(data){ | |||||
this.form.zgqrzrq = this.getNowFormatDate(data).substr(0,10); | |||||
this.showZgqrzrq = false; | |||||
}, | |||||
goBack(){ | |||||
if(this.ztMap && this.enterMap ==1){ | |||||
if(this.form.id == null){ | |||||
this.backMap.backMapZjdAData.theGeom= ""; | |||||
}else{ | |||||
this.backMap.backMapZjdAData = this.form; | |||||
} | |||||
this.$cookies.set("search",this.backMap); | |||||
} else { | |||||
this.$cookies.set("search",""); | |||||
} | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | |||||
}, | |||||
} | |||||
} | |||||
</script> | |||||
<style scoped> | |||||
>>> .bannerBg{ | |||||
width: 100%; | |||||
color:#fff; | |||||
padding:10px; | |||||
background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
} | |||||
>>> .van-hairline--bottom::after { | |||||
border-bottom-width: 0; | |||||
} | |||||
>>> .title:before | |||||
{ | |||||
content:""; | |||||
width: 6px; | |||||
height: 20PX; | |||||
background: #7ac943; | |||||
border-radius: 3px; | |||||
position:absolute; | |||||
left:0; | |||||
bottom:0; | |||||
} | |||||
>>> .delete-button { | |||||
height: 100%; | |||||
} | |||||
>>> .van-swipe-cell__wrapper{ | |||||
margin-right:-3px; | |||||
} | |||||
>>> .label-class .van-collapse-item__title--expanded{ | |||||
font-weight: bold; | |||||
} | |||||
</style> |
@@ -0,0 +1,355 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<van-sticky style="position:relative;"> | |||||
<div class="bannerBg"> | |||||
<van-nav-bar | |||||
style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
@click-left="goBack()" | |||||
> | |||||
<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="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
<van-row> | |||||
<van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
</van-col> | |||||
</van-row> | |||||
</div> | |||||
</van-sticky> | |||||
<van-form ref = "form"> | |||||
<div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">农户成员信息</p> | |||||
<!--<van-field | |||||
v-model="form.deptId" | |||||
name="行政区划名称" | |||||
label="行政区划名称" | |||||
placeholder="行政区划名称" | |||||
:rules="[{ required: true, message: '' }]" | |||||
/>--> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.xm" | |||||
name="姓名" | |||||
label="姓名" | |||||
placeholder="请输入姓名" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<field-select | |||||
v-model="form.zjlx" | |||||
label="证件类型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请输入使用权人证件类型" | |||||
remote-url="/system/dict/data/type/zjlx" | |||||
:on-remote-response="'data'" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.zjhm" | |||||
name="证件号码" | |||||
label="证件号码" | |||||
placeholder="请输入使用权人证件号码" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<field-select | |||||
v-model="form.yhzgx" | |||||
label="与户主关系" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择与户主关系" | |||||
remote-url="/system/dict/data/type/family_status" | |||||
:on-remote-response="'data'" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<field-select | |||||
v-model="form.xb" | |||||
label="性别" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择性别" | |||||
remote-url="/system/dict/data/type/sys_user_sex" | |||||
:on-remote-response="'data'" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<field-select | |||||
v-model="form.hklx" | |||||
label="户口类型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择户口类型" | |||||
remote-url="/system/dict/data/type/account_type" | |||||
:on-remote-response="'data'" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.lxdh" | |||||
name="联系电话" | |||||
label="联系电话" | |||||
placeholder="请输入联系电话" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<field-select | |||||
v-model="form.hyzk" | |||||
label="婚姻状况" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择性别" | |||||
remote-url="/system/dict/data/type/hyzk" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.hkszd" | |||||
name="户口所在地" | |||||
label="户口所在地" | |||||
placeholder="请输入户口所在地" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<field-select | |||||
v-model="form.cybz" | |||||
label="成员备注" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择成员备注" | |||||
remote-url="/system/dict/data/type/cybz" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.cybzsm" | |||||
name="备注说明" | |||||
label="备注说明" | |||||
placeholder="请输入备注说明" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<field-select | |||||
v-model="form.sjly" | |||||
label="数据来源" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择数据来源" | |||||
remote-url="/system/dict/data/type/sjly" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<FieldRadio | |||||
v-model="form.sfbjtjjzzcy" | |||||
label="是否本集体经济组织成员" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<FieldRadio | |||||
v-model="form.sfjbzgq" | |||||
label="具备资格权" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
</div> | |||||
<div style="margin: 16px;display: flex;justify-content: space-around;"> | |||||
<van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
<van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
</div> | |||||
<div style="height: 50px;"></div> | |||||
</van-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | |||||
import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
import FieldSelect from "@/components/form/FieldSelect"; | |||||
import FieldRadio from "@/components/form/FieldRadio"; | |||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
import { Notify, Dialog, Toast } from 'vant'; | |||||
import axios from "axios"; | |||||
export default { | |||||
components: {FieldSelect, FieldRadio}, | |||||
name: "nhctAdd", | |||||
data() { | |||||
return { | |||||
active:2, | |||||
// 使用权人列表 | |||||
syqrlist:[ | |||||
{ | |||||
shyqrdbxm :'测试测试', | |||||
shyqrdbzjhm :'12324648564', | |||||
nhdm :'777888999', | |||||
} | |||||
], | |||||
form:{} | |||||
}; | |||||
}, | |||||
created(){ | |||||
let data = this.$route.query; | |||||
this.form = data; | |||||
if(this.form.id == null){ | |||||
this.$set(this.form, 'zjlx', "01"); | |||||
this.$set(this.form, 'xb', "1"); | |||||
this.$set(this.form, 'yhzgx', "23"); | |||||
this.$set(this.form, 'hklx', "01"); | |||||
this.$set(this.form, 'hyzk', "01"); | |||||
this.$set(this.form, 'sjly', "01"); | |||||
this.$set(this.form, 'sfbjtjjzzcy', "1"); | |||||
this.$set(this.form, 'sfjbzgq', "1"); | |||||
} | |||||
console.info(data); | |||||
}, | |||||
mounted(){ | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
listNhhncy(this.form).then(response => { | |||||
}); | |||||
}, | |||||
submitzjd(){ | |||||
this.$refs.form.validate().then(() => { | |||||
if(this.form.id == null){ | |||||
addNhhncy(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
}else{ | |||||
updateNhhncy(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
} | |||||
}).catch((e) => { | |||||
Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
}); | |||||
}, | |||||
cancel(){ | |||||
this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: this.form.zjddm}}); | |||||
}, | |||||
guidProduct(){ | |||||
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
var r = Math.random() * 16 | 0, | |||||
v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
return v.toString(16); | |||||
}); | |||||
}, | |||||
/** 查找地图中定位点 */ | |||||
MapTag: function (data) { | |||||
this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||||
}, | |||||
goBack(){ | |||||
if(this.ztMap && this.enterMap ==1){ | |||||
if(this.form.id == null){ | |||||
this.backMap.backMapZjdAData.theGeom= ""; | |||||
}else{ | |||||
this.backMap.backMapZjdAData = this.form; | |||||
} | |||||
this.$cookies.set("search",this.backMap); | |||||
} else { | |||||
this.$cookies.set("search",""); | |||||
} | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | |||||
}, | |||||
} | |||||
} | |||||
</script> | |||||
<style scoped> | |||||
>>> .bannerBg{ | |||||
width: 100%; | |||||
color:#fff; | |||||
padding:10px; | |||||
background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
} | |||||
>>> .van-hairline--bottom::after { | |||||
border-bottom-width: 0; | |||||
} | |||||
>>> .title:before | |||||
{ | |||||
content:""; | |||||
width: 6px; | |||||
height: 20PX; | |||||
background: #7ac943; | |||||
border-radius: 3px; | |||||
position:absolute; | |||||
left:0; | |||||
bottom:0; | |||||
} | |||||
>>> .delete-button { | |||||
height: 100%; | |||||
} | |||||
>>> .van-swipe-cell__wrapper{ | |||||
margin-right:-3px; | |||||
} | |||||
>>> .label-class .van-collapse-item__title--expanded{ | |||||
font-weight: bold; | |||||
} | |||||
</style> |
@@ -0,0 +1,178 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<van-sticky style="position:relative;"> | |||||
<div class="bannerBg"> | |||||
<van-nav-bar | |||||
style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
@click-left="goBack()" | |||||
> | |||||
<template #left> | |||||
<van-icon name="arrow-left" size="18" color="#fff" /> | |||||
</template> | |||||
<!-- <template #right> | |||||
<van-icon name="map-marked" size="18" color="#fff" /> | |||||
</template>--> | |||||
<template #title> | |||||
<p style="color:#fff">入户调查</p> | |||||
</template> | |||||
</van-nav-bar> | |||||
</div> | |||||
<div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
<van-row> | |||||
<van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
</van-col> | |||||
</van-row> | |||||
</div> | |||||
</van-sticky> | |||||
<div style="margin:30px auto 0;width: 95%;"> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-bottom: 5px;">户内成员</p> | |||||
</div> | |||||
<van-swipe-cell v-for="(item,index) in hnnylist" :key="'syqr'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;background:#fff;"> | |||||
<div style="padding:15px;"> | |||||
<p style="display: flex;align-items: center;"> | |||||
<img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;"> | |||||
<span style="line-height: 1;font-size: 16px;">{{item.xm}}</span> | |||||
</p> | |||||
<div style="display:flex;line-height:20px;margin-top: 15px;font-size: 14px;color: #999999;"> | |||||
<p style="flex:1;text-align:left;">证件号码:</p> | |||||
<p style="flex:1;text-align:right;">{{item.zjhm}}</p> | |||||
</div> | |||||
<div style="display:flex;line-height:20px;margin-top: 5px;font-size: 14px;color: #999999;"> | |||||
<p style="flex:1;text-align:left;">农户代码:</p> | |||||
<p style="flex:1;text-align:right;">{{item.nhdm}}</p> | |||||
</div> | |||||
<div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | |||||
<p style="width:32%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopuphncy(item)"> | |||||
<img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | |||||
<span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">详情</span> | |||||
</p> | |||||
</div> | |||||
</div> | |||||
<template #right> | |||||
<van-button square text="删除" type="danger" class="delete-button" @click="deletesyqr(item.id,index)"/> | |||||
</template> | |||||
</van-swipe-cell> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
import MapGisDrawing from "@/components/Map/MapGisDrawing"; | |||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
import { Notify, Dialog, Toast } from 'vant'; | |||||
import axios from "axios"; | |||||
export default { | |||||
name: "nhcyList", | |||||
components: { MapGisDrawing,}, | |||||
data() { | |||||
return { | |||||
active:2, | |||||
// 使用权人列表 | |||||
shyqrData:{}, | |||||
hnnylist:[], | |||||
}; | |||||
}, | |||||
created(){ | |||||
this.shyqrData = this.$route.query; | |||||
this.getList(); | |||||
}, | |||||
mounted(){ | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
listNhhncy({nhdm:this.shyqrData.nhdm }).then(response => { | |||||
this.hnnylist = response.rows; | |||||
}); | |||||
}, | |||||
goBack(){ | |||||
if(this.ztMap && this.enterMap ==1){ | |||||
if(this.form.id == null){ | |||||
this.backMap.backMapZjdAData.theGeom= ""; | |||||
}else{ | |||||
this.backMap.backMapZjdAData = this.form; | |||||
} | |||||
this.$cookies.set("search",this.backMap); | |||||
} else { | |||||
this.$cookies.set("search",""); | |||||
} | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | |||||
}, | |||||
showPopupsyqr(val){ | |||||
this.$router.push({name:'shyqrAdd',query:val}); | |||||
}, | |||||
showPopupnh(val){ | |||||
this.$router.push({name:'nhcyAdd',query:{nhdm:this.hnnylist[0].nhdm}}); | |||||
}, | |||||
showPopuphncy(val){ | |||||
this.$router.push({name:'nhcyAdd',query:val}); | |||||
}, | |||||
} | |||||
} | |||||
</script> | |||||
<style scoped> | |||||
>>> .bannerBg{ | |||||
width: 100%; | |||||
color:#fff; | |||||
padding:10px; | |||||
background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
} | |||||
>>> .van-hairline--bottom::after { | |||||
border-bottom-width: 0; | |||||
} | |||||
>>> .title:before | |||||
{ | |||||
content:""; | |||||
width: 6px; | |||||
height: 20PX; | |||||
background: #7ac943; | |||||
border-radius: 3px; | |||||
position:absolute; | |||||
left:0; | |||||
bottom:0; | |||||
} | |||||
>>> .delete-button { | |||||
height: 100%; | |||||
} | |||||
>>> .van-swipe-cell__wrapper{ | |||||
margin-right:-3px; | |||||
} | |||||
>>> .label-class .van-collapse-item__title--expanded{ | |||||
font-weight: bold; | |||||
} | |||||
</style> |
@@ -0,0 +1,563 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<van-sticky style="position:relative;"> | |||||
<div class="bannerBg"> | |||||
<van-nav-bar | |||||
style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
@click-left="goBack()" | |||||
> | |||||
<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="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
<van-row> | |||||
<van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
</van-col> | |||||
</van-row> | |||||
</div> | |||||
</van-sticky> | |||||
<van-form ref = "form"> | |||||
<div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">农民房屋信息</p> | |||||
<!--<van-field | |||||
v-model="form.deptId" | |||||
name="行政区划名称" | |||||
label="行政区划名称" | |||||
placeholder="行政区划名称" | |||||
:rules="[{ required: true, message: '' }]" | |||||
/>--> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">基本信息</p> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.nmfwzh" | |||||
name="房屋幢号" | |||||
label="房屋幢号" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.nhdm" | |||||
name="农户代码" | |||||
label="农户代码" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
disabled | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.sjcs" | |||||
name="实际层数" | |||||
label="实际层数" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
type="number" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.hh" | |||||
name="户号" | |||||
label="户号" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<field-select | |||||
v-model="form.hx" | |||||
label="户型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择户型" | |||||
remote-url="/system/dict/data/type/nmfwhx" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.hxjg" | |||||
label="户型结构" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择户型结构" | |||||
remote-url="/system/dict/data/type/nmfwhxjg" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field | |||||
v-model="form.nmfwmj" | |||||
label="房屋面积(m²)" | |||||
placeholder="请输入房屋面积" | |||||
input-align="right" | |||||
label-width="auto" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
type="number"/> | |||||
<van-field | |||||
v-model="form.fjzdmj" | |||||
label="房基占地面积(m²)" | |||||
placeholder="请输入房基占地面积" | |||||
input-align="right" | |||||
label-width="auto" | |||||
type="number"/> | |||||
<van-field | |||||
v-model="form.jzmj" | |||||
label="建筑面积(m²)" | |||||
placeholder="请输入建筑面积" | |||||
input-align="right" | |||||
label-width="auto" | |||||
type="number"/> | |||||
<field-select | |||||
v-model="form.fwlx" | |||||
label="房屋类型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择房屋类型" | |||||
remote-url="/system/dict/data/type/fwlx" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.fwxz" | |||||
label="房屋性质" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择房屋性质" | |||||
remote-url="/system/dict/data/type/fwxz" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.fwjg" | |||||
label="房屋结构" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择房屋结构" | |||||
remote-url="/system/dict/data/type/housing_structure" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.zl" | |||||
name="坐落" | |||||
label="坐落" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<field-select | |||||
v-model="form.sjly" | |||||
label="数据来源" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择数据来源" | |||||
remote-url="/system/dict/data/type/sjly" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.bz" | |||||
name="备注" | |||||
label="备注" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">不动产信息</p> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.bdcdyh" | |||||
name="不动产单元号" | |||||
label="不动产单元号" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.fwbm" | |||||
name="房屋编码" | |||||
label="房屋编码" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.zrzh" | |||||
name="自然幢号" | |||||
label="自然幢号" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.ch" | |||||
name="层号" | |||||
label="层号" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.sjc" | |||||
name="实际层" | |||||
label="实际层" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.myc" | |||||
name="名义层" | |||||
label="名义层" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">证书信息</p> | |||||
<FieldRadio | |||||
v-model="form.sffz" | |||||
label="是否发证" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<FieldRadio | |||||
v-model="form.sfjf" | |||||
label="是否纠纷" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<FieldRadio | |||||
v-model="form.sfcf" | |||||
label="是否查封" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">利用情况</p> | |||||
<field-select | |||||
v-model="form.lyzk" | |||||
label="房屋利用状况" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择房屋利用状况" | |||||
remote-url="/system/dict/data/type/nmfwlyzk" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">抵押情况</p> | |||||
<FieldRadio | |||||
v-model="form.sfdy" | |||||
label="是否抵押" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">其他信息</p> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.jznd" | |||||
name="建筑年代" | |||||
label="建筑年代" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<field-select | |||||
v-model="form.fwaqxjddj" | |||||
label="房屋安全性鉴定等级" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择房屋安全性鉴定等级" | |||||
remote-url="/system/dict/data/type/fwaqxjddj" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.fwzt" | |||||
label="房屋状态" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择房房屋状态" | |||||
remote-url="/system/dict/data/type/fwzt" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.fwyt" | |||||
label="房屋用途" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择房房屋状态" | |||||
remote-url="/system/dict/data/type/fwyt" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<FieldRadio | |||||
v-model="form.sfytrgy" | |||||
label="与其他人共有" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
</div> | |||||
<div style="margin: 16px;display: flex;justify-content: space-around;"> | |||||
<van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
<van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
</div> | |||||
<div style="height: 50px;"></div> | |||||
</van-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
import FieldSelect from "@/components/form/FieldSelect"; | |||||
import FieldRadio from "@/components/form/FieldRadio"; | |||||
import CommonMap from "@/components/house/CommonMap"; | |||||
import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
import { Notify, Dialog, Toast } from 'vant'; | |||||
import axios from "axios"; | |||||
export default { | |||||
components: {FieldSelect, FieldRadio,CommonMap}, | |||||
name: "zrzAdd", | |||||
data() { | |||||
return { | |||||
active:3, | |||||
// 使用权人列表 | |||||
syqrlist:[ | |||||
{ | |||||
shyqrdbxm :'测试测试', | |||||
shyqrdbzjhm :'12324648564', | |||||
nhdm :'777888999', | |||||
} | |||||
], | |||||
// 地图绘制 | |||||
drawInsert: null, | |||||
// 当前位置信息 | |||||
tGeoOrganizationLat: null, | |||||
tGeoOrganizationLng: null, | |||||
minDate: new Date(), | |||||
maxDate: new Date(2025, 10, 1), | |||||
showZgqrzrq:false, | |||||
form:{} | |||||
}; | |||||
}, | |||||
created(){ | |||||
let data = this.$route.query; | |||||
console.info(data) | |||||
this.form = data; | |||||
if(this.form.id == null){ | |||||
this.$set(this.form, 'hx', "01"); | |||||
this.$set(this.form, 'hxjg', "01"); | |||||
this.$set(this.form, 'fwlx', "01"); | |||||
this.$set(this.form, 'fwxz', "6"); | |||||
this.$set(this.form, 'fwjg', "01"); | |||||
this.$set(this.form, 'sjly', "01"); | |||||
this.$set(this.form, 'sffz', "1"); | |||||
this.$set(this.form, 'sfjf', "0"); | |||||
this.$set(this.form, 'sfcf', "0"); | |||||
this.$set(this.form, 'lyzk', "10"); | |||||
this.$set(this.form, 'sfdy', "0"); | |||||
this.$set(this.form, 'fwaqxjddj', "01"); | |||||
this.$set(this.form, 'fwzt', "01"); | |||||
this.$set(this.form, 'fwyt', "10"); | |||||
this.$set(this.form, 'sfytrgy', "0"); | |||||
} | |||||
}, | |||||
mounted(){ | |||||
}, | |||||
methods: { | |||||
submitzjd(){ | |||||
this.$refs.form.validate().then(() => { | |||||
if(this.form.id == null){ | |||||
addNmfw(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
}else{ | |||||
updateNmfw(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
} | |||||
}).catch((e) => { | |||||
Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
}); | |||||
}, | |||||
// 绘制申请地图 | |||||
pointDarw(data) { | |||||
this.$nextTick(() => { | |||||
let map = this.$refs.pointDarwMap; | |||||
if(data === null) | |||||
data = this.form.theGeomJson; | |||||
this.setMapData(map, data); | |||||
}); | |||||
}, | |||||
// 通用设置地图数据函数 | |||||
setMapData(map, data) { | |||||
//console.log(map, data ? true : false); | |||||
if(!map) return; | |||||
if(data) | |||||
{ | |||||
map.setLayer('pointDarwLayer', data); | |||||
} | |||||
else { | |||||
this.getLandCoord((lng, lat) => { | |||||
map.setCoord(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
}); | |||||
} | |||||
}, | |||||
// 当地图绘制完成时 | |||||
onMapDrawFinished(data) { | |||||
console.info(data); | |||||
this.drawInsert = data; | |||||
this.form.theGeomJson = JSON.stringify(this.drawInsert); | |||||
}, | |||||
// 当申请地图被重置时 | |||||
onMapDrawReseted() { | |||||
this.drawInsert = null; | |||||
if(this.form.theGeomJson) | |||||
{ | |||||
let lastData = JSON.parse(this.form.theGeomJson); | |||||
if(lastData.hasOwnProperty('coordinates')) // 从后台获取的 | |||||
this.drawInsert = lastData.coordinates; | |||||
} | |||||
}, | |||||
cancel(){ | |||||
this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: this.form.zjddm}}); | |||||
}, | |||||
// 获取登录人位置坐标 | |||||
getLandCoord(func) { | |||||
if (func | |||||
&& this.tGeoOrganizationLng !== null && this.tGeoOrganizationLng !== '' | |||||
&& this.tGeoOrganizationLat !== null && this.tGeoOrganizationLat !== '') { | |||||
this.$nextTick(() => { | |||||
func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
}) | |||||
} | |||||
else { | |||||
console.info(this.deptId); | |||||
getQueryLand(this.deptId).then((response) => { | |||||
if (response.code == 200) { | |||||
let InsertCode = response.data; | |||||
this.form.orgCode = InsertCode.orgCode; | |||||
this.tGeoOrganizationLat = InsertCode.lat; | |||||
this.tGeoOrganizationLng = InsertCode.lng; | |||||
if(func) | |||||
{ | |||||
func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
} | |||||
} | |||||
}); | |||||
} | |||||
}, | |||||
guidProduct(){ | |||||
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
var r = Math.random() * 16 | 0, | |||||
v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
return v.toString(16); | |||||
}); | |||||
}, | |||||
/** 查找地图中定位点 */ | |||||
MapTag: function (data) { | |||||
this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||||
}, | |||||
onConfirmZgqrzrq(data){ | |||||
this.form.jgrq = this.getNowFormatDate(data).substr(0,10); | |||||
this.showZgqrzrq = false; | |||||
}, | |||||
goBack(){ | |||||
if(this.ztMap && this.enterMap ==1){ | |||||
if(this.form.id == null){ | |||||
this.backMap.backMapZjdAData.theGeom= ""; | |||||
}else{ | |||||
this.backMap.backMapZjdAData = this.form; | |||||
} | |||||
this.$cookies.set("search",this.backMap); | |||||
} else { | |||||
this.$cookies.set("search",""); | |||||
} | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | |||||
}, | |||||
} | |||||
} | |||||
</script> | |||||
<style scoped> | |||||
>>> .bannerBg{ | |||||
width: 100%; | |||||
color:#fff; | |||||
padding:10px; | |||||
background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
} | |||||
>>> .van-hairline--bottom::after { | |||||
border-bottom-width: 0; | |||||
} | |||||
>>> .title:before | |||||
{ | |||||
content:""; | |||||
width: 6px; | |||||
height: 20PX; | |||||
background: #7ac943; | |||||
border-radius: 3px; | |||||
position:absolute; | |||||
left:0; | |||||
bottom:0; | |||||
} | |||||
>>> .delete-button { | |||||
height: 100%; | |||||
} | |||||
>>> .van-swipe-cell__wrapper{ | |||||
margin-right:-3px; | |||||
} | |||||
>>> .label-class .van-collapse-item__title--expanded{ | |||||
font-weight: bold; | |||||
} | |||||
</style> |
@@ -0,0 +1,183 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<van-sticky style="position:relative;"> | |||||
<div class="bannerBg"> | |||||
<van-nav-bar | |||||
style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
@click-left="goBack()" | |||||
> | |||||
<template #left> | |||||
<van-icon name="arrow-left" size="18" color="#fff" /> | |||||
</template> | |||||
<!-- <template #right> | |||||
<van-icon name="map-marked" size="18" color="#fff" /> | |||||
</template>--> | |||||
<template #title> | |||||
<p style="color:#fff">入户调查</p> | |||||
</template> | |||||
</van-nav-bar> | |||||
</div> | |||||
<div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
<van-row> | |||||
<van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
</van-col> | |||||
</van-row> | |||||
</div> | |||||
</van-sticky> | |||||
<div style="margin:30px auto 0;width: 95%;"> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-bottom: 5px;">农民房屋</p> | |||||
</div> | |||||
<van-swipe-cell v-for="(item,index) in nmfwlist" :key="'nmfw'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;background:#fff;"> | |||||
<div style="padding:15px;"> | |||||
<p style="display: flex;align-items: center;"> | |||||
<img src="../../assets/images/housesteadSurvey/add03.png" alt="" style="margin-right: 5px;"> | |||||
<span style="line-height: 1;font-size: 16px;">{{item.xm}}</span> | |||||
</p> | |||||
<div style="display:flex;line-height:20px;margin-top: 15px;font-size: 14px;color: #999999;"> | |||||
<p style="flex:1;text-align:left;">农民房屋面积:</p> | |||||
<p style="flex:1;text-align:right;">{{item.nmfwmj}}</p> | |||||
</div> | |||||
<div style="display:flex;line-height:20px;margin-top: 5px;font-size: 14px;color: #999999;"> | |||||
<p style="flex:1;text-align:left;">农户代码:</p> | |||||
<p style="flex:1;text-align:right;">{{item.nhdm}}</p> | |||||
</div> | |||||
<div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | |||||
<p style="width:32%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnmfw(item)"> | |||||
<img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | |||||
<span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">详情</span> | |||||
</p> | |||||
</div> | |||||
</div> | |||||
<template #right> | |||||
<van-button square text="删除" type="danger" class="delete-button" @click="deletesyqr(item.id,index)"/> | |||||
</template> | |||||
</van-swipe-cell> | |||||
<div style=" width:95%;margin:20px auto;display: flex;justify-content: space-between;"> | |||||
<div style="width:49%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | |||||
<p style="font-size: 16px;" @click="showPopupAddnmfw()">+ 添加农民房屋</p> | |||||
</div> | |||||
</div> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
import MapGisDrawing from "@/components/Map/MapGisDrawing"; | |||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
import { Notify, Dialog, Toast } from 'vant'; | |||||
import axios from "axios"; | |||||
export default { | |||||
name: "nmfwList", | |||||
components: { MapGisDrawing,}, | |||||
data() { | |||||
return { | |||||
active:3, | |||||
// 使用权人列表 | |||||
zrzData:{}, | |||||
nmfwlist:[], | |||||
}; | |||||
}, | |||||
created(){ | |||||
this.zrzData = this.$route.query; | |||||
this.getList(); | |||||
}, | |||||
mounted(){ | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
listNmfw({nmfwzh:this.zrzData.nmfwzh}).then(response => { | |||||
this.nmfwlist = response.rows; | |||||
}); | |||||
}, | |||||
goBack(){ | |||||
if(this.ztMap && this.enterMap ==1){ | |||||
if(this.form.id == null){ | |||||
this.backMap.backMapZjdAData.theGeom= ""; | |||||
}else{ | |||||
this.backMap.backMapZjdAData = this.form; | |||||
} | |||||
this.$cookies.set("search",this.backMap); | |||||
} else { | |||||
this.$cookies.set("search",""); | |||||
} | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | |||||
}, | |||||
showPopupnmfw(val){ | |||||
this.$router.push({name:'nmfwAdd',query:val}); | |||||
}, | |||||
showPopupAddnmfw(){ | |||||
this.$router.push({name:'nmfwAdd',query:{nhdm:this.nmfwlist[0].nhdm,nmfwzh:this.nmfwlist[0].nmfwzh}}); | |||||
}, | |||||
showPopuphncy(val){ | |||||
this.$router.push({name:'nhcyAdd',query:val}); | |||||
}, | |||||
} | |||||
} | |||||
</script> | |||||
<style scoped> | |||||
>>> .bannerBg{ | |||||
width: 100%; | |||||
color:#fff; | |||||
padding:10px; | |||||
background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
} | |||||
>>> .van-hairline--bottom::after { | |||||
border-bottom-width: 0; | |||||
} | |||||
>>> .title:before | |||||
{ | |||||
content:""; | |||||
width: 6px; | |||||
height: 20PX; | |||||
background: #7ac943; | |||||
border-radius: 3px; | |||||
position:absolute; | |||||
left:0; | |||||
bottom:0; | |||||
} | |||||
>>> .delete-button { | |||||
height: 100%; | |||||
} | |||||
>>> .van-swipe-cell__wrapper{ | |||||
margin-right:-3px; | |||||
} | |||||
>>> .label-class .van-collapse-item__title--expanded{ | |||||
font-weight: bold; | |||||
} | |||||
</style> |
@@ -44,7 +44,7 @@ | |||||
</van-row> | </van-row> | ||||
</div> | </div> | ||||
</van-sticky> | </van-sticky> | ||||
<van-form @submit="submitzjd"> | |||||
<van-form ref = "form"> | |||||
<div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | ||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">使用权人信息</p> | <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">使用权人信息</p> | ||||
<!--<van-field | <!--<van-field | ||||
@@ -55,40 +55,58 @@ | |||||
:rules="[{ required: true, message: '' }]" | :rules="[{ required: true, message: '' }]" | ||||
/>--> | />--> | ||||
<van-field | <van-field | ||||
autocomplete="off" | |||||
v-model="form.nhdm" | |||||
name="农户代码" | |||||
readonly | |||||
clickable | |||||
label="农户代码" | label="农户代码" | ||||
placeholder="自动生成" | |||||
placeholder="请选择" | |||||
v-model="form.nhdm" | |||||
@click="shownhdm = true" | |||||
input-align="right" | input-align="right" | ||||
disabled | |||||
right-icon="arrow-down" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | /> | ||||
<van-popup v-model="shownhdm" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="nhdmDictionaries" | |||||
value-key="hzxm" | |||||
@confirm="onConfirmnhdm" | |||||
@cancel="shownhdm = false" | |||||
/> | |||||
</van-popup> | |||||
<van-field | <van-field | ||||
autocomplete="off" | |||||
v-model="form.zjddm" | v-model="form.zjddm" | ||||
name="宅基地代码" | |||||
label="宅基地代码" | label="宅基地代码" | ||||
placeholder="自动生成" | |||||
input-align="right" | input-align="right" | ||||
disabled | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | |||||
input-align="right" | |||||
readonly | |||||
clickable | |||||
label="农民房屋代码" | |||||
placeholder="请选择" | |||||
v-model="form.nmfwdm" | v-model="form.nmfwdm" | ||||
name="农民房屋代码" | |||||
label="宗地代码" | |||||
placeholder="自动生成" | |||||
disabled | |||||
@click="shownmfwdm = true" | |||||
input-align="right" | |||||
right-icon="arrow-down" | |||||
/> | /> | ||||
<van-popup v-model="shownmfwdm" position="bottom"> | |||||
<van-picker | |||||
show-toolbar | |||||
:columns="nmfwDictionaries" | |||||
value-key="nmfwdm" | |||||
@confirm="onConfirmnmfwdm" | |||||
@cancel="shownmfwdm = false" | |||||
/> | |||||
</van-popup> | |||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
input-align="right" | input-align="right" | ||||
v-model="form.bdcdyh" | v-model="form.bdcdyh" | ||||
name="不动产单元号" | name="不动产单元号" | ||||
label="不动产单元号" | label="不动产单元号" | ||||
placeholder="自动生成" | |||||
disabled | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
@@ -96,17 +114,15 @@ | |||||
v-model="form.bdcqzh" | v-model="form.bdcqzh" | ||||
name="不动产权证号" | name="不动产权证号" | ||||
label="不动产权证号" | label="不动产权证号" | ||||
placeholder="自动生成" | |||||
disabled | |||||
placeholder="不动产权证号" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
input-align="right" | input-align="right" | ||||
v-model="form.qzysxlh" | v-model="form.qzysxlh" | ||||
name="权证印刷序列号" | |||||
label="权证印刷序列号" | |||||
placeholder="自动生成" | |||||
disabled | |||||
name="权证印刷号" | |||||
label="权证印刷号" | |||||
placeholder="权证印刷序列号" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
@@ -114,375 +130,189 @@ | |||||
v-model="form.fzjg" | v-model="form.fzjg" | ||||
name="发证机关" | name="发证机关" | ||||
label="发证机关" | label="发证机关" | ||||
disabled | |||||
/> | /> | ||||
<van-field name="radio" label="是否发证" input-align="right" autocomplete="off"> | |||||
<template #input> | |||||
<van-radio-group v-model="form.sffz" direction="horizontal"> | |||||
<van-radio name="1">是</van-radio> | |||||
<van-radio name="0">否</van-radio> | |||||
</van-radio-group> | |||||
</template> | |||||
</van-field> | |||||
<van-field | <van-field | ||||
input-align="right" | input-align="right" | ||||
v-model="form.zjdzsh" | |||||
name="宅基地证书号" | |||||
label="宅基地证书号" | |||||
placeholder="宅基地证书号" | |||||
v-model="form.shyqrdbxm" | |||||
name="代表姓名" | |||||
label="代表姓名" | |||||
placeholder="请输入使用权人代表姓名" | |||||
maxlength="50" | maxlength="50" | ||||
autocomplete="off" | autocomplete="off" | ||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | /> | ||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.zjdpzmj" | |||||
name="批准面积(㎡)" | |||||
label="批准面积(㎡)" | |||||
placeholder="单位:平方米" | |||||
type="number" | |||||
maxlength="15" | |||||
<field-select | |||||
v-model="form.shyqrdbzjlx" | |||||
label="证件类型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请输入使用权人证件类型" | |||||
remote-url="/system/dict/data/type/zjlx" | |||||
:on-remote-response="'data'" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | |||||
input-align="right" | input-align="right" | ||||
v-model="form.zdmj" | |||||
type="number" | |||||
name="宗地面积(㎡)" | |||||
label="宗地面积(㎡)" | |||||
placeholder="宗地面积(㎡)" | |||||
maxlength="15" | |||||
/> | |||||
<van-field | |||||
v-model="form.shyqrdbzjhm" | |||||
name="证件号码" | |||||
label="证件号码" | |||||
placeholder="请输入使用权人证件号码" | |||||
maxlength="50" | |||||
autocomplete="off" | autocomplete="off" | ||||
input-align="right" | |||||
v-model="form.zl" | |||||
name="坐落" | |||||
label="坐落" | |||||
placeholder="坐落" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<field-select | |||||
v-model="form.xb" | |||||
label="性别" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择性别" | |||||
remote-url="/system/dict/data/type/sys_user_sex" | |||||
:on-remote-response="'data'" | |||||
:rules="[{ required: true }]" | |||||
required | required | ||||
:rules="[{ required: true, message: '坐落不能为空' }]" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | |||||
v-model="form.zldwdm" | |||||
name="坐落单位代码" | |||||
label="坐落单位代码" | |||||
placeholder="自动生成" | |||||
input-align="right" | input-align="right" | ||||
disabled | |||||
v-show="false" | |||||
v-model="form.dh" | |||||
name="联系电话" | |||||
label="联系电话" | |||||
placeholder="请输入联系电话" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<van-cell title="是否本集体经济组织成员" > | |||||
<template #right-icon> | |||||
<van-radio-group v-model="form.sfbncjtjjzzcy" direction="horizontal" > | |||||
<van-radio name="1">是</van-radio> | |||||
<van-radio name="0">否</van-radio> | |||||
</van-radio-group> | |||||
</template> | |||||
</van-cell> | |||||
<field-select | |||||
v-model="form.hklx" | |||||
label="户口类型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择性别" | |||||
remote-url="/system/dict/data/type/account_type" | |||||
:on-remote-response="'data'" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | |||||
input-align="right" | input-align="right" | ||||
v-model="form.zdszd" | |||||
name="宗地四至-东" | |||||
label="宗地四至-东" | |||||
placeholder="宗地四至-东" | |||||
maxlength="150" | |||||
v-model="form.dz" | |||||
name="地址" | |||||
label="地址" | |||||
placeholder="请输入地址" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<field-select | |||||
v-model="form.qlrlx" | |||||
label="权利人类型" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="选择权利人类型" | |||||
remote-url="/system/dict/data/type/obligee_type" | |||||
:on-remote-response="'data'" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<field-select | |||||
v-model="form.sshy" | |||||
label="所属行业" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择所属行业" | |||||
remote-url="/system/dict/data/type/gmjjhy" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.gj" | |||||
label="国家/地区" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择国家/地区" | |||||
remote-url="/system/dict/data/type/country_or_region" | |||||
:on-remote-response="'data'" | |||||
:rules="[{ required: true }]" | |||||
required | required | ||||
:rules="[{ required: true, message: '宗地四至-东不能为空' }]" | |||||
/> | |||||
<field-select | |||||
v-model="form.hjszss" | |||||
label="户籍所在省市" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择户籍所在省市" | |||||
remote-url="/system/dict/data/type/province_code" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.sfsyqrzjgy" | |||||
label="使用权人之间共有" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择使用权人之间共有" | |||||
remote-url="/system/dict/data/type/house_yes_no" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.gyfs" | |||||
label="共有方式" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择共有方式" | |||||
remote-url="/system/dict/data/type/common_mode" | |||||
:on-remote-response="'data'" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | autocomplete="off" | ||||
input-align="right" | input-align="right" | ||||
v-model="form.zdszn" | |||||
name="宗地四至-南" | |||||
label="宗地四至-南" | |||||
placeholder="宗地四至-南" | |||||
maxlength="150" | |||||
required | |||||
:rules="[{ required: true, message: '宗地四至-南不能为空' }]" | |||||
v-model="form.ftzdmj" | |||||
name="分摊宗地面积(㎡)" | |||||
label="分摊宗地面积(㎡)" | |||||
placeholder="单位:平方米" | |||||
type="number" | |||||
maxlength="15" | |||||
/> | /> | ||||
<van-cell title="持证人" > | |||||
<template #right-icon> | |||||
<van-radio-group v-model="form.sfczr" direction="horizontal" > | |||||
<van-radio name="1">是</van-radio> | |||||
<van-radio name="0">否</van-radio> | |||||
</van-radio-group> | |||||
</template> | |||||
</van-cell> | |||||
<van-field | <van-field | ||||
input-align="right" | input-align="right" | ||||
v-model="form.zdszx" | |||||
name="宗地四至-西" | |||||
label="宗地四至-西" | |||||
placeholder="宗地四至-西" | |||||
maxlength="150" | |||||
required | |||||
:rules="[{ required: true, message: '宗地四至-西不能为空' }]" | |||||
v-model="form.qlbl" | |||||
name="权利比例(%)" | |||||
label="权利比例(%)" | |||||
placeholder="请输入权利比例(%)" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | /> | ||||
<van-field | <van-field | ||||
autocomplete="off" | |||||
input-align="right" | input-align="right" | ||||
v-model="form.zdszb" | |||||
name="宗地四至-北" | |||||
label="宗地四至-北" | |||||
placeholder="宗地四至-北" | |||||
maxlength="150" | |||||
required | |||||
:rules="[{ required: true, message: '宗地四至-北不能为空' }]" | |||||
v-model="form.bz" | |||||
name="备注" | |||||
label="备注" | |||||
placeholder="请输入备注" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | /> | ||||
<!-- <van-collapse v-model="activeZjd">--> | |||||
<!-- <van-collapse-item title="利用状况" name="1" class="label-class">--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.lyzkName"--> | |||||
<!-- name="当前利用状况"--> | |||||
<!-- label="当前利用状况"--> | |||||
<!-- placeholder="当前利用状况"--> | |||||
<!-- readonly--> | |||||
<!-- @click="showlyzk = true"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- v-model="form.lyzk"--> | |||||
<!-- style="display:none"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.zjdxzyy"--> | |||||
<!-- name="闲置原因"--> | |||||
<!-- label="闲置原因"--> | |||||
<!-- placeholder="宅基地闲置原因"--> | |||||
<!-- maxlength="200"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.xzkssj"--> | |||||
<!-- name="闲置开始时间"--> | |||||
<!-- label="闲置开始时间"--> | |||||
<!-- placeholder="闲置开始时间"--> | |||||
<!-- readonly--> | |||||
<!-- @click="showPickerxzkssj = true"--> | |||||
<!-- />--> | |||||
<!-- <van-popup v-model:show="showPickerxzkssj" position="bottom">--> | |||||
<!-- <van-datetime-picker--> | |||||
<!-- type="date"--> | |||||
<!-- @confirm="onConfirmxzkssj"--> | |||||
<!-- @cancel="showPickerxzkssj = false"--> | |||||
<!-- :min-date="minDate"--> | |||||
<!-- :max-date="maxDate"--> | |||||
<!-- />--> | |||||
<!-- </van-popup>--> | |||||
<!-- <van-field name="radio" label="流转意向" input-align="right" autocomplete="off">--> | |||||
<!-- <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="有偿退出意向" input-align="right" autocomplete="off">--> | |||||
<!-- <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-collapse-item>--> | |||||
<!-- <van-collapse-item title="其他信息" name="2" class="label-class">--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.djName"--> | |||||
<!-- name="等级"--> | |||||
<!-- label="等级"--> | |||||
<!-- placeholder="等级"--> | |||||
<!-- @click="showdj = true"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- v-model="form.dj"--> | |||||
<!-- style="display:none"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.jg"--> | |||||
<!-- name="价格(万元)"--> | |||||
<!-- label="价格(万元)"--> | |||||
<!-- placeholder="价格(万元)"--> | |||||
<!-- maxlength="15"--> | |||||
<!-- type="number"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.ytmc"--> | |||||
<!-- name="用途"--> | |||||
<!-- label="用途"--> | |||||
<!-- placeholder="用途"--> | |||||
<!-- readonly--> | |||||
<!-- @click="showyt = true"--> | |||||
<!-- required--> | |||||
<!-- :rules="[{ required: true, message: '用途不能为空' }]"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- v-model="form.yt"--> | |||||
<!-- style="display:none"--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.qllxName"--> | |||||
<!-- name="权利类型"--> | |||||
<!-- label="权利类型"--> | |||||
<!-- placeholder="权利类型"--> | |||||
<!-- readonly--> | |||||
<!-- @click="showqllx = true"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- v-model="form.qllx"--> | |||||
<!-- style="display:none"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.qlxzName"--> | |||||
<!-- name="权利性质"--> | |||||
<!-- label="权利性质"--> | |||||
<!-- placeholder="权利性质"--> | |||||
<!-- readonly--> | |||||
<!-- @click="showqlxz = true"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- v-model="form.qlxz"--> | |||||
<!-- style="display:none"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.qlsdfsName"--> | |||||
<!-- name="权利设定方式"--> | |||||
<!-- label="权利设定方式"--> | |||||
<!-- placeholder="权利设定方式"--> | |||||
<!-- readonly--> | |||||
<!-- @click="showqlsdfs = true"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- v-model="form.qlsdfs"--> | |||||
<!-- style="display:none"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.rjl"--> | |||||
<!-- name="容积率"--> | |||||
<!-- label="容积率"--> | |||||
<!-- placeholder="容积率"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.jzmd"--> | |||||
<!-- name="validator"--> | |||||
<!-- label="建筑密度"--> | |||||
<!-- placeholder="填写0~1小数"--> | |||||
<!-- :rules="[{ validator, message: '请填写0~1小数,保留两位小数' }]"--> | |||||
<!-- type="number"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.jzxg"--> | |||||
<!-- name="建筑限高(m)"--> | |||||
<!-- label="建筑限高(m)"--> | |||||
<!-- placeholder="填写000.00~999.99小数"--> | |||||
<!-- :rules="[{ validator:validator1, message: '请填写000.00~999.99小数,保留两位小数' }]"--> | |||||
<!-- type="number"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.zdt"--> | |||||
<!-- name="宗地图"--> | |||||
<!-- label="宗地图"--> | |||||
<!-- placeholder="宗地图"--> | |||||
<!-- maxlength="200"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.tfh"--> | |||||
<!-- name="图幅号"--> | |||||
<!-- label="图幅号"--> | |||||
<!-- placeholder="图幅号"--> | |||||
<!-- maxlength="50"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.djh"--> | |||||
<!-- name="地籍号"--> | |||||
<!-- label="地籍号"--> | |||||
<!-- placeholder="自动生成"--> | |||||
<!-- disabled--> | |||||
<!-- v-show="false"--> | |||||
<!-- />--> | |||||
<!-- <van-field name="radio" label="被惩处经历" input-align="right" autocomplete="off">--> | |||||
<!-- <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--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- v-if="form.bccjl==1"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.bccbz"--> | |||||
<!-- name="被惩处备注"--> | |||||
<!-- label="被惩处备注"--> | |||||
<!-- placeholder="被惩处备注"--> | |||||
<!-- maxlength="200"--> | |||||
<!-- />--> | |||||
<!-- <van-field name="radio" label="宅基地取得方式" input-align="right" autocomplete="off">--> | |||||
<!-- <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-collapse-item>--> | |||||
<!-- </van-collapse>--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- v-model="form.sjlyName"--> | |||||
<!-- name="数据来源"--> | |||||
<!-- label="数据来源"--> | |||||
<!-- placeholder="数据来源"--> | |||||
<!-- input-align="right"--> | |||||
<!-- readonly--> | |||||
<!-- @click="showsjly = true"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- v-model="form.sjly"--> | |||||
<!-- style="display:none"--> | |||||
<!-- />--> | |||||
<!-- <van-field--> | |||||
<!-- autocomplete="off"--> | |||||
<!-- input-align="right"--> | |||||
<!-- v-model="form.bz"--> | |||||
<!-- name="备注"--> | |||||
<!-- label="备注"--> | |||||
<!-- placeholder="备注"--> | |||||
<!-- maxlength="200"--> | |||||
<!-- />--> | |||||
<!-- <van-field name="uploader" label="现场照片" autocomplete="off">--> | |||||
<!-- <template #input>--> | |||||
<!-- <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="20" accept="image/*"></van-uploader>--> | |||||
<!-- </template>--> | |||||
<!-- </van-field>--> | |||||
<van-dialog v-model="mapShow" show-cancel-button> | |||||
<MapGisObtainTc ref="zjdProductResh" :shqrxm="hzxm" :landStatus="landStatus" :deptId="deptId" @closeMoule="closeMoule"></MapGisObtainTc> | |||||
</van-dialog> | |||||
</div> | </div> | ||||
<div style="margin: 16px;display: flex;justify-content: space-around;"> | <div style="margin: 16px;display: flex;justify-content: space-around;"> | ||||
<van-button round color="#22B7F2" style="width:45%" native-type="submit">保存</van-button> | |||||
<van-button plain color="#22B7F2" round type="info" style="width:45%" native-type="submit">取消</van-button> | |||||
<van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
<van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
</div> | </div> | ||||
<div style="height: 50px;"></div> | <div style="height: 50px;"></div> | ||||
</van-form> | </van-form> | ||||
@@ -492,6 +322,9 @@ | |||||
<script> | <script> | ||||
import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | ||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | ||||
import FieldSelect from "@/components/form/FieldSelect"; | |||||
import FieldRadio from "@/components/form/FieldRadio"; | |||||
import MapGisObtainTc from "@/components/Map/MapGisObtainTc"; | |||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | ||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | ||||
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | ||||
@@ -504,6 +337,7 @@ import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
import { Notify, Dialog, Toast } from 'vant'; | import { Notify, Dialog, Toast } from 'vant'; | ||||
import axios from "axios"; | import axios from "axios"; | ||||
export default { | export default { | ||||
components: {FieldSelect, FieldRadio,MapGisObtainTc}, | |||||
name: "shyqrAdd", | name: "shyqrAdd", | ||||
data() { | data() { | ||||
return { | return { | ||||
@@ -516,37 +350,106 @@ export default { | |||||
nhdm :'777888999', | nhdm :'777888999', | ||||
} | } | ||||
], | ], | ||||
shownhdm:false, | |||||
shownmfwdm:false, | |||||
hzxm:null, | |||||
landStatus:"1", | |||||
deptId:this.$cookies.get("item").deptId, | |||||
nhdmDictionaries:[], | |||||
nmfwDictionaries:[], | |||||
mapShow: false, | |||||
form:{} | form:{} | ||||
}; | }; | ||||
}, | }, | ||||
created(){ | created(){ | ||||
let data = this.$route.query.res; | |||||
this.form = JSON.parse(localStorage.getItem("zjdzdxxItem")); | |||||
console.info(this.form); | |||||
this.onSubmitzjd(); | |||||
let data = this.$route.query; | |||||
this.zjdzdxx = JSON.parse(localStorage.getItem("zjdzdxxItem")); | |||||
this.form = data; | |||||
if(this.form.id == null){ | |||||
this.$set(this.form, 'shyqrdbzjlx', "01"); | |||||
this.$set(this.form, 'xb', "1"); | |||||
this.$set(this.form, 'sfbncjtjjzzcy', "1"); | |||||
this.$set(this.form, 'hklx', "01"); | |||||
this.$set(this.form, 'qlrlx', "10"); | |||||
this.$set(this.form, 'sshy', "A"); | |||||
this.$set(this.form, 'gj', "1"); | |||||
this.$set(this.form, 'hjszss', "110000"); | |||||
this.$set(this.form, 'sfsyqrzjgy', "1"); | |||||
this.$set(this.form, 'gyfs', "1"); | |||||
this.$set(this.form, 'sfczr', "1"); | |||||
} | |||||
this.$set(this.form, 'zjddm', this.zjdzdxx.zjddm); | |||||
listZjdzd({zjddm:this.zjdzdxx.zjddm}).then(response => { | |||||
this.form.bdcdyh = response.rows[0].bdcdyh; | |||||
}); | |||||
listNmfw({zjddm:this.zjdzdxx.zjddm}).then(response => { | |||||
this.nmfwDictionaries = response.rows; | |||||
}); | |||||
this.getList(); | |||||
}, | }, | ||||
mounted(){ | mounted(){ | ||||
}, | }, | ||||
methods: { | methods: { | ||||
onSubmitzjd(){ | |||||
setTimeout(() => { | |||||
this.$refs.zjdProductResh.drawingPaceCountryDarw(); | |||||
}, 500); | |||||
getList(){ | |||||
listNh({}).then(response => { | |||||
this.nhdmDictionaries = response.rows; | |||||
}); | |||||
}, | }, | ||||
submitzjd(){ | submitzjd(){ | ||||
updateZjdzd(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
this.$refs.form.validate().then(() => { | |||||
if(this.form.id == null){ | |||||
addShyqr(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
}else{ | |||||
updateShyqr(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
} | |||||
}).catch((e) => { | |||||
Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
}); | }); | ||||
}, | }, | ||||
mapLook(){ | |||||
this.mapShow = true; | |||||
setTimeout(() => { | |||||
this.$refs.zjdProductResh.drawingLyPaceCountryDarw(); | |||||
},1000); | |||||
}, | |||||
/** 查找地图中宅基地 */ | |||||
closeMoule: function (data) { | |||||
this.form.zjddm = data; | |||||
}, | |||||
cancel(){ | |||||
this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: this.form.zjddm}}); | |||||
}, | |||||
onConfirmnhdm(val){ | |||||
this.form.nhdm = val.nhdm; | |||||
this.hzxm = val.hzxm; | |||||
this.shownhdm =false; | |||||
}, | |||||
onConfirmnmfwdm(val){ | |||||
this.form.nmfwdm = val.nmfwdm; | |||||
this.shownmfwdm = false; | |||||
}, | |||||
guidProduct(){ | guidProduct(){ | ||||
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | ||||
var r = Math.random() * 16 | 0, | var r = Math.random() * 16 | 0, | ||||
@@ -569,7 +472,7 @@ export default { | |||||
} else { | } else { | ||||
this.$cookies.set("search",""); | this.$cookies.set("search",""); | ||||
} | } | ||||
this.$router.push({name:'homesteadList'}); | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | // } | ||||
}, | }, | ||||
} | } | ||||
@@ -0,0 +1,423 @@ | |||||
<template> | |||||
<div class="app-container"> | |||||
<van-sticky style="position:relative;"> | |||||
<div class="bannerBg"> | |||||
<van-nav-bar | |||||
style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
@click-left="goBack()" | |||||
> | |||||
<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="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
<van-row> | |||||
<van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
</van-col> | |||||
<van-col span="2"> | |||||
<div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
</van-col> | |||||
<van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
<van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
<p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
</van-col> | |||||
</van-row> | |||||
</div> | |||||
</van-sticky> | |||||
<van-form ref = "form"> | |||||
<div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | |||||
<p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">自然幢信息</p> | |||||
<!--<van-field | |||||
v-model="form.deptId" | |||||
name="行政区划名称" | |||||
label="行政区划名称" | |||||
placeholder="行政区划名称" | |||||
:rules="[{ required: true, message: '' }]" | |||||
/>--> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.zjddm" | |||||
name="宅基地代码" | |||||
label="宅基地代码" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.nmfwzh" | |||||
name="农民房屋幢号" | |||||
label="农民房屋幢号" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
placeholder="自动生成" | |||||
disabled | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.zrzh" | |||||
name="自然幢号" | |||||
label="自然幢号" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<van-field | |||||
autocomplete="off" | |||||
input-align="right" | |||||
v-model="form.jgrq" | |||||
name="竣工日期" | |||||
label="竣工日期" | |||||
placeholder="竣工日期" | |||||
readonly | |||||
@click="showZgqrzrq = true" | |||||
/> | |||||
<van-popup v-model:show="showZgqrzrq" position="bottom"> | |||||
<van-datetime-picker | |||||
type="date" | |||||
@confirm="onConfirmZgqrzrq" | |||||
@cancel="showZgqrzrq = false" | |||||
:min-date="minDate" | |||||
:max-date="maxDate" | |||||
/> | |||||
</van-popup> | |||||
<van-field | |||||
v-model="form.jzwgd" | |||||
label="建筑物高度(m)" | |||||
placeholder="请输入建筑物高度" | |||||
input-align="right" | |||||
label-width="auto" | |||||
type="number"/> | |||||
<van-field | |||||
v-model="form.zzdmj" | |||||
label="幢占地面积(m²)" | |||||
placeholder="请输入幢占地面积" | |||||
input-align="right" | |||||
label-width="auto" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
type="number"/> | |||||
<van-field | |||||
v-model="form.scjzmj" | |||||
label="实测建筑面积(m²)" | |||||
placeholder="请输入实测建筑面积" | |||||
input-align="right" | |||||
label-width="auto" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
type="number"/> | |||||
<van-field | |||||
v-model="form.zcs" | |||||
label="总层数" | |||||
placeholder="请输入总层数" | |||||
input-align="right" | |||||
label-width="auto" | |||||
type="number"/> | |||||
<van-field | |||||
v-model="form.dscs" | |||||
label="地上层数" | |||||
placeholder="请输入地上层数" | |||||
input-align="right" | |||||
label-width="auto" | |||||
type="number"/> | |||||
<van-field | |||||
v-model="form.dxcs" | |||||
label="地下层数" | |||||
placeholder="请输入地下层数" | |||||
input-align="right" | |||||
label-width="auto" | |||||
type="number"/> | |||||
<field-select | |||||
v-model="form.fwjg" | |||||
label="房屋结构" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择房屋结构" | |||||
:rules="[{ required: true }]" | |||||
required | |||||
remote-url="/system/dict/data/type/housing_structure" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<field-select | |||||
v-model="form.sjly" | |||||
label="数据来源" | |||||
value-key="dictLabel" | |||||
data-key="dictValue" | |||||
placeholder="请选择数据来源" | |||||
remote-url="/system/dict/data/type/sjly" | |||||
:on-remote-response="'data'" | |||||
/> | |||||
<van-field | |||||
input-align="right" | |||||
v-model="form.bz" | |||||
name="备注" | |||||
label="备注" | |||||
maxlength="50" | |||||
autocomplete="off" | |||||
/> | |||||
<common-map ref="pointDarwMap" style="height:200px;" | |||||
:allowDraw="true" | |||||
@drawReseted="onMapDrawReseted" | |||||
@drawFinished="onMapDrawFinished" | |||||
> | |||||
</common-map> | |||||
</div> | |||||
<div style="margin: 16px;display: flex;justify-content: space-around;"> | |||||
<van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
<van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
</div> | |||||
<div style="height: 50px;"></div> | |||||
</van-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | |||||
import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
import FieldSelect from "@/components/form/FieldSelect"; | |||||
import FieldRadio from "@/components/form/FieldRadio"; | |||||
import CommonMap from "@/components/house/CommonMap"; | |||||
import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
import { Notify, Dialog, Toast } from 'vant'; | |||||
import axios from "axios"; | |||||
export default { | |||||
components: {FieldSelect, FieldRadio,CommonMap}, | |||||
name: "zrzAdd", | |||||
data() { | |||||
return { | |||||
active:3, | |||||
// 使用权人列表 | |||||
syqrlist:[ | |||||
{ | |||||
shyqrdbxm :'测试测试', | |||||
shyqrdbzjhm :'12324648564', | |||||
nhdm :'777888999', | |||||
} | |||||
], | |||||
// 地图绘制 | |||||
drawInsert: null, | |||||
// 当前位置信息 | |||||
tGeoOrganizationLat: null, | |||||
tGeoOrganizationLng: null, | |||||
minDate: new Date(), | |||||
maxDate: new Date(2025, 10, 1), | |||||
showZgqrzrq:false, | |||||
form:{} | |||||
}; | |||||
}, | |||||
created(){ | |||||
let data = this.$route.query; | |||||
console.info(data) | |||||
this.form = data; | |||||
if(this.form.shyqrdbzjhm != null){ | |||||
this.getList(); | |||||
} | |||||
this.$nextTick(() => { | |||||
this.pointDarw(null); | |||||
// this.pointDarwNature(null); | |||||
this.$refs.pointDarwMap && this.$refs.pointDarwMap.update(); | |||||
}) | |||||
}, | |||||
mounted(){ | |||||
}, | |||||
methods: { | |||||
getList(){ | |||||
listNh({hzzjhm:this.form.shyqrdbzjhm}).then(response => { | |||||
this.form = response.rows[0]; | |||||
}); | |||||
}, | |||||
submitzjd(){ | |||||
this.$refs.form.validate().then(() => { | |||||
if(this.form.id == null){ | |||||
addZrz(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
}else{ | |||||
updateZrz(this.form).then(response => { | |||||
let _this =this | |||||
this.$toast({ | |||||
icon: 'success', // 找到自己需要的图标 | |||||
message: '保存成功', | |||||
duration:"1000", | |||||
onClose:function(){ | |||||
_this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: _this.form.zjddm}}); | |||||
} | |||||
}) | |||||
}); | |||||
} | |||||
}).catch((e) => { | |||||
Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
}); | |||||
}, | |||||
// 绘制申请地图 | |||||
pointDarw(data) { | |||||
this.$nextTick(() => { | |||||
let map = this.$refs.pointDarwMap; | |||||
if(data === null) | |||||
data = this.form.theGeomJson; | |||||
this.setMapData(map, data); | |||||
}); | |||||
}, | |||||
// 通用设置地图数据函数 | |||||
setMapData(map, data) { | |||||
//console.log(map, data ? true : false); | |||||
if(!map) return; | |||||
if(data) | |||||
{ | |||||
map.setLayer('pointDarwLayer', data); | |||||
} | |||||
else { | |||||
this.getLandCoord((lng, lat) => { | |||||
map.setCoord(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
}); | |||||
} | |||||
}, | |||||
// 当地图绘制完成时 | |||||
onMapDrawFinished(data) { | |||||
console.info(data); | |||||
this.drawInsert = data; | |||||
this.form.theGeomJson = JSON.stringify(this.drawInsert); | |||||
}, | |||||
// 当申请地图被重置时 | |||||
onMapDrawReseted() { | |||||
this.drawInsert = null; | |||||
if(this.form.theGeomJson) | |||||
{ | |||||
let lastData = JSON.parse(this.form.theGeomJson); | |||||
if(lastData.hasOwnProperty('coordinates')) // 从后台获取的 | |||||
this.drawInsert = lastData.coordinates; | |||||
} | |||||
}, | |||||
cancel(){ | |||||
this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: this.form.zjddm}}); | |||||
}, | |||||
// 获取登录人位置坐标 | |||||
getLandCoord(func) { | |||||
if (func | |||||
&& this.tGeoOrganizationLng !== null && this.tGeoOrganizationLng !== '' | |||||
&& this.tGeoOrganizationLat !== null && this.tGeoOrganizationLat !== '') { | |||||
this.$nextTick(() => { | |||||
func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
}) | |||||
} | |||||
else { | |||||
console.info(this.deptId); | |||||
getQueryLand(this.deptId).then((response) => { | |||||
if (response.code == 200) { | |||||
let InsertCode = response.data; | |||||
this.form.orgCode = InsertCode.orgCode; | |||||
this.tGeoOrganizationLat = InsertCode.lat; | |||||
this.tGeoOrganizationLng = InsertCode.lng; | |||||
if(func) | |||||
{ | |||||
func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
} | |||||
} | |||||
}); | |||||
} | |||||
}, | |||||
guidProduct(){ | |||||
return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
var r = Math.random() * 16 | 0, | |||||
v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
return v.toString(16); | |||||
}); | |||||
}, | |||||
/** 查找地图中定位点 */ | |||||
MapTag: function (data) { | |||||
this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||||
}, | |||||
onConfirmZgqrzrq(data){ | |||||
this.form.jgrq = this.getNowFormatDate(data).substr(0,10); | |||||
this.showZgqrzrq = false; | |||||
}, | |||||
goBack(){ | |||||
if(this.ztMap && this.enterMap ==1){ | |||||
if(this.form.id == null){ | |||||
this.backMap.backMapZjdAData.theGeom= ""; | |||||
}else{ | |||||
this.backMap.backMapZjdAData = this.form; | |||||
} | |||||
this.$cookies.set("search",this.backMap); | |||||
} else { | |||||
this.$cookies.set("search",""); | |||||
} | |||||
this.$router.push({name: this.$router.back(-1)}); | |||||
// } | |||||
}, | |||||
} | |||||
} | |||||
</script> | |||||
<style scoped> | |||||
>>> .bannerBg{ | |||||
width: 100%; | |||||
color:#fff; | |||||
padding:10px; | |||||
background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
} | |||||
>>> .van-hairline--bottom::after { | |||||
border-bottom-width: 0; | |||||
} | |||||
>>> .title:before | |||||
{ | |||||
content:""; | |||||
width: 6px; | |||||
height: 20PX; | |||||
background: #7ac943; | |||||
border-radius: 3px; | |||||
position:absolute; | |||||
left:0; | |||||
bottom:0; | |||||
} | |||||
>>> .delete-button { | |||||
height: 100%; | |||||
} | |||||
>>> .van-swipe-cell__wrapper{ | |||||
margin-right:-3px; | |||||
} | |||||
>>> .label-class .van-collapse-item__title--expanded{ | |||||
font-weight: bold; | |||||
} | |||||
</style> |