| @@ -21,7 +21,7 @@ export function exportFsss(query) { | |||
| // 查询数据调查-附属设施详细 | |||
| export function getFsss(id) { | |||
| return request({ | |||
| url: '/houseSurvey/fsss/get/' + id, | |||
| url: '/home/homesteadfsss/get/' + id, | |||
| method: 'get' | |||
| }) | |||
| } | |||
| @@ -29,7 +29,7 @@ export function getFsss(id) { | |||
| // 新增数据调查-附属设施 | |||
| export function addFsss(data) { | |||
| return request({ | |||
| url: '/houseSurvey/fsss/add', | |||
| url: '/home/homesteadfsss/add', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -38,7 +38,7 @@ export function addFsss(data) { | |||
| // 修改数据调查-附属设施 | |||
| export function updateFsss(data) { | |||
| return request({ | |||
| url: '/houseSurvey/fsss/edit', | |||
| url: '/home/homesteadfsss/edit', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -37,7 +37,7 @@ export function getNhByNhdm(nhdm) { | |||
| // 新增数据调查-户主信息 | |||
| export function addNh(data) { | |||
| return request({ | |||
| url: '/home/homesteadnhhncy/add', | |||
| url: '/home/homesteadnh/add', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -55,7 +55,7 @@ export function nhConnectTask(data) { | |||
| // 修改数据调查-户主信息 | |||
| export function updateNh(data) { | |||
| return request({ | |||
| url: '/home/homesteadnhhncy/edit', | |||
| url: '/home/homesteadnh/edit', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -3,7 +3,7 @@ import request from '@/utils/request' | |||
| // 查询数据调查-农民房屋列表 | |||
| export function listNmfw(query) { | |||
| return request({ | |||
| url: '/houseSurvey/nmfw/list', | |||
| url: '/home/homesteadnmfw/list', | |||
| method: 'get', | |||
| params: query | |||
| }) | |||
| @@ -12,7 +12,7 @@ export function listNmfw(query) { | |||
| // 导出数据调查-农民房屋 | |||
| export function exportNmfw(query) { | |||
| return request({ | |||
| url: '/houseSurvey/nmfw/export', | |||
| url: '/home/homesteadnmfw/export', | |||
| method: 'get', | |||
| params: query | |||
| }) | |||
| @@ -21,7 +21,7 @@ export function exportNmfw(query) { | |||
| // 查询数据调查-农民房屋详细 | |||
| export function getNmfw(id) { | |||
| return request({ | |||
| url: '/houseSurvey/nmfw/get/' + id, | |||
| url: '/home/homesteadnmfw/get/' + id, | |||
| method: 'get' | |||
| }) | |||
| } | |||
| @@ -29,7 +29,7 @@ export function getNmfw(id) { | |||
| // 新增数据调查-农民房屋 | |||
| export function addNmfw(data) { | |||
| return request({ | |||
| url: '/houseSurvey/nmfw/add', | |||
| url: '/home/homesteadnmfw/add', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -38,7 +38,7 @@ export function addNmfw(data) { | |||
| // 新增数据调查-户主信息 | |||
| export function nmfwConnectTask(data) { | |||
| return request({ | |||
| url: '/houseSurvey/nmfw/connectTask', | |||
| url: '/home/homesteadnmfw/connectTask', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -47,7 +47,7 @@ export function nmfwConnectTask(data) { | |||
| // 修改数据调查-农民房屋 | |||
| export function updateNmfw(data) { | |||
| return request({ | |||
| url: '/houseSurvey/nmfw/edit', | |||
| url: '/home/homesteadnmfw/edit', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -56,7 +56,7 @@ export function updateNmfw(data) { | |||
| // 删除数据调查-农民房屋 | |||
| export function delNmfw(id) { | |||
| return request({ | |||
| url: '/houseSurvey/nmfw/remove/' + id, | |||
| url: '/home/homesteadnmfw/remove/' + id, | |||
| method: 'get' | |||
| }) | |||
| } | |||
| @@ -49,7 +49,7 @@ export function getShyqr(id) { | |||
| // 新增数据调查-使用权人 | |||
| export function addShyqr(data) { | |||
| return request({ | |||
| url: '/houseSurvey/shyqr/add', | |||
| url: '/home/homesteadshyqr/add', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -58,7 +58,7 @@ export function addShyqr(data) { | |||
| // 修改数据调查-使用权人 | |||
| export function updateShyqr(data) { | |||
| return request({ | |||
| url: '/houseSurvey/shyqr/edit', | |||
| url: '/home/homesteadshyqr/edit', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -29,7 +29,7 @@ export function getSuyqr(id) { | |||
| // 新增数据调查-所有权利人 | |||
| export function addSuyqr(data) { | |||
| return request({ | |||
| url: '/houseSurvey/suyqr/add', | |||
| url: '/home/homesteadsuyqr/add', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -47,7 +47,7 @@ export function suyqrConnectTask(data) { | |||
| // 修改数据调查-所有权利人 | |||
| export function updateSuyqr(data) { | |||
| return request({ | |||
| url: '/houseSurvey/suyqr/edit', | |||
| url: '/home/homesteadsuyqr/edit', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -22,6 +22,14 @@ export function listZjdzd(query) { | |||
| params: query | |||
| }) | |||
| } | |||
| // 查询数据调查-签字确认 | |||
| export function zjddcSign(data,zjddm) { | |||
| return request({ | |||
| url: '/home/homesteadzjdzdxx/zjddc/sign/'+zjddm, | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| } | |||
| // 导出数据调查-宅基地宗地 | |||
| export function exportZjdzd(query) { | |||
| return request({ | |||
| @@ -21,7 +21,7 @@ export function exportZrz(query) { | |||
| // 查询数据调查-自然幢详细 | |||
| export function getZrz(id) { | |||
| return request({ | |||
| url: '/houseSurvey/zrz/get/' + id, | |||
| url: '/home/homespacezrz/get/' + id, | |||
| method: 'get' | |||
| }) | |||
| } | |||
| @@ -29,7 +29,7 @@ export function getZrz(id) { | |||
| // 新增数据调查-自然幢 | |||
| export function addZrz(data) { | |||
| return request({ | |||
| url: '/houseSurvey/zrz/add', | |||
| url: '/home/homespacezrz/add', | |||
| method: 'post', | |||
| data: data | |||
| }) | |||
| @@ -38,7 +38,7 @@ export function addZrz(data) { | |||
| // 修改数据调查-自然幢 | |||
| export function updateZrz(data) { | |||
| return request({ | |||
| url: '/houseSurvey/zrz/edit', | |||
| url: '/home/homespacezrz/edit', | |||
| method: 'post', | |||
| 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) | |||
| }, | |||
| { | |||
| 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', | |||
| name: 'homesteadSettle', | |||
| @@ -44,9 +44,9 @@ | |||
| </van-row> | |||
| </div> | |||
| </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;"> | |||
| <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 | |||
| v-model="form.deptId" | |||
| name="行政区划名称" | |||
| @@ -66,12 +66,14 @@ | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="form.zjddm" | |||
| name="宅基地代码" | |||
| label="宅基地代码" | |||
| placeholder="自动生成" | |||
| v-model="form.zldwdm" | |||
| name="坐落单位代码" | |||
| label="坐落单位代码" | |||
| placeholder="坐落单位代码" | |||
| input-align="right" | |||
| disabled | |||
| v-show="false" | |||
| required | |||
| :rules="[{ required: true}]" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| @@ -80,36 +82,24 @@ | |||
| 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.sffz" direction="horizontal"> | |||
| <van-radio name="1">是</van-radio> | |||
| <van-radio name="0">否</van-radio> | |||
| </van-radio-group> | |||
| </template> | |||
| </van-field> | |||
| <van-field | |||
| input-align="right" | |||
| v-model="form.zjdzsh" | |||
| name="宅基地证书号" | |||
| label="宅基地证书号" | |||
| placeholder="宅基地证书号" | |||
| maxlength="50" | |||
| autocomplete="off" | |||
| input-align="right" | |||
| v-model="form.bdcdyh" | |||
| name="不动产单元号" | |||
| label="不动产单元号" | |||
| placeholder="不动产单元号" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| 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 | |||
| autocomplete="off" | |||
| @@ -120,28 +110,86 @@ | |||
| label="宗地面积(㎡)" | |||
| placeholder="宗地面积(㎡)" | |||
| 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 | |||
| autocomplete="off" | |||
| 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 | |||
| autocomplete="off" | |||
| v-model="form.zldwdm" | |||
| name="坐落单位代码" | |||
| label="坐落单位代码" | |||
| placeholder="自动生成" | |||
| 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 | |||
| autocomplete="off" | |||
| input-align="right" | |||
| @@ -151,7 +199,7 @@ | |||
| placeholder="宗地四至-东" | |||
| maxlength="150" | |||
| required | |||
| :rules="[{ required: true, message: '宗地四至-东不能为空' }]" | |||
| :rules="[{ required: true, message: '' }]" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| @@ -162,7 +210,7 @@ | |||
| placeholder="宗地四至-南" | |||
| maxlength="150" | |||
| required | |||
| :rules="[{ required: true, message: '宗地四至-南不能为空' }]" | |||
| :rules="[{ required: true, message: '' }]" | |||
| /> | |||
| <van-field | |||
| input-align="right" | |||
| @@ -172,7 +220,7 @@ | |||
| placeholder="宗地四至-西" | |||
| maxlength="150" | |||
| required | |||
| :rules="[{ required: true, message: '宗地四至-西不能为空' }]" | |||
| :rules="[{ required: true, message: '' }]" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| @@ -183,7 +231,236 @@ | |||
| placeholder="宗地四至-北" | |||
| maxlength="150" | |||
| 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-item title="利用状况" name="1" class="label-class">--> | |||
| @@ -450,8 +727,7 @@ | |||
| <MapGisDrawing ref="zjdProductResh" :message="form.theGeomJson" :zjddm="form.zjddm" ></MapGisDrawing> | |||
| </div> | |||
| <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 style="height: 50px;"></div> | |||
| </van-form> | |||
| @@ -461,6 +737,8 @@ | |||
| <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 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"; | |||
| @@ -475,7 +753,7 @@ import { Notify, Dialog, Toast } from 'vant'; | |||
| import axios from "axios"; | |||
| export default { | |||
| name: "homesteadAdd", | |||
| components: { MapGisDrawing,}, | |||
| components: { MapGisDrawing,FieldSelect, FieldRadio}, | |||
| data() { | |||
| return { | |||
| active:1, | |||
| @@ -487,13 +765,31 @@ export default { | |||
| nhdm :'777888999', | |||
| } | |||
| ], | |||
| showZjdqdsj:false, | |||
| showCzmj:false, | |||
| showFzxx:false, | |||
| showWbzyy:false, | |||
| showXzyy:false, | |||
| showXzqssj:false, | |||
| minDate: new Date(), | |||
| maxDate: new Date(2025, 10, 1), | |||
| form:{} | |||
| }; | |||
| }, | |||
| created(){ | |||
| let data = this.$route.query.res; | |||
| 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(); | |||
| }, | |||
| mounted(){ | |||
| @@ -506,17 +802,22 @@ export default { | |||
| }, 500); | |||
| }, | |||
| 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(){ | |||
| return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||
| @@ -529,6 +830,40 @@ export default { | |||
| MapTag: function (data) { | |||
| 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(){ | |||
| if(this.ztMap && this.enterMap ==1){ | |||
| if(this.form.id == null){ | |||
| @@ -540,7 +875,7 @@ export default { | |||
| } else { | |||
| 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> | |||
| </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;"> | |||
| <p style="font-size: 16px;" @click="showPopupnh('')">+ 添加农户信息</p> | |||
| <p style="font-size: 16px;" @click="showPopupnhcy()">+ 添加农户信息</p> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| @@ -130,7 +130,7 @@ export default { | |||
| }, | |||
| methods: { | |||
| getList(){ | |||
| getShyqrs({zjddm:this.zjdzdxx.zjddm,shyqrdbxm:this.zjdzdxx.shyqrdbxm }).then(response => { | |||
| getShyqrs({zjddm:this.zjdzdxx.zjddm}).then(response => { | |||
| this.syqrlist = response.rows; | |||
| }); | |||
| }, | |||
| @@ -145,14 +145,21 @@ export default { | |||
| } else { | |||
| 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> | |||
| @@ -65,11 +65,11 @@ | |||
| <p style="flex:1;text-align:right;">{{item.zcs}}</p> | |||
| </div> | |||
| <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=""> | |||
| <span style="font-size: 14px;color: #fff;margin-left: 5px;">自然幢信息</span> | |||
| </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=""> | |||
| <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">房屋列表</span> | |||
| </p> | |||
| @@ -81,7 +81,7 @@ | |||
| </van-swipe-cell> | |||
| <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;"> | |||
| <p style="font-size: 16px;">+ 添加自然幢信息</p> | |||
| <p style="font-size: 16px;" @click="showPopupAddzrz()">+ 添加自然幢信息</p> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| @@ -136,13 +136,20 @@ export default { | |||
| } else { | |||
| 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(){}, | |||
| showPopupzrz(){}, | |||
| } | |||
| } | |||
| </script> | |||
| @@ -65,9 +65,9 @@ | |||
| <p style="flex:1;text-align:right;">{{item.jzwqk}}</p> | |||
| </div> | |||
| <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=""> | |||
| <span style="font-size: 14px;color: #fff;margin-left: 5px;">查看附属设施信息</span> | |||
| <span style="font-size: 14px;color: #fff;margin-left: 5px;" >查看附属设施信息</span> | |||
| </p> | |||
| </div> | |||
| </div> | |||
| @@ -77,26 +77,58 @@ | |||
| </van-swipe-cell> | |||
| <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;"> | |||
| <p style="font-size: 16px;">+ 添加附属设施信息</p> | |||
| <p style="font-size: 16px;" @click="showPopupAddzrz()">+ 添加附属设施信息</p> | |||
| </div> | |||
| </div> | |||
| <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;"> | |||
| <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 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 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> | |||
| </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> | |||
| </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 {listZjdzd,getZjdzd,updateZjdzd,zjddcSign,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"; | |||
| @@ -111,16 +143,30 @@ import { Notify, Dialog, Toast } from 'vant'; | |||
| import axios from "axios"; | |||
| export default { | |||
| name: "homesteadAdd", | |||
| components: { MapGisDrawing,}, | |||
| components: { MapGisDrawing}, | |||
| data() { | |||
| return { | |||
| 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(){ | |||
| this.zjdzdxx = JSON.parse(localStorage.getItem("zjdzdxxItem")); | |||
| if(this.zjdzdxx.surveySign != null){ | |||
| this.signature.resultImg = "http://localhost/api/"+this.zjdzdxx.surveySign; | |||
| } | |||
| this.getList(); | |||
| }, | |||
| mounted(){ | |||
| @@ -132,6 +178,71 @@ export default { | |||
| 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(){ | |||
| if(this.ztMap && this.enterMap ==1){ | |||
| if(this.form.id == null){ | |||
| @@ -143,13 +254,35 @@ export default { | |||
| } else { | |||
| 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(){}, | |||
| 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> | |||
| @@ -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(){ | |||
| this.$cookies.set("search","") | |||
| this.$router.push('/homesteadSurvey/index'); | |||
| this.$router.push({name: this.$router.back(-1)}); | |||
| }, | |||
| onConfirmhncysjly(value){ | |||
| this.form5.sjlyName = value.dictLabel | |||
| @@ -841,7 +841,7 @@ | |||
| // 返回 | |||
| onClickLeft(){ | |||
| this.$cookies.set("search","") | |||
| this.$router.push('/homesteadSurvey/index'); | |||
| this.$router.push({name: this.$router.back(-1)}); | |||
| }, | |||
| onConfirmhncysjly(value){ | |||
| this.form5.sjlyName = value.dictLabel | |||
| @@ -1294,11 +1294,7 @@ | |||
| "nhdm":item.nhdm, | |||
| "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.$router.push({name:'nhDetails',query:{nhdm:item.nhdm,zjhm:item.zjhm}}); | |||
| }, | |||
| getZjdList(){ | |||
| // let params1 = { | |||
| @@ -53,8 +53,9 @@ | |||
| </div> | |||
| </div> | |||
| </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;"> | |||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">所有权人信息</p> | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="qlrform.qydm" | |||
| @@ -81,7 +82,7 @@ | |||
| required | |||
| placeholder="所有权人名称" | |||
| input-align="right" | |||
| :rules="[{ required: true, message: '所有权人名称不能为空' }]" | |||
| :rules="[{ required: true}]" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| @@ -91,7 +92,7 @@ | |||
| required | |||
| placeholder="所有权性质" | |||
| input-align="right" | |||
| :rules="[{ required: true, message: '所有权性质不能为空' }]" | |||
| :rules="[{ required: true}]" | |||
| @click="showsuyqxz = true" | |||
| /> | |||
| <van-field | |||
| @@ -108,15 +109,16 @@ | |||
| @cancel="showsuyqxz = false" | |||
| /> | |||
| </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 | |||
| autocomplete="off" | |||
| v-model="qlrform.dbrxm" | |||
| name="代表人姓名" | |||
| label="代表人姓名" | |||
| name="姓名" | |||
| label="姓名" | |||
| required | |||
| placeholder="代表人姓名" | |||
| placeholder="姓名" | |||
| input-align="right" | |||
| :rules="[{ required: true, message: '代表人姓名不能为空' }]" | |||
| :rules="[{ required: true}]" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| @@ -126,12 +128,12 @@ | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="qlrform.dbrzjlxName" | |||
| name="代表人证件类型" | |||
| label="代表人证件类型" | |||
| name="证件类型" | |||
| label="证件类型" | |||
| required | |||
| placeholder="代表人证件类型" | |||
| placeholder="证件类型" | |||
| input-align="right" | |||
| :rules="[{ required: true, message: '代表人证件类型不能为空' }]" | |||
| :rules="[{ required: true}]" | |||
| @click="showdbrzjlx = true" | |||
| /> | |||
| <van-popup v-model="showdbrzjlx" position="bottom" input-align="right"> | |||
| @@ -146,46 +148,46 @@ | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="qlrform.dbrzjhm" | |||
| name="代表人证件号码" | |||
| label="代表人证件号码" | |||
| name="证件号码" | |||
| label="证件号码" | |||
| required | |||
| placeholder="代表人证件号码" | |||
| input-align="right" | |||
| :rules="[{ required: true, message: '代表人证件号码不能为空' },{validator:validatorIdcardqlr,message:'身份证号格式错误!'}]" | |||
| :rules="[{ required: true },{validator:validatorIdcardqlr,message:'身份证号格式错误!'}]" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="qlrform.dbrlxdh" | |||
| name="代表人联系电话" | |||
| label="代表人联系电话" | |||
| placeholder="代表人联系电话" | |||
| name="联系电话" | |||
| label="联系电话" | |||
| placeholder="联系电话" | |||
| type="number" | |||
| input-align="right" | |||
| required | |||
| :rules="[{ required: true, message: '代表人联系电话不能为空' }]" | |||
| :rules="[{ required: true}]" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="qlrform.dbrtxdz" | |||
| name="代表人通讯地址" | |||
| label="代表人通讯地址" | |||
| name="通讯地址" | |||
| label="通讯地址" | |||
| required | |||
| placeholder="代表人通讯地址" | |||
| placeholder="通讯地址" | |||
| input-align="right" | |||
| :rules="[{ required: true, message: '代表人通讯地址不能为空' }]" | |||
| :rules="[{ required: true}]" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="qlrform.dbryzbm" | |||
| name="代表人邮政编码" | |||
| label="代表人邮政编码" | |||
| name="邮政编码" | |||
| label="邮政编码" | |||
| required | |||
| placeholder="代表人邮政编码" | |||
| input-align="right" | |||
| 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> | |||
| <van-radio-group v-model="qlrform.sfclncjtjjzz" direction="horizontal"> | |||
| <van-radio name="Y">是</van-radio> | |||
| @@ -193,12 +195,13 @@ | |||
| </van-radio-group> | |||
| </template> | |||
| </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 | |||
| autocomplete="off" | |||
| v-model="qlrform.dlrxm" | |||
| name="代理人姓名" | |||
| label="代理人姓名" | |||
| placeholder="代理人姓名" | |||
| name="姓名" | |||
| label="姓名" | |||
| placeholder="姓名" | |||
| input-align="right" | |||
| /> | |||
| <van-field | |||
| @@ -209,9 +212,9 @@ | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="qlrform.dlrzjlxName" | |||
| name="代理人证件类型" | |||
| label="代理人证件类型" | |||
| placeholder="代理人证件类型" | |||
| name="证件类型" | |||
| label="证件类型" | |||
| placeholder="证件类型" | |||
| input-align="right" | |||
| @click="showdlrzjlx = true" | |||
| /> | |||
| @@ -227,33 +230,33 @@ | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="qlrform.dlrzjhm" | |||
| name="代理人证件号码" | |||
| label="代理人证件号码" | |||
| placeholder="代理人证件号码" | |||
| name="证件号码" | |||
| label="证件号码" | |||
| placeholder="证件号码" | |||
| input-align="right" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="qlrform.dlrlxdh" | |||
| name="代理人联系电话" | |||
| label="代理人联系电话" | |||
| placeholder="代理人联系电话" | |||
| name="联系电话" | |||
| label="联系电话" | |||
| placeholder="联系电话" | |||
| input-align="right" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="qlrform.dlrtxdz" | |||
| name="代理人通讯地址" | |||
| label="代理人通讯地址" | |||
| placeholder="代理人通讯地址" | |||
| name="通讯地址" | |||
| label="通讯地址" | |||
| placeholder="通讯地址" | |||
| input-align="right" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="qlrform.dlryzbm" | |||
| name="代理人邮政编码" | |||
| label="代理人邮政编码" | |||
| placeholder="代理人邮政编码" | |||
| name="邮政编码" | |||
| label="邮政编码" | |||
| placeholder="邮政编码" | |||
| input-align="right" | |||
| /> | |||
| </div> | |||
| @@ -300,7 +303,7 @@ | |||
| input-align="right" | |||
| @click="showsjly = true" | |||
| required | |||
| :rules="[{ required: true, message: '数据来源不能为空' }]" | |||
| :rules="[{ required: true}]" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| @@ -326,7 +329,7 @@ | |||
| /> | |||
| </div> | |||
| <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> | |||
| </van-form> | |||
| </div> | |||
| @@ -1094,7 +1097,7 @@ | |||
| // 返回 | |||
| onClickLeft(){ | |||
| this.$cookies.set("search","") | |||
| this.$router.push('/homesteadSurvey/index'); | |||
| this.$router.push({name: this.$router.back(-1)}); | |||
| }, | |||
| onConfirmhncysjly(value){ | |||
| this.form5.sjlyName = value.dictLabel | |||
| @@ -1221,30 +1224,35 @@ | |||
| }, | |||
| // 所有权人保存 | |||
| 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(){ | |||
| @@ -5268,6 +5276,17 @@ | |||
| /deep/ .van-swipe-cell__wrapper{ | |||
| margin-right:-3px; | |||
| } | |||
| .title:before | |||
| { | |||
| content:""; | |||
| width: 6px; | |||
| height: 20PX; | |||
| background: #7ac943; | |||
| border-radius: 3px; | |||
| position:absolute; | |||
| left:0; | |||
| bottom:0; | |||
| } | |||
| .hzlxBtn{ | |||
| font-size: 0.3rem; | |||
| display: inline-block; | |||
| @@ -1973,7 +1973,7 @@ | |||
| // 返回 | |||
| onClickLeft(){ | |||
| this.$cookies.set("search","") | |||
| this.$router.push('/homesteadSurvey/index'); | |||
| this.$router.push({name: this.$router.back(-1)}); | |||
| }, | |||
| onConfirmhncysjly(value){ | |||
| this.form5.sjlyName = value.dictLabel | |||
| @@ -3094,7 +3094,7 @@ | |||
| //镇边界查询开始 ------------------------------start | |||
| // var zhenTc= new ol.layer.Tile({ | |||
| // source: new ol.source.TileWMS({ | |||
| // url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||
| // url: that.mapGeoServerUrl+"/wms", | |||
| // params: { | |||
| // LAYERS: 'zjd_dc:t_house_survey_border_town', | |||
| // TILED: true, | |||
| @@ -3134,7 +3134,7 @@ | |||
| // outputFormat: "application/json", | |||
| // //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 + "?"; | |||
| // for (let key in param_dw) { | |||
| // 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 + "'"; | |||
| // zrzTc = new ol.layer.Image({ | |||
| // source: new ol.source.ImageWMS({ | |||
| // url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
| // url: that.mapGeoServerUrl + "/wms", | |||
| // params: { | |||
| // LAYERS: 'zjd_dc:t_house_survey_zrz', | |||
| // LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||
| // TILED: true, | |||
| // cql_filter: cql_filter_map, | |||
| // SRID: 3857, | |||
| @@ -3169,7 +3169,7 @@ | |||
| // //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | |||
| // fsssTc = new ol.layer.Image({ | |||
| // source: new ol.source.ImageWMS({ | |||
| // url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
| // url: that.mapGeoServerUrl + "/wms", | |||
| // params: { | |||
| // LAYERS: 'zjd_dc:t_house_survey_fsss', | |||
| // TILED: true, | |||
| @@ -3483,37 +3483,37 @@ | |||
| map.addLayer(zjdTc); | |||
| //宅基地图层查询开始 ------------------start | |||
| 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; | |||
| // //附属设施图层查询开始 ------------------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 | |||
| //使用geoserver服务查询开始 -------------------end | |||
| // if(this.backMap ==1){ | |||
| @@ -3527,7 +3527,7 @@ | |||
| // 'CQL_FILTER': cql | |||
| // }, | |||
| // serverType: 'geoserver', | |||
| // url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
| // url: that.mapGeoServerUrl + "/wms", | |||
| // }); | |||
| // zjdTc.setSource(wmsSourceBack); | |||
| // ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新 | |||
| @@ -4186,7 +4186,7 @@ | |||
| // //查询条件 | |||
| // var cql_filter_cun; | |||
| // 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 once = 0; | |||
| // for (var i = 0; i < difang.length; i++) { | |||
| @@ -4202,7 +4202,7 @@ | |||
| // //循环判断查询条件 | |||
| // if (difang[i] == "zjd_dc:t_house_survey_zjdzd") { | |||
| // 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 + "'"; | |||
| // } else if(difang[i] == "zjd_dc:t_house_survey_fsss") { | |||
| // cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | |||
| @@ -4216,7 +4216,7 @@ | |||
| // //业务图层 wms服务 | |||
| // delete_map[i] = new ol.layer.Tile({ | |||
| // source: new ol.source.TileWMS({ | |||
| // url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||
| // url: that.mapGeoServerUrl+"/wms", | |||
| // params: { | |||
| // LAYERS: difang[i], | |||
| // //'LAYERS': 'new_shp:new_shp_all', | |||
| @@ -4242,7 +4242,7 @@ | |||
| // outputFormat: "application/json", | |||
| // //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 + "?"; | |||
| // for (let key in param_dw) { | |||
| // url_dw = url_dw + key + "=" + param_dw[key] + "&"; | |||
| @@ -4779,7 +4779,7 @@ | |||
| outputFormat: "application/json", | |||
| //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 + "?"; | |||
| for (let key in param_dw) { | |||
| url_dw = url_dw + key + "=" + param_dw[key] + "&"; | |||
| @@ -4822,9 +4822,9 @@ | |||
| //查询全部图层 -------查询叠加图层出现覆盖问题 | |||
| var wmsSource = new ol.source.TileWMS({ | |||
| url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||
| url: that.mapGeoServerUrl+"/wms", | |||
| params: { | |||
| LAYERS: "zjd_dc:t_house_survey_all", | |||
| LAYERS: "nsgk_wulanhaote:t_homestead_zjdzdxx", | |||
| TILED: true, | |||
| SRID: 3857, | |||
| serverType: "geoserver", | |||
| @@ -4861,9 +4861,9 @@ | |||
| //查询附属设施图层 | |||
| var FssswmsSource = new ol.source.TileWMS({ | |||
| url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||
| url: that.mapGeoServerUrl+"/wms", | |||
| params: { | |||
| LAYERS: "zjd_dc:t_house_survey_fsss", | |||
| LAYERS: "nsgk_wulanhaote:t_homestead_fsss", | |||
| TILED: true, | |||
| SRID: 3857, | |||
| serverType: "geoserver", | |||
| @@ -4976,6 +4976,7 @@ | |||
| } | |||
| } | |||
| if (url_bbox) { | |||
| console.info(url_bbox); | |||
| fetch(url_bbox).then((res) => { | |||
| var geojsonmap = res.json(); | |||
| return geojsonmap; | |||
| @@ -5005,6 +5006,7 @@ | |||
| return response.text(); | |||
| }) | |||
| .then(function (html) { | |||
| console.info(html); | |||
| document.getElementById("info").innerHTML = html; | |||
| if (html.indexOf("<table") != -1) { | |||
| that.mapZjdData = ""; | |||
| @@ -5027,9 +5029,9 @@ | |||
| obj.id = zjdIdNum; // 主键id | |||
| 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; | |||
| @@ -5044,9 +5046,9 @@ | |||
| var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | |||
| zrzTc = new ol.layer.Image({ | |||
| source: new ol.source.ImageWMS({ | |||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
| url: that.mapGeoServerUrl + "/wms", | |||
| params: { | |||
| LAYERS: 'zjd_dc:t_house_survey_zrz', | |||
| LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||
| TILED: true, | |||
| cql_filter: cql_filter_map, | |||
| SRID: 3857, | |||
| @@ -5060,9 +5062,9 @@ | |||
| //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | |||
| fsssTc = new ol.layer.Image({ | |||
| source: new ol.source.ImageWMS({ | |||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
| url: that.mapGeoServerUrl + "/wms", | |||
| params: { | |||
| LAYERS: 'zjd_dc:t_house_survey_fsss', | |||
| LAYERS: 'nsgk_wulanhaote:t_homestead_fsss', | |||
| TILED: true, | |||
| cql_filter: cql_filter_map, | |||
| SRID: 3857, | |||
| @@ -5100,7 +5102,7 @@ | |||
| projection: projection, | |||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | |||
| " \"type\": \"Feature\",\n" + | |||
| " \"geometry\":" + that.mapZjdData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||
| " \"geometry\":" + that.mapZjdData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||
| }), | |||
| style: styleZjd | |||
| }); | |||
| @@ -5153,8 +5155,9 @@ | |||
| }); | |||
| //let cloneObj = JSON.parse(JSON.stringify(obj)); | |||
| //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.mapXs = true; | |||
| that.mapZjdDataTure = ""; | |||
| that.mapZjdTeAll.mapFsssAData = {}; | |||
| map.removeLayer(hc_land_on); | |||
| @@ -5162,26 +5165,27 @@ | |||
| that.mapHasDateStatus = 1; | |||
| let trs = $("#info .featureInfo").find("tr:eq(1)"); | |||
| 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.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 = { | |||
| "deptId": that.$cookies.get("item").deptId, | |||
| "zjddm": obj.zjddm, | |||
| } | |||
| that.mapClick = obj.zjddm; | |||
| that.$cookies.set("search", "") | |||
| //that.$cookies.set("map", "") | |||
| console.log(that.mapZjdData); | |||
| //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) { | |||
| console.log(that.mapClick); | |||
| console.log(obj.zjddm); | |||
| if(that.mapXs && that.mapClick == obj.zjddm){ | |||
| listZjdzd(params).then((response) => { | |||
| that.mapZjdData = response.rows[0]; | |||
| //that.mapZjdAData.active = 1; | |||
| that.mapZjdTeAll.mapZjdAData = that.mapZjdData; | |||
| console.info(obj.id); | |||
| getZrz(obj.id).then((response) => { | |||
| if (response.data.scjzmj != "") { | |||
| that.textMjAll = response.data.scjzmj; | |||
| @@ -5205,7 +5209,7 @@ | |||
| projection: projection, | |||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | |||
| " \"type\": \"Feature\",\n" + | |||
| " \"geometry\":" + that.mapZrzData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZrzData) + "}"), | |||
| " \"geometry\":" + that.mapZrzData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapZrzData) + "}"), | |||
| }), | |||
| style: styleZjd | |||
| }); | |||
| @@ -5231,9 +5235,9 @@ | |||
| var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | |||
| zrzTc = new ol.layer.Image({ | |||
| source: new ol.source.ImageWMS({ | |||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
| url: that.mapGeoServerUrl + "/wms", | |||
| params: { | |||
| LAYERS: 'zjd_dc:t_house_survey_zrz', | |||
| LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||
| TILED: true, | |||
| cql_filter: cql_filter_map, | |||
| SRID: 3857, | |||
| @@ -5247,9 +5251,9 @@ | |||
| //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | |||
| fsssTc = new ol.layer.Image({ | |||
| source: new ol.source.ImageWMS({ | |||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
| url: that.mapGeoServerUrl + "/wms", | |||
| params: { | |||
| LAYERS: 'zjd_dc:t_house_survey_fsss', | |||
| LAYERS: 'nsgk_wulanhaote:t_homestead_fsss', | |||
| TILED: true, | |||
| cql_filter: cql_filter_map, | |||
| SRID: 3857, | |||
| @@ -5285,7 +5289,7 @@ | |||
| projection: projection, | |||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | |||
| " \"type\": \"Feature\",\n" + | |||
| " \"geometry\":" + that.mapZjdData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||
| " \"geometry\":" + that.mapZjdData.theGeomJson+ ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||
| }), | |||
| style: styleZjd | |||
| }); | |||
| @@ -5337,28 +5341,30 @@ | |||
| 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.mapZjdDataTure = ""; | |||
| that.mapXs = true; | |||
| //that.mapZjdTeAll.mapZjdAData ={}; | |||
| map.removeLayer(hc_land_on); | |||
| let obj = {}; | |||
| that.mapHasDateStatus = 0; | |||
| let trs = $("#info .featureInfo").find("tr:eq(1)"); | |||
| 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.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.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 = { | |||
| "deptId": that.$cookies.get("item").deptId, | |||
| "zjddm": obj.zjddm, | |||
| "pageSize": 20, | |||
| } | |||
| that.mapClick = obj.zjddm; | |||
| that.$cookies.remove("search") | |||
| //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) { | |||
| if(that.mapXs && that.mapClick == obj.zjddm){ | |||
| @@ -5390,7 +5396,7 @@ | |||
| projection: projection, | |||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | |||
| " \"type\": \"Feature\",\n" + | |||
| " \"geometry\":" + that.mapfsssData.theGeom + ", \"properties\":" + JSON.stringify(that.mapfsssData) + "}"), | |||
| " \"geometry\":" + that.mapfsssData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapfsssData) + "}"), | |||
| }), | |||
| style: styleZjd | |||
| }); | |||
| @@ -5416,9 +5422,9 @@ | |||
| var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | |||
| zrzTc = new ol.layer.Image({ | |||
| source: new ol.source.ImageWMS({ | |||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
| url: that.mapGeoServerUrl + "/wms", | |||
| params: { | |||
| LAYERS: 'zjd_dc:t_house_survey_zrz', | |||
| LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||
| TILED: true, | |||
| cql_filter: cql_filter_map, | |||
| SRID: 3857, | |||
| @@ -5432,9 +5438,9 @@ | |||
| //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | |||
| fsssTc = new ol.layer.Image({ | |||
| source: new ol.source.ImageWMS({ | |||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||
| url: that.mapGeoServerUrl + "/wms", | |||
| params: { | |||
| LAYERS: 'zjd_dc:t_house_survey_fsss', | |||
| LAYERS: 'nsgk_wulanhaote:t_homestead_fsss', | |||
| TILED: true, | |||
| cql_filter: cql_filter_map, | |||
| SRID: 3857, | |||
| @@ -5470,7 +5476,7 @@ | |||
| projection: projection, | |||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | |||
| " \"type\": \"Feature\",\n" + | |||
| " \"geometry\":" + that.mapZjdData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||
| " \"geometry\":" + that.mapZjdData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||
| }), | |||
| style: styleZjd | |||
| }); | |||
| @@ -5964,19 +5970,34 @@ | |||
| }, | |||
| //宅基地点击地图核查 | |||
| zjdHc(){ | |||
| console.info(this.mapZrzData) | |||
| if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){ | |||
| if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){ | |||
| this.mapZjdTeAll.active =1; | |||
| //this.$cookies.set("search",this.mapZjdTeAll); | |||
| 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'}); | |||
| }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){ | |||
| if(this.mapZjdTeAll.mapZjdAData !=""){ | |||
| this.mapZjdTeAll.active = 3; | |||
| //this.$cookies.set("search",this.mapZjdTeAll); | |||
| 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 { | |||
| this.$toast("必须有宅基地数据才能进入自然幢核查"); | |||
| } | |||
| @@ -5985,7 +6006,7 @@ | |||
| this.mapZjdTeAll.active = 4; | |||
| //this.$cookies.set("search", this.mapZjdTeAll); | |||
| 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 { | |||
| 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> | |||
| </div> | |||
| </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;"> | |||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">使用权人信息</p> | |||
| <!--<van-field | |||
| @@ -55,40 +55,58 @@ | |||
| :rules="[{ required: true, message: '' }]" | |||
| />--> | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="form.nhdm" | |||
| name="农户代码" | |||
| readonly | |||
| clickable | |||
| label="农户代码" | |||
| placeholder="自动生成" | |||
| placeholder="请选择" | |||
| v-model="form.nhdm" | |||
| @click="shownhdm = true" | |||
| 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 | |||
| autocomplete="off" | |||
| v-model="form.zjddm" | |||
| name="宅基地代码" | |||
| label="宅基地代码" | |||
| placeholder="自动生成" | |||
| input-align="right" | |||
| disabled | |||
| :rules="[{ required: true }]" | |||
| required | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| input-align="right" | |||
| readonly | |||
| clickable | |||
| label="农民房屋代码" | |||
| placeholder="请选择" | |||
| 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 | |||
| autocomplete="off" | |||
| input-align="right" | |||
| v-model="form.bdcdyh" | |||
| name="不动产单元号" | |||
| label="不动产单元号" | |||
| placeholder="自动生成" | |||
| disabled | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| @@ -96,17 +114,15 @@ | |||
| v-model="form.bdcqzh" | |||
| name="不动产权证号" | |||
| label="不动产权证号" | |||
| placeholder="自动生成" | |||
| disabled | |||
| placeholder="不动产权证号" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| input-align="right" | |||
| v-model="form.qzysxlh" | |||
| name="权证印刷序列号" | |||
| label="权证印刷序列号" | |||
| placeholder="自动生成" | |||
| disabled | |||
| name="权证印刷号" | |||
| label="权证印刷号" | |||
| placeholder="权证印刷序列号" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| @@ -114,375 +130,189 @@ | |||
| v-model="form.fzjg" | |||
| name="发证机关" | |||
| 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 | |||
| input-align="right" | |||
| v-model="form.zjdzsh" | |||
| name="宅基地证书号" | |||
| label="宅基地证书号" | |||
| placeholder="宅基地证书号" | |||
| v-model="form.shyqrdbxm" | |||
| name="代表姓名" | |||
| label="代表姓名" | |||
| placeholder="请输入使用权人代表姓名" | |||
| maxlength="50" | |||
| 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 | |||
| autocomplete="off" | |||
| 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" | |||
| 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 | |||
| :rules="[{ required: true, message: '坐落不能为空' }]" | |||
| /> | |||
| <van-field | |||
| autocomplete="off" | |||
| v-model="form.zldwdm" | |||
| name="坐落单位代码" | |||
| label="坐落单位代码" | |||
| placeholder="自动生成" | |||
| 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 | |||
| autocomplete="off" | |||
| 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 | |||
| :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 | |||
| autocomplete="off" | |||
| 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 | |||
| 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 | |||
| autocomplete="off" | |||
| 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 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 style="height: 50px;"></div> | |||
| </van-form> | |||
| @@ -492,6 +322,9 @@ | |||
| <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 MapGisObtainTc from "@/components/Map/MapGisObtainTc"; | |||
| 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"; | |||
| @@ -504,6 +337,7 @@ import { sysConfig} from "@/api/homesteadSurvey/index"; | |||
| import { Notify, Dialog, Toast } from 'vant'; | |||
| import axios from "axios"; | |||
| export default { | |||
| components: {FieldSelect, FieldRadio,MapGisObtainTc}, | |||
| name: "shyqrAdd", | |||
| data() { | |||
| return { | |||
| @@ -516,37 +350,106 @@ export default { | |||
| nhdm :'777888999', | |||
| } | |||
| ], | |||
| shownhdm:false, | |||
| shownmfwdm:false, | |||
| hzxm:null, | |||
| landStatus:"1", | |||
| deptId:this.$cookies.get("item").deptId, | |||
| nhdmDictionaries:[], | |||
| nmfwDictionaries:[], | |||
| mapShow: false, | |||
| form:{} | |||
| }; | |||
| }, | |||
| 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(){ | |||
| }, | |||
| methods: { | |||
| onSubmitzjd(){ | |||
| setTimeout(() => { | |||
| this.$refs.zjdProductResh.drawingPaceCountryDarw(); | |||
| }, 500); | |||
| getList(){ | |||
| listNh({}).then(response => { | |||
| this.nhdmDictionaries = response.rows; | |||
| }); | |||
| }, | |||
| 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(){ | |||
| return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||
| var r = Math.random() * 16 | 0, | |||
| @@ -569,7 +472,7 @@ export default { | |||
| } else { | |||
| 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> | |||