| @@ -21,7 +21,7 @@ export function exportFsss(query) { | |||||
| // 查询数据调查-附属设施详细 | // 查询数据调查-附属设施详细 | ||||
| export function getFsss(id) { | export function getFsss(id) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/fsss/get/' + id, | |||||
| url: '/home/homesteadfsss/get/' + id, | |||||
| method: 'get' | method: 'get' | ||||
| }) | }) | ||||
| } | } | ||||
| @@ -29,7 +29,7 @@ export function getFsss(id) { | |||||
| // 新增数据调查-附属设施 | // 新增数据调查-附属设施 | ||||
| export function addFsss(data) { | export function addFsss(data) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/fsss/add', | |||||
| url: '/home/homesteadfsss/add', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -38,7 +38,7 @@ export function addFsss(data) { | |||||
| // 修改数据调查-附属设施 | // 修改数据调查-附属设施 | ||||
| export function updateFsss(data) { | export function updateFsss(data) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/fsss/edit', | |||||
| url: '/home/homesteadfsss/edit', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -37,7 +37,7 @@ export function getNhByNhdm(nhdm) { | |||||
| // 新增数据调查-户主信息 | // 新增数据调查-户主信息 | ||||
| export function addNh(data) { | export function addNh(data) { | ||||
| return request({ | return request({ | ||||
| url: '/home/homesteadnhhncy/add', | |||||
| url: '/home/homesteadnh/add', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -55,7 +55,7 @@ export function nhConnectTask(data) { | |||||
| // 修改数据调查-户主信息 | // 修改数据调查-户主信息 | ||||
| export function updateNh(data) { | export function updateNh(data) { | ||||
| return request({ | return request({ | ||||
| url: '/home/homesteadnhhncy/edit', | |||||
| url: '/home/homesteadnh/edit', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -3,7 +3,7 @@ import request from '@/utils/request' | |||||
| // 查询数据调查-农民房屋列表 | // 查询数据调查-农民房屋列表 | ||||
| export function listNmfw(query) { | export function listNmfw(query) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/nmfw/list', | |||||
| url: '/home/homesteadnmfw/list', | |||||
| method: 'get', | method: 'get', | ||||
| params: query | params: query | ||||
| }) | }) | ||||
| @@ -12,7 +12,7 @@ export function listNmfw(query) { | |||||
| // 导出数据调查-农民房屋 | // 导出数据调查-农民房屋 | ||||
| export function exportNmfw(query) { | export function exportNmfw(query) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/nmfw/export', | |||||
| url: '/home/homesteadnmfw/export', | |||||
| method: 'get', | method: 'get', | ||||
| params: query | params: query | ||||
| }) | }) | ||||
| @@ -21,7 +21,7 @@ export function exportNmfw(query) { | |||||
| // 查询数据调查-农民房屋详细 | // 查询数据调查-农民房屋详细 | ||||
| export function getNmfw(id) { | export function getNmfw(id) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/nmfw/get/' + id, | |||||
| url: '/home/homesteadnmfw/get/' + id, | |||||
| method: 'get' | method: 'get' | ||||
| }) | }) | ||||
| } | } | ||||
| @@ -29,7 +29,7 @@ export function getNmfw(id) { | |||||
| // 新增数据调查-农民房屋 | // 新增数据调查-农民房屋 | ||||
| export function addNmfw(data) { | export function addNmfw(data) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/nmfw/add', | |||||
| url: '/home/homesteadnmfw/add', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -38,7 +38,7 @@ export function addNmfw(data) { | |||||
| // 新增数据调查-户主信息 | // 新增数据调查-户主信息 | ||||
| export function nmfwConnectTask(data) { | export function nmfwConnectTask(data) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/nmfw/connectTask', | |||||
| url: '/home/homesteadnmfw/connectTask', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -47,7 +47,7 @@ export function nmfwConnectTask(data) { | |||||
| // 修改数据调查-农民房屋 | // 修改数据调查-农民房屋 | ||||
| export function updateNmfw(data) { | export function updateNmfw(data) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/nmfw/edit', | |||||
| url: '/home/homesteadnmfw/edit', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -56,7 +56,7 @@ export function updateNmfw(data) { | |||||
| // 删除数据调查-农民房屋 | // 删除数据调查-农民房屋 | ||||
| export function delNmfw(id) { | export function delNmfw(id) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/nmfw/remove/' + id, | |||||
| url: '/home/homesteadnmfw/remove/' + id, | |||||
| method: 'get' | method: 'get' | ||||
| }) | }) | ||||
| } | } | ||||
| @@ -49,7 +49,7 @@ export function getShyqr(id) { | |||||
| // 新增数据调查-使用权人 | // 新增数据调查-使用权人 | ||||
| export function addShyqr(data) { | export function addShyqr(data) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/shyqr/add', | |||||
| url: '/home/homesteadshyqr/add', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -58,7 +58,7 @@ export function addShyqr(data) { | |||||
| // 修改数据调查-使用权人 | // 修改数据调查-使用权人 | ||||
| export function updateShyqr(data) { | export function updateShyqr(data) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/shyqr/edit', | |||||
| url: '/home/homesteadshyqr/edit', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -29,7 +29,7 @@ export function getSuyqr(id) { | |||||
| // 新增数据调查-所有权利人 | // 新增数据调查-所有权利人 | ||||
| export function addSuyqr(data) { | export function addSuyqr(data) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/suyqr/add', | |||||
| url: '/home/homesteadsuyqr/add', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -47,7 +47,7 @@ export function suyqrConnectTask(data) { | |||||
| // 修改数据调查-所有权利人 | // 修改数据调查-所有权利人 | ||||
| export function updateSuyqr(data) { | export function updateSuyqr(data) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/suyqr/edit', | |||||
| url: '/home/homesteadsuyqr/edit', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -22,6 +22,14 @@ export function listZjdzd(query) { | |||||
| params: query | params: query | ||||
| }) | }) | ||||
| } | } | ||||
| // 查询数据调查-签字确认 | |||||
| export function zjddcSign(data,zjddm) { | |||||
| return request({ | |||||
| url: '/home/homesteadzjdzdxx/zjddc/sign/'+zjddm, | |||||
| method: 'post', | |||||
| data: data | |||||
| }) | |||||
| } | |||||
| // 导出数据调查-宅基地宗地 | // 导出数据调查-宅基地宗地 | ||||
| export function exportZjdzd(query) { | export function exportZjdzd(query) { | ||||
| return request({ | return request({ | ||||
| @@ -21,7 +21,7 @@ export function exportZrz(query) { | |||||
| // 查询数据调查-自然幢详细 | // 查询数据调查-自然幢详细 | ||||
| export function getZrz(id) { | export function getZrz(id) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/zrz/get/' + id, | |||||
| url: '/home/homespacezrz/get/' + id, | |||||
| method: 'get' | method: 'get' | ||||
| }) | }) | ||||
| } | } | ||||
| @@ -29,7 +29,7 @@ export function getZrz(id) { | |||||
| // 新增数据调查-自然幢 | // 新增数据调查-自然幢 | ||||
| export function addZrz(data) { | export function addZrz(data) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/zrz/add', | |||||
| url: '/home/homespacezrz/add', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -38,7 +38,7 @@ export function addZrz(data) { | |||||
| // 修改数据调查-自然幢 | // 修改数据调查-自然幢 | ||||
| export function updateZrz(data) { | export function updateZrz(data) { | ||||
| return request({ | return request({ | ||||
| url: '/houseSurvey/zrz/edit', | |||||
| url: '/home/homespacezrz/edit', | |||||
| method: 'post', | method: 'post', | ||||
| data: data | data: data | ||||
| }) | }) | ||||
| @@ -0,0 +1,264 @@ | |||||
| <template> | |||||
| <div> | |||||
| <p class="fuTitle">地块位置</p> | |||||
| <div id="full-screen-acceptance" style="width: 100%;height:45vh;position:relative;"> | |||||
| <div :id=this.uuidMap style="width: 100%;height: 100%"></div> | |||||
| </div> | |||||
| <!-- <div id="info" > <button type="button" @click="showHistoryDown">保 存</button></div>--> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import {selectHomesteadObligeeMapList,getQueryLand} from "@/api/sunVillage_info/homestead/paidExit"; | |||||
| import $ from "jquery"; | |||||
| export default { | |||||
| components: { | |||||
| getQueryLand | |||||
| }, | |||||
| data() { | |||||
| return { | |||||
| uuidMap: this.guidProduct(), | |||||
| map:this.guidProduct(), | |||||
| showHistoryTable: false, | |||||
| closeMoule: null, | |||||
| }; | |||||
| }, | |||||
| props: ['theGeom','shqrxm',"landStatus","deptId"], | |||||
| methods: { | |||||
| //地图加载 | |||||
| guidProduct(){ | |||||
| return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
| var r = Math.random() * 16 | 0, | |||||
| v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
| return v.toString(16); | |||||
| }); | |||||
| }, | |||||
| //地图查看 | |||||
| drawingLyPaceCountryDarw() { | |||||
| //加载地图编辑 | |||||
| var that = this; | |||||
| selectHomesteadObligeeMapList({shyqrdbxm:this.shqrxm,landStatus:this.landStatus,deptId:this.deptId}).then((response) => { | |||||
| if (response.code == 200) { | |||||
| document.getElementById(that.uuidMap).innerHTML = ''; | |||||
| var hc_land; | |||||
| var projection = new ol.proj.Projection({ | |||||
| //地图投影类型 | |||||
| code: "EPSG:3857", | |||||
| units: "degrees", | |||||
| //extent:extent | |||||
| }); | |||||
| var aerial = new ol.layer.Tile({ | |||||
| source: new ol.source.XYZ({ | |||||
| url: "http://t{0-7}.tianditu.com/img_w/wmts?" + | |||||
| "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" + | |||||
| "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067", | |||||
| }), | |||||
| isGroup: true, | |||||
| name: "卫星影像图", | |||||
| resolution:Math.random() * 0.00000001 | |||||
| }); | |||||
| var yingxzi = new ol.layer.Tile({ | |||||
| source: new ol.source.XYZ({ | |||||
| url: "http://t{0-7}.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067", | |||||
| }), | |||||
| isGroup: true, | |||||
| name: "天地图文字标注--卫星影像图", | |||||
| resolution:Math.random() * 0.00000001 | |||||
| }); | |||||
| //加载地图 | |||||
| that.map = new ol.Map({ | |||||
| controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮 | |||||
| layers: [aerial, yingxzi], | |||||
| projection: projection, | |||||
| target: that.uuidMap, | |||||
| view: new ol.View({ | |||||
| //center: ol.proj.fromLonLat([115.452752, 31.789033]), | |||||
| zoom: 15, | |||||
| minZoom: 5, //地图缩小限制 | |||||
| maxZoom: 18.3, //地图放大限制 | |||||
| }), | |||||
| interactions: ol.interaction.defaults({ | |||||
| pinchRotate: false // 移动端禁止地图旋转 | |||||
| }), | |||||
| //view: new ol.View({ol.view.getResolution() + Math.random() * 0.00000001)});//随机数缩放实现刷新 | |||||
| }); | |||||
| if (response.data.length > 0) { | |||||
| //setTimeout(() => { | |||||
| for (var i = 0; response.data.length > i; i++) { | |||||
| //图层查询定位开始 ---------start | |||||
| console.log( response.data[i].zjdzdxx.theGeom); | |||||
| hc_land = new ol.layer.Vector({ | |||||
| title: "add Layer", | |||||
| source: new ol.source.Vector({ | |||||
| projection: projection, | |||||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | |||||
| " \"type\": \"Feature\",\n" + | |||||
| " \"geometry\":" + response.data[i].zjdzdxx.theGeom + ", " + | |||||
| " \"properties\":" + JSON.stringify(response.data[i]) + "}"), | |||||
| }), | |||||
| resolution:Math.random() * 0.00000001, | |||||
| style: new ol.style.Style({ | |||||
| fill: new ol.style.Fill({ | |||||
| //矢量图层填充颜色,以及透明度 | |||||
| color: "rgba(204, 255, 204,0.3)", | |||||
| }), | |||||
| stroke: new ol.style.Stroke({ | |||||
| //边界样式 | |||||
| color: "#CCFF66", | |||||
| width: 3, | |||||
| }), | |||||
| }), | |||||
| }); | |||||
| that.map.addLayer(hc_land); | |||||
| var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX; | |||||
| var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY; | |||||
| var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX; | |||||
| var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY; | |||||
| //定位查询位置 | |||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||||
| console.info(center) | |||||
| that.map.getView().animate({ | |||||
| // 只设置需要的属性即可 | |||||
| center: center, // 中心点 | |||||
| zoom: 16.9, // 缩放级别 | |||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | |||||
| } | |||||
| } else { // 加载全部地图,不带宅基地图斑 | |||||
| let deptId = this.deptId; | |||||
| getQueryLand(deptId).then((response) => { | |||||
| if (response.code == 200) { | |||||
| let InsertCode = response.data; | |||||
| if (InsertCode != null) { | |||||
| let lat = InsertCode.lat; | |||||
| let lng = InsertCode.lng; | |||||
| console.info(lat); | |||||
| let center; | |||||
| if(lat !=null && lng !=null && lat !="" && lng !=""){ | |||||
| center = [lng,lat]; | |||||
| }else { | |||||
| center = [115.452752, 31.789033]; | |||||
| } | |||||
| console.info(center); | |||||
| that.map.getView().animate({ | |||||
| // 只设置需要的属性即可 | |||||
| center: ol.proj.fromLonLat(center), // 中心点 | |||||
| zoom: 17.9, // 缩放级别 | |||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||||
| }); | |||||
| } | |||||
| } | |||||
| }); | |||||
| } | |||||
| var geo_zjdzd; | |||||
| that.map.on("singleclick", function (evt) { | |||||
| let feature = that.map.forEachFeatureAtPixel( | |||||
| evt.pixel, | |||||
| (feature) => feature | |||||
| ); | |||||
| //document.getElementById(that.uuidMap).innerHTML = ''; | |||||
| if (feature && (feature !==undefined)) { | |||||
| that.map.removeLayer(geo_zjdzd); | |||||
| var aleft = []; | |||||
| for(var i=0;i<feature.values_.geometry.flatCoordinates.length;i++){ | |||||
| aleft.push("["+feature.values_.geometry.flatCoordinates[i]+","+feature.values_.geometry.flatCoordinates[i+1] +"]") | |||||
| i = i+1; | |||||
| } | |||||
| var aright = "[[["+aleft +"]]]"; | |||||
| var geoThegeom = "{\"type\": \"MultiPolygon\", \"coordinates\": "+aright + "}"; | |||||
| this.closeMoule= null; | |||||
| //图层查询定位开始 ---------start | |||||
| geo_zjdzd = new ol.layer.Vector({ | |||||
| title: "add Layer", | |||||
| source: new ol.source.Vector({ | |||||
| projection: projection, | |||||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | |||||
| " \"type\": \"Feature\",\n" + | |||||
| " \"geometry\":" + geoThegeom + "}"), | |||||
| }), | |||||
| resolution:Math.random() * 0.00000001, | |||||
| style: new ol.style.Style({ | |||||
| fill: new ol.style.Fill({ | |||||
| //矢量图层填充颜色,以及透明度 | |||||
| color: "rgb(204, 255, 255,0.5)", | |||||
| }), | |||||
| stroke: new ol.style.Stroke({ | |||||
| //边界样式 | |||||
| color: "#00FFFF", | |||||
| width: 3, | |||||
| }), | |||||
| }), | |||||
| }); | |||||
| that.map.addLayer(geo_zjdzd); | |||||
| //that.closeMoule = feature.values_.zjddm; | |||||
| that.$emit('closeMoule', feature.values_.zjddm); | |||||
| var maxXMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.maxX; | |||||
| var maxYMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.maxY; | |||||
| var minXMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.minX; | |||||
| var minYMap = geo_zjdzd.values_.source.featuresRtree_.rbush_.data.minY; | |||||
| //定位查询位置 | |||||
| var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置 | |||||
| that.map.getView().animate({ | |||||
| // 只设置需要的属性即可 | |||||
| center: center, // 中心点 | |||||
| zoom: 16.9, // 缩放级别 | |||||
| rotation: undefined, // 缩放完成view视图旋转弧度 | |||||
| duration: 1000, // 缩放持续时间,默认不需要设置 | |||||
| resolution:Math.random() * 0.00000001, | |||||
| }); | |||||
| } | |||||
| }); | |||||
| } | |||||
| }); | |||||
| }, | |||||
| showHistoryDown() { | |||||
| this.showHistoryTable = false; | |||||
| this.$emit('closeMoule', this.closeMoule); | |||||
| this.closeMoule = null; | |||||
| }, | |||||
| }, | |||||
| watch: {}, | |||||
| }; | |||||
| </script> | |||||
| <style scoped> | |||||
| #that.message { | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| } | |||||
| .fuTitle { | |||||
| border-top: 1px solid #e9e9e9; | |||||
| text-align: center; | |||||
| padding: 10px 0px 0px 0px; | |||||
| font-size: 36px; | |||||
| color: #999; | |||||
| } | |||||
| .ant-btn-red { | |||||
| position: relative; | |||||
| display: inline-block; | |||||
| background: #D0EEFF; | |||||
| border: 1px solid #99D3F5; | |||||
| border-radius: 4px; | |||||
| padding: 4px 12px; | |||||
| overflow: hidden; | |||||
| color: #1E88C7; | |||||
| text-decoration: none; | |||||
| text-indent: 0; | |||||
| line-height: 20px; | |||||
| } | |||||
| #land-btn-wrap{ | |||||
| position: absolute; | |||||
| right: 3%; | |||||
| top: 5%; | |||||
| z-index: 2000; | |||||
| } | |||||
| </style> | |||||
| @@ -177,7 +177,7 @@ const whiteList = [ | |||||
| // '/agriculturalTrusteeship/billDetail4',//买家选购-订单详情 | // '/agriculturalTrusteeship/billDetail4',//买家选购-订单详情 | ||||
| // '/agriculturalTrusteeship/evaluate',//买家选购-服务评价 | // '/agriculturalTrusteeship/evaluate',//买家选购-服务评价 | ||||
| '/plotPremisesMobile/index',//两清三化 | |||||
| '/plotPremisesMobile/index',//闲置资源 | |||||
| ] | ] | ||||
| @@ -416,12 +416,12 @@ export const constantRoutes = [ | |||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/user/supply/supplyAdd'], resolve) | component: (resolve) => require(['@/views/user/supply/supplyAdd'], resolve) | ||||
| }, | }, | ||||
| //两清三化宅基地 | |||||
| //闲置资源宅基地 | |||||
| { | { | ||||
| path: '/homestead/index', | path: '/homestead/index', | ||||
| name: 'homesteadIndex', | name: 'homesteadIndex', | ||||
| meta: { | meta: { | ||||
| title: '两清三化宅基地', | |||||
| title: '闲置资源宅基地', | |||||
| hidden: true, | hidden: true, | ||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/homestead/index'], resolve) | component: (resolve) => require(['@/views/homestead/index'], resolve) | ||||
| @@ -435,12 +435,12 @@ export const constantRoutes = [ | |||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/homestead/login'], resolve) | component: (resolve) => require(['@/views/homestead/login'], resolve) | ||||
| }, | }, | ||||
| //两清三化宅基地 | |||||
| //闲置资源宅基地 | |||||
| { | { | ||||
| path: '/authenticRight/index', | path: '/authenticRight/index', | ||||
| name: 'authenticRightIndex', | name: 'authenticRightIndex', | ||||
| meta: { | meta: { | ||||
| title: '两清三化宅基地', | |||||
| title: '闲置资源宅基地', | |||||
| hidden: true, | hidden: true, | ||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/authenticRight/index'], resolve) | component: (resolve) => require(['@/views/authenticRight/index'], resolve) | ||||
| @@ -2975,6 +2975,96 @@ export const constantRoutes = [ | |||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/homesteadSurvey/shyqrAdd'], resolve) | component: (resolve) => require(['@/views/homesteadSurvey/shyqrAdd'], resolve) | ||||
| }, | }, | ||||
| { | |||||
| path: '/homesteadSurvey/nhcyAdd', | |||||
| name: 'nhcyAdd', | |||||
| meta: { | |||||
| title: '宅基地调查', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/homesteadSurvey/nhcyAdd'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/homesteadSurvey/hncyList2', | |||||
| name: 'hncyList2', | |||||
| meta: { | |||||
| title: '宅基地调查', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/homesteadSurvey/hncyList2'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/homesteadSurvey/hncyDetails', | |||||
| name: 'hncyDetails', | |||||
| meta: { | |||||
| title: '宅基地调查', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/homesteadSurvey/hncyDetails'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/homesteadSurvey/nhAdd', | |||||
| name: 'nhAdd', | |||||
| meta: { | |||||
| title: '宅基地调查', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/homesteadSurvey/nhAdd'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/homesteadSurvey/nhDetails', | |||||
| name: 'nhDetails', | |||||
| meta: { | |||||
| title: '宅基地调查', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/homesteadSurvey/nhDetails'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/homesteadSurvey/zrzAdd', | |||||
| name: 'zrzAdd', | |||||
| meta: { | |||||
| title: '宅基地调查', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/homesteadSurvey/zrzAdd'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/homesteadSurvey/nhcyList', | |||||
| name: 'nhcyList', | |||||
| meta: { | |||||
| title: '宅基地调查', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/homesteadSurvey/nhcyList'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/homesteadSurvey/nmfwList', | |||||
| name: 'nmfwList', | |||||
| meta: { | |||||
| title: '宅基地调查', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/homesteadSurvey/nmfwList'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/homesteadSurvey/nmfwAdd', | |||||
| name: 'nmfwAdd', | |||||
| meta: { | |||||
| title: '宅基地调查', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/homesteadSurvey/nmfwAdd'], resolve) | |||||
| }, | |||||
| { | |||||
| path: '/homesteadSurvey/fsssAdd', | |||||
| name: 'fsssAdd', | |||||
| meta: { | |||||
| title: '宅基地调查', | |||||
| hidden: true, | |||||
| }, | |||||
| component: (resolve) => require(['@/views/homesteadSurvey/fsssAdd'], resolve) | |||||
| }, | |||||
| { | { | ||||
| path: '/homesteadSurvey/settle', | path: '/homesteadSurvey/settle', | ||||
| name: 'homesteadSettle', | name: 'homesteadSettle', | ||||
| @@ -5267,12 +5357,12 @@ export const constantRoutes = [ | |||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/agriculturalTrusteeship/buyer/evaluate'], resolve) | component: (resolve) => require(['@/views/agriculturalTrusteeship/buyer/evaluate'], resolve) | ||||
| }, | }, | ||||
| //<--------------------------------------两清三化--------------------------------------> | |||||
| //<--------------------------------------闲置资源--------------------------------------> | |||||
| { | { | ||||
| path: '/plotPremisesMobile/index', | path: '/plotPremisesMobile/index', | ||||
| name: 'plotPremisesMobile', | name: 'plotPremisesMobile', | ||||
| meta: { | meta: { | ||||
| title: '两清三化', | |||||
| title: '闲置资源', | |||||
| hidden: true, | hidden: true, | ||||
| }, | }, | ||||
| component: (resolve) => require(['@/views/plotPremisesMobile/index'], resolve) | component: (resolve) => require(['@/views/plotPremisesMobile/index'], resolve) | ||||
| @@ -3,7 +3,7 @@ | |||||
| <div class="login_header"></div> | <div class="login_header"></div> | ||||
| <div class="login_content"> | <div class="login_content"> | ||||
| <div class="homestead_wrap"> | <div class="homestead_wrap"> | ||||
| <div class="key_title">环翠区两清三化</div> | |||||
| <div class="key_title">环翠区闲置资源</div> | |||||
| <div class="slogan">数据调查系统</div> | <div class="slogan">数据调查系统</div> | ||||
| </div> | </div> | ||||
| <div class="from_wrap"> | <div class="from_wrap"> | ||||
| @@ -44,9 +44,9 @@ | |||||
| </van-row> | </van-row> | ||||
| </div> | </div> | ||||
| </van-sticky> | </van-sticky> | ||||
| <van-form @submit="submitzjd"> | |||||
| <van-form ref="form"> | |||||
| <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | ||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">宅基地信息</p> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">空间信息</p> | |||||
| <!--<van-field | <!--<van-field | ||||
| v-model="form.deptId" | v-model="form.deptId" | ||||
| name="行政区划名称" | name="行政区划名称" | ||||
| @@ -66,12 +66,14 @@ | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="form.zjddm" | |||||
| name="宅基地代码" | |||||
| label="宅基地代码" | |||||
| placeholder="自动生成" | |||||
| v-model="form.zldwdm" | |||||
| name="坐落单位代码" | |||||
| label="坐落单位代码" | |||||
| placeholder="坐落单位代码" | |||||
| input-align="right" | input-align="right" | ||||
| disabled | |||||
| v-show="false" | |||||
| required | |||||
| :rules="[{ required: true}]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| @@ -80,36 +82,24 @@ | |||||
| name="宗地代码" | name="宗地代码" | ||||
| label="宗地代码" | label="宗地代码" | ||||
| placeholder="自动生成" | placeholder="自动生成" | ||||
| disabled | |||||
| v-show="false" | |||||
| /> | /> | ||||
| <van-field name="radio" label="是否发证" input-align="right" autocomplete="off"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.sffz" direction="horizontal"> | |||||
| <van-radio name="1">是</van-radio> | |||||
| <van-radio name="0">否</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| <van-field | <van-field | ||||
| input-align="right" | |||||
| v-model="form.zjdzsh" | |||||
| name="宅基地证书号" | |||||
| label="宅基地证书号" | |||||
| placeholder="宅基地证书号" | |||||
| maxlength="50" | |||||
| autocomplete="off" | autocomplete="off" | ||||
| input-align="right" | |||||
| v-model="form.bdcdyh" | |||||
| name="不动产单元号" | |||||
| label="不动产单元号" | |||||
| placeholder="不动产单元号" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| input-align="right" | input-align="right" | ||||
| v-model="form.zjdpzmj" | |||||
| name="批准面积(㎡)" | |||||
| label="批准面积(㎡)" | |||||
| placeholder="单位:平方米" | |||||
| type="number" | |||||
| maxlength="15" | |||||
| v-model="form.zl" | |||||
| name="坐落" | |||||
| label="坐落" | |||||
| placeholder="坐落" | |||||
| required | |||||
| :rules="[{ required: true }]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| @@ -120,28 +110,86 @@ | |||||
| label="宗地面积(㎡)" | label="宗地面积(㎡)" | ||||
| placeholder="宗地面积(㎡)" | placeholder="宗地面积(㎡)" | ||||
| maxlength="15" | maxlength="15" | ||||
| required | |||||
| :rules="[{ required: true }]" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.yt" | |||||
| label="用途" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择用途" | |||||
| remote-url="/system/dict/data/type/land_use" | |||||
| :on-remote-response="'data'" | |||||
| required | |||||
| :rules="[{ required: true }]" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.dj" | |||||
| label="等级" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择等级" | |||||
| remote-url="/system/dict/data/type/tddj" | |||||
| :on-remote-response="'data'" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| input-align="right" | input-align="right" | ||||
| v-model="form.zl" | |||||
| name="坐落" | |||||
| label="坐落" | |||||
| placeholder="坐落" | |||||
| required | |||||
| :rules="[{ required: true, message: '坐落不能为空' }]" | |||||
| v-model="form.jg" | |||||
| name="价格(万元)" | |||||
| label="价格(万元)" | |||||
| placeholder="价格(万元)" | |||||
| type="number" | |||||
| maxlength="15" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.dj" | |||||
| label="权利类型" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择权利类型" | |||||
| remote-url="/system/dict/data/type/rights_type" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.dj" | |||||
| label="权利类型方式" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择权利类型方式" | |||||
| remote-url="/system/dict/data/type/right_setting_mode" | |||||
| :on-remote-response="'data'" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="form.zldwdm" | |||||
| name="坐落单位代码" | |||||
| label="坐落单位代码" | |||||
| placeholder="自动生成" | |||||
| input-align="right" | input-align="right" | ||||
| disabled | |||||
| v-show="false" | |||||
| v-model="form.rjl" | |||||
| name="容积率" | |||||
| label="容积率" | |||||
| placeholder="容积率" | |||||
| /> | |||||
| <van-field | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.jzmd" | |||||
| name="建筑密度" | |||||
| label="建筑密度" | |||||
| placeholder="建筑密度" | |||||
| type="number" | |||||
| maxlength="15" | |||||
| /> | /> | ||||
| <van-field | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.jzxg" | |||||
| name="建筑限高" | |||||
| label="建筑限高" | |||||
| placeholder="建筑限高" | |||||
| type="number" | |||||
| maxlength="15" | |||||
| /> | |||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| input-align="right" | input-align="right" | ||||
| @@ -151,7 +199,7 @@ | |||||
| placeholder="宗地四至-东" | placeholder="宗地四至-东" | ||||
| maxlength="150" | maxlength="150" | ||||
| required | required | ||||
| :rules="[{ required: true, message: '宗地四至-东不能为空' }]" | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| @@ -162,7 +210,7 @@ | |||||
| placeholder="宗地四至-南" | placeholder="宗地四至-南" | ||||
| maxlength="150" | maxlength="150" | ||||
| required | required | ||||
| :rules="[{ required: true, message: '宗地四至-南不能为空' }]" | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| input-align="right" | input-align="right" | ||||
| @@ -172,7 +220,7 @@ | |||||
| placeholder="宗地四至-西" | placeholder="宗地四至-西" | ||||
| maxlength="150" | maxlength="150" | ||||
| required | required | ||||
| :rules="[{ required: true, message: '宗地四至-西不能为空' }]" | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| @@ -183,7 +231,236 @@ | |||||
| placeholder="宗地四至-北" | placeholder="宗地四至-北" | ||||
| maxlength="150" | maxlength="150" | ||||
| required | required | ||||
| :rules="[{ required: true, message: '宗地四至-北不能为空' }]" | |||||
| :rules="[{ required: true}]" | |||||
| /> | |||||
| <van-field | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.tfh" | |||||
| name="图幅号" | |||||
| label="图幅号" | |||||
| placeholder="图幅号" | |||||
| /> | |||||
| <van-field | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.djh" | |||||
| name="地籍号" | |||||
| label="地籍号" | |||||
| placeholder="图幅号" | |||||
| /> | |||||
| <van-field | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.bz" | |||||
| name="备注" | |||||
| label="备注" | |||||
| placeholder="备注" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.sjly" | |||||
| label="数据来源" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择数据来源" | |||||
| remote-url="/system/dict/data/type/sjly" | |||||
| :on-remote-response="'data'" | |||||
| required | |||||
| :rules="[{ required: true}]" | |||||
| /> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">属性信息</p> | |||||
| <field-select | |||||
| v-model="form.zjdqdfs" | |||||
| label="取得方式" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择取得方式" | |||||
| remote-url="/system/dict/data/type/acquisition_method" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <van-field | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.zjdqdsj" | |||||
| name="取得时间" | |||||
| label="取得时间" | |||||
| placeholder="取得时间" | |||||
| readonly | |||||
| @click="showZjdqdsj = true" | |||||
| /> | |||||
| <van-popup v-model:show="showZjdqdsj" position="bottom"> | |||||
| <van-datetime-picker | |||||
| type="date" | |||||
| @confirm="onConfirmzjdqdsj" | |||||
| @cancel="showZjdqdsj = false" | |||||
| :min-date="minDate" | |||||
| :max-date="maxDate" | |||||
| /> | |||||
| </van-popup> | |||||
| <FieldRadio | |||||
| v-model="form.isMore" | |||||
| label="是否一户多宅" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <FieldRadio | |||||
| v-model="form.sfcz" | |||||
| label="是否超占" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| @change="onSfczChanged" | |||||
| /> | |||||
| <van-field | |||||
| v-if="showCzmj" | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.czmj" | |||||
| type="number" | |||||
| name="超占面积(㎡)" | |||||
| label="超占面积(㎡)" | |||||
| placeholder="超占面积(㎡)" | |||||
| maxlength="15" | |||||
| required | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| /> | |||||
| <FieldRadio | |||||
| v-model="form.sffz" | |||||
| label="是否发证" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| @change="onSffzChanged" | |||||
| /> | |||||
| <van-field | |||||
| v-if="showFzxx" | |||||
| input-align="right" | |||||
| v-model="form.zsh" | |||||
| name="证书号" | |||||
| label="证书号" | |||||
| placeholder="证书号" | |||||
| maxlength="150" | |||||
| required | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| /> | |||||
| <van-field | |||||
| v-if="showFzxx" | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.zsmj" | |||||
| type="number" | |||||
| name="证书面积(㎡)" | |||||
| label="证书面积(㎡)" | |||||
| placeholder="证书面积(㎡)" | |||||
| maxlength="15" | |||||
| required | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| /> | |||||
| <van-field | |||||
| v-if="showFzxx" | |||||
| input-align="right" | |||||
| v-model="form.fzdw" | |||||
| name="发证单位" | |||||
| label="发证单位" | |||||
| placeholder="发证单位" | |||||
| maxlength="150" | |||||
| required | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| /> | |||||
| <van-field | |||||
| v-if="showWbzyy" | |||||
| input-align="right" | |||||
| v-model="form.wbzyy" | |||||
| name="未办证原因" | |||||
| label="未办证原因" | |||||
| placeholder="未办证原因" | |||||
| maxlength="150" | |||||
| required | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.houseOwnership" | |||||
| label="权利归属" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择权利归属" | |||||
| remote-url="/system/dict/data/type/house_ownership" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.landStatus" | |||||
| label="使用状态" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择使用状态" | |||||
| remote-url="/system/dict/data/type/land_status" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.zjdlyzk" | |||||
| label="利用状况" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择利用状况" | |||||
| remote-url="/system/dict/data/type/zjdlyzk" | |||||
| :on-remote-response="'data'" | |||||
| @change="onZjdlyzkChanged" | |||||
| /> | |||||
| <van-field | |||||
| v-if="showXzyy" | |||||
| input-align="right" | |||||
| v-model="form.zjdxzyy" | |||||
| name="闲置原因" | |||||
| label="闲置原因" | |||||
| placeholder="闲置原因" | |||||
| maxlength="150" | |||||
| required | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| /> | |||||
| <van-field | |||||
| v-if="showXzyy" | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.zjdxzqssj" | |||||
| name="闲置起始时间" | |||||
| label="闲置起始时间" | |||||
| placeholder="闲置起始时间" | |||||
| required | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| readonly | |||||
| @click="showXzqssj = true" | |||||
| /> | |||||
| <van-popup v-model:show="showXzqssj" position="bottom"> | |||||
| <van-datetime-picker | |||||
| type="date" | |||||
| @confirm="onConfirmxzqssj" | |||||
| @cancel="showXzqssj = false" | |||||
| :min-date="minDate" | |||||
| :max-date="maxDate" | |||||
| /> | |||||
| </van-popup> | |||||
| <field-select | |||||
| v-model="form.landPhms" | |||||
| label="盘活利用模式" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择盘活利用模式" | |||||
| remote-url="/system/dict/data/type/phlyms" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <van-field | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.nsy" | |||||
| type="number" | |||||
| name="年收益(元)" | |||||
| label="年收益(元)" | |||||
| placeholder="年收益(元)" | |||||
| maxlength="15" | |||||
| /> | /> | ||||
| <!-- <van-collapse v-model="activeZjd">--> | <!-- <van-collapse v-model="activeZjd">--> | ||||
| <!-- <van-collapse-item title="利用状况" name="1" class="label-class">--> | <!-- <van-collapse-item title="利用状况" name="1" class="label-class">--> | ||||
| @@ -450,8 +727,7 @@ | |||||
| <MapGisDrawing ref="zjdProductResh" :message="form.theGeomJson" :zjddm="form.zjddm" ></MapGisDrawing> | <MapGisDrawing ref="zjdProductResh" :message="form.theGeomJson" :zjddm="form.zjddm" ></MapGisDrawing> | ||||
| </div> | </div> | ||||
| <div style="margin: 16px;display: flex;justify-content: space-around;"> | <div style="margin: 16px;display: flex;justify-content: space-around;"> | ||||
| <van-button round color="#22B7F2" style="width:45%" native-type="submit">保存</van-button> | |||||
| <van-button plain color="#22B7F2" round type="info" style="width:45%" native-type="submit">取消</van-button> | |||||
| <van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
| </div> | </div> | ||||
| <div style="height: 50px;"></div> | <div style="height: 50px;"></div> | ||||
| </van-form> | </van-form> | ||||
| @@ -461,6 +737,8 @@ | |||||
| <script> | <script> | ||||
| import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | ||||
| import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | ||||
| import FieldSelect from "@/components/form/FieldSelect"; | |||||
| import FieldRadio from "@/components/form/FieldRadio"; | |||||
| import MapGisDrawing from "@/components/Map/MapGisDrawing"; | import MapGisDrawing from "@/components/Map/MapGisDrawing"; | ||||
| import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | ||||
| import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | ||||
| @@ -475,7 +753,7 @@ import { Notify, Dialog, Toast } from 'vant'; | |||||
| import axios from "axios"; | import axios from "axios"; | ||||
| export default { | export default { | ||||
| name: "homesteadAdd", | name: "homesteadAdd", | ||||
| components: { MapGisDrawing,}, | |||||
| components: { MapGisDrawing,FieldSelect, FieldRadio}, | |||||
| data() { | data() { | ||||
| return { | return { | ||||
| active:1, | active:1, | ||||
| @@ -487,13 +765,31 @@ export default { | |||||
| nhdm :'777888999', | nhdm :'777888999', | ||||
| } | } | ||||
| ], | ], | ||||
| showZjdqdsj:false, | |||||
| showCzmj:false, | |||||
| showFzxx:false, | |||||
| showWbzyy:false, | |||||
| showXzyy:false, | |||||
| showXzqssj:false, | |||||
| minDate: new Date(), | |||||
| maxDate: new Date(2025, 10, 1), | |||||
| form:{} | form:{} | ||||
| }; | }; | ||||
| }, | }, | ||||
| created(){ | created(){ | ||||
| let data = this.$route.query.res; | let data = this.$route.query.res; | ||||
| this.form = JSON.parse(localStorage.getItem("zjdzdxxItem")); | this.form = JSON.parse(localStorage.getItem("zjdzdxxItem")); | ||||
| console.info(this.form); | |||||
| if(this.form.sfcz === "1"){ | |||||
| this.showCzmj = true; | |||||
| } | |||||
| if(this.form.sffz === "1"){ | |||||
| this.showFzxx = true; | |||||
| }else{ | |||||
| this.showWbzyy = true; | |||||
| } | |||||
| if(this.form.zjdlyzk !== "1"){ | |||||
| this.showXzyy = true; | |||||
| } | |||||
| this.onSubmitzjd(); | this.onSubmitzjd(); | ||||
| }, | }, | ||||
| mounted(){ | mounted(){ | ||||
| @@ -506,17 +802,22 @@ export default { | |||||
| }, 500); | }, 500); | ||||
| }, | }, | ||||
| submitzjd(){ | submitzjd(){ | ||||
| updateZjdzd(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| this.$refs.form.validate().then(() => { | |||||
| updateZjdzd(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| }).catch((e) => { | |||||
| Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
| }); | }); | ||||
| }, | }, | ||||
| guidProduct(){ | guidProduct(){ | ||||
| return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | ||||
| @@ -529,6 +830,40 @@ export default { | |||||
| MapTag: function (data) { | MapTag: function (data) { | ||||
| this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | ||||
| }, | }, | ||||
| onConfirmzjdqdsj(data){ | |||||
| this.form.zjdqdsj = this.getNowFormatDate(data).substr(0,10); | |||||
| this.showZjdqdsj = false; | |||||
| }, | |||||
| onConfirmxzqssj(data){ | |||||
| this.form.zjdxzqssj = this.getNowFormatDate(data).substr(0,10); | |||||
| this.showXzqssj = false; | |||||
| }, | |||||
| /**是否超占处理*/ | |||||
| onSfczChanged(val){ | |||||
| if(val === '1'){ | |||||
| this.showCzmj = true; | |||||
| }else{ | |||||
| this.showCzmj = false; | |||||
| } | |||||
| }, | |||||
| /**是否发证*/ | |||||
| onSffzChanged(val){ | |||||
| if(val === '1'){ | |||||
| this.showFzxx = true; | |||||
| this.showWbzyy = false; | |||||
| }else{ | |||||
| this.showFzxx = false; | |||||
| this.showWbzyy = true; | |||||
| } | |||||
| }, | |||||
| /**宅基地利用状态处理*/ | |||||
| onZjdlyzkChanged(val){ | |||||
| if(val.dictValue === '1'){ | |||||
| this.showXzyy = false; | |||||
| }else{ | |||||
| this.showXzyy = true; | |||||
| } | |||||
| }, | |||||
| goBack(){ | goBack(){ | ||||
| if(this.ztMap && this.enterMap ==1){ | if(this.ztMap && this.enterMap ==1){ | ||||
| if(this.form.id == null){ | if(this.form.id == null){ | ||||
| @@ -540,7 +875,7 @@ export default { | |||||
| } else { | } else { | ||||
| this.$cookies.set("search",""); | this.$cookies.set("search",""); | ||||
| } | } | ||||
| this.$router.push({name:'homesteadList'}); | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | // } | ||||
| }, | }, | ||||
| } | } | ||||
| @@ -89,7 +89,7 @@ | |||||
| <p style="font-size: 16px;" @click="showPopupsyqr('')">+ 添加使用权人</p> | <p style="font-size: 16px;" @click="showPopupsyqr('')">+ 添加使用权人</p> | ||||
| </div> | </div> | ||||
| <div style="width:49%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | <div style="width:49%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | ||||
| <p style="font-size: 16px;" @click="showPopupnh('')">+ 添加农户信息</p> | |||||
| <p style="font-size: 16px;" @click="showPopupnhcy()">+ 添加农户信息</p> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -130,7 +130,7 @@ export default { | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getList(){ | getList(){ | ||||
| getShyqrs({zjddm:this.zjdzdxx.zjddm,shyqrdbxm:this.zjdzdxx.shyqrdbxm }).then(response => { | |||||
| getShyqrs({zjddm:this.zjdzdxx.zjddm}).then(response => { | |||||
| this.syqrlist = response.rows; | this.syqrlist = response.rows; | ||||
| }); | }); | ||||
| }, | }, | ||||
| @@ -145,14 +145,21 @@ export default { | |||||
| } else { | } else { | ||||
| this.$cookies.set("search",""); | this.$cookies.set("search",""); | ||||
| } | } | ||||
| this.$router.push({name:'homesteadList'}); | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | // } | ||||
| }, | }, | ||||
| showPopupsyqr(){ | |||||
| this.$router.push({name:'shyqrAdd'}); | |||||
| showPopupsyqr(val){ | |||||
| this.$router.push({name:'shyqrAdd',query:val}); | |||||
| }, | |||||
| showPopupnh(val){ | |||||
| this.$router.push({name:'nhAdd',query:val}); | |||||
| }, | |||||
| showPopupnhcy(){ | |||||
| this.$router.push({name:'nhcyAdd',query:{}}); | |||||
| }, | |||||
| showPopuphncylist(val){ | |||||
| this.$router.push({name:'nhcyList',query:val}); | |||||
| }, | }, | ||||
| showPopupnh(){}, | |||||
| showPopuphncylist(){}, | |||||
| } | } | ||||
| } | } | ||||
| </script> | </script> | ||||
| @@ -65,11 +65,11 @@ | |||||
| <p style="flex:1;text-align:right;">{{item.zcs}}</p> | <p style="flex:1;text-align:right;">{{item.zcs}}</p> | ||||
| </div> | </div> | ||||
| <div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | <div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | ||||
| <p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnh(item)"> | |||||
| <p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupzrz(item)"> | |||||
| <img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | <img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | ||||
| <span style="font-size: 14px;color: #fff;margin-left: 5px;">自然幢信息</span> | <span style="font-size: 14px;color: #fff;margin-left: 5px;">自然幢信息</span> | ||||
| </p> | </p> | ||||
| <p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopuphncylist(item)"> | |||||
| <p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="shownmfwlist(item)"> | |||||
| <img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | <img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | ||||
| <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">房屋列表</span> | <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">房屋列表</span> | ||||
| </p> | </p> | ||||
| @@ -81,7 +81,7 @@ | |||||
| </van-swipe-cell> | </van-swipe-cell> | ||||
| <div style=" width:95%;margin:20px auto;display: flex;justify-content: center;"> | <div style=" width:95%;margin:20px auto;display: flex;justify-content: center;"> | ||||
| <div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | <div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | ||||
| <p style="font-size: 16px;">+ 添加自然幢信息</p> | |||||
| <p style="font-size: 16px;" @click="showPopupAddzrz()">+ 添加自然幢信息</p> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -136,13 +136,20 @@ export default { | |||||
| } else { | } else { | ||||
| this.$cookies.set("search",""); | this.$cookies.set("search",""); | ||||
| } | } | ||||
| this.$router.push({name:'homesteadList'}); | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | // } | ||||
| }, | }, | ||||
| showPopupzrz(){}, | |||||
| shownmfwlist(){}, | |||||
| showPopupzrz(val){ | |||||
| this.$router.push({name:'zrzAdd',query:val}); | |||||
| }, | |||||
| showPopupAddzrz(){ | |||||
| console.info(this.zrzlist[0].zjddm); | |||||
| this.$router.push({name:'zrzAdd',query:{zjddm:this.zrzlist[0].zjddm}}); | |||||
| }, | |||||
| shownmfwlist(val){ | |||||
| this.$router.push({name:'nmfwList',query:val}); | |||||
| }, | |||||
| deletezrz(){}, | deletezrz(){}, | ||||
| showPopupzrz(){}, | |||||
| } | } | ||||
| } | } | ||||
| </script> | </script> | ||||
| @@ -65,9 +65,9 @@ | |||||
| <p style="flex:1;text-align:right;">{{item.jzwqk}}</p> | <p style="flex:1;text-align:right;">{{item.jzwqk}}</p> | ||||
| </div> | </div> | ||||
| <div style="text-align:center;overflow:auto;display: flex;justify-content: center;margin-top: 10px;"> | <div style="text-align:center;overflow:auto;display: flex;justify-content: center;margin-top: 10px;"> | ||||
| <p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnh(item)"> | |||||
| <p style="width:49%;display: flex;align-items: center;justify-content:center;border: 1px solid transparent;background: #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupzrz(item)"> | |||||
| <img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | <img src="../../assets/images/housesteadSurvey/add01.png" alt=""> | ||||
| <span style="font-size: 14px;color: #fff;margin-left: 5px;">查看附属设施信息</span> | |||||
| <span style="font-size: 14px;color: #fff;margin-left: 5px;" >查看附属设施信息</span> | |||||
| </p> | </p> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| @@ -77,26 +77,58 @@ | |||||
| </van-swipe-cell> | </van-swipe-cell> | ||||
| <div style=" width:95%;margin:20px auto;display: flex;justify-content: center;"> | <div style=" width:95%;margin:20px auto;display: flex;justify-content: center;"> | ||||
| <div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | <div style="width:100%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | ||||
| <p style="font-size: 16px;">+ 添加附属设施信息</p> | |||||
| <p style="font-size: 16px;" @click="showPopupAddzrz()">+ 添加附属设施信息</p> | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| <div style="width:95%;margin:20px auto;text-align:center;overflow:auto;display: flex;justify-content: space-around;"> | <div style="width:95%;margin:20px auto;text-align:center;overflow:auto;display: flex;justify-content: space-around;"> | ||||
| <p style="width:32%;border: 1px solid transparent;background: #FA5353;padding: 5px 0;border-radius: 50px;"> | <p style="width:32%;border: 1px solid transparent;background: #FA5353;padding: 5px 0;border-radius: 50px;"> | ||||
| <span style="font-size: 14px;color: #fff;margin-left: 5px;">异常标记</span> | |||||
| <span style="font-size: 14px;color: #fff;margin-left: 5px;" @click="ycbj()">异常标记</span> | |||||
| </p> | </p> | ||||
| <p style="width:32%;border: 1px solid transparent;background: #22B7F2;padding: 5px 0;border-radius: 50px;"> | <p style="width:32%;border: 1px solid transparent;background: #22B7F2;padding: 5px 0;border-radius: 50px;"> | ||||
| <span style="font-size: 14px;color: #fff;margin-left: 5px;">签名确认</span> | |||||
| <span style="font-size: 14px;color: #fff;margin-left: 5px;" @click="qmqr()">签名确认</span> | |||||
| </p> | </p> | ||||
| <p style="width:32%;border: 1px solid #22B7F2;background: #ffffff;padding: 5px 0;border-radius: 50px;"> | <p style="width:32%;border: 1px solid #22B7F2;background: #ffffff;padding: 5px 0;border-radius: 50px;"> | ||||
| <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">调查审核</span> | |||||
| <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;" @click="dcsh()">调查审核</span> | |||||
| </p> | </p> | ||||
| </div> | </div> | ||||
| <van-popup v-model="dcshShow" position="bottom"> | |||||
| <van-picker | |||||
| show-toolbar | |||||
| :columns="examineData" | |||||
| value-key="dictLabel" | |||||
| @confirm="onSurveyStatusChanged" | |||||
| @cancel="dcshShow = false" | |||||
| /> | |||||
| </van-popup> | |||||
| <van-popup v-model="showesign" position="bottom" closeable | |||||
| close-icon="close"> | |||||
| <van-row style="margin:0 10%"> | |||||
| <p class="title" style="margin:20px 0;position:relative;padding-left:20px;font-size:0.5rem">电子签名</p> | |||||
| </van-row> | |||||
| <van-row style="margin: 0 5% 5% 5%;border:1px solid #BFBFBF;"> | |||||
| <vue-esign | |||||
| ref="esign" | |||||
| class="mySign" | |||||
| :height="200" | |||||
| :isCrop="signature.isCrop" | |||||
| :lineWidth="signature.lineWidth" | |||||
| :lineColor="signature.lineColor" | |||||
| :bgColor.sync="signature.bgColor" | |||||
| v-if="!signature.resultImg" | |||||
| /> | |||||
| <img :src="signature.resultImg" alt="" width="100%" height="100%;" v-if="signature.resultImg"/> | |||||
| </van-row> | |||||
| <van-row type="flex" justify="center" v-if="!signature.resultImg" style="margin-bottom:20px;"> <!--v-if="!formEnabled.acceptingForm.townFormEnabled"--> | |||||
| <van-col span="6" style="text-align:center;"><van-button type="primary" round size="small" @click="handleReset">清空画板</van-button></van-col> | |||||
| <van-col span="6" style="text-align:center;"><van-button type="primary" round size="small" @click="handleGenerate">保存提交</van-button></van-col> | |||||
| </van-row> | |||||
| </van-popup> | |||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| <script> | <script> | ||||
| import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | ||||
| import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
| import {listZjdzd,getZjdzd,updateZjdzd,zjddcSign,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
| import MapGisDrawing from "@/components/Map/MapGisDrawing"; | import MapGisDrawing from "@/components/Map/MapGisDrawing"; | ||||
| import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | ||||
| import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | ||||
| @@ -111,16 +143,30 @@ import { Notify, Dialog, Toast } from 'vant'; | |||||
| import axios from "axios"; | import axios from "axios"; | ||||
| export default { | export default { | ||||
| name: "homesteadAdd", | name: "homesteadAdd", | ||||
| components: { MapGisDrawing,}, | |||||
| components: { MapGisDrawing}, | |||||
| data() { | data() { | ||||
| return { | return { | ||||
| active:4, | active:4, | ||||
| zjdzdxx:{}, | |||||
| fssslist:[] | |||||
| dcshShow:false, | |||||
| showesign:false, | |||||
| examineData:[{dictLabel:"审批通过",dictValue:"5"},{dictLabel:"审批驳回",dictValue:"4"}], | |||||
| zjdzdxx:{surveyStatus:"5"}, | |||||
| fssslist:[], | |||||
| //电子签名 | |||||
| signature: { | |||||
| lineWidth: 6, // 画笔的线条粗细 | |||||
| lineColor: "#000000", // 画笔的颜色 | |||||
| bgColor: "", // 画布的背景颜色 | |||||
| resultImg: "", // 最终画布生成的base64图片 | |||||
| isCrop: false, // 是否裁剪,在画布设定尺寸基础上裁掉四周空白部分 | |||||
| }, | |||||
| }; | }; | ||||
| }, | }, | ||||
| created(){ | created(){ | ||||
| this.zjdzdxx = JSON.parse(localStorage.getItem("zjdzdxxItem")); | this.zjdzdxx = JSON.parse(localStorage.getItem("zjdzdxxItem")); | ||||
| if(this.zjdzdxx.surveySign != null){ | |||||
| this.signature.resultImg = "http://localhost/api/"+this.zjdzdxx.surveySign; | |||||
| } | |||||
| this.getList(); | this.getList(); | ||||
| }, | }, | ||||
| mounted(){ | mounted(){ | ||||
| @@ -132,6 +178,71 @@ export default { | |||||
| this.fssslist = response.rows; | this.fssslist = response.rows; | ||||
| }); | }); | ||||
| }, | }, | ||||
| onSurveyStatusChanged(val){ | |||||
| this.$set(this.zjdzdxx, 'surveyStatus', val.dictValue); | |||||
| updateZjdzd(this.zjdzdxx).then(response => { | |||||
| let _this =this | |||||
| _this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.dcshShow = false; | |||||
| _this.$router.push({path:'/homesteadSurvey/add4',query: {zjddm: _this.zjdzdxx.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| }, | |||||
| // 清空画板 | |||||
| handleReset() { | |||||
| this.resultImg = null | |||||
| if(this.$refs.esign){ | |||||
| this.$refs.esign.reset(); | |||||
| } | |||||
| }, | |||||
| // 生成签字图 | |||||
| handleGenerate() { | |||||
| console.info( this.$refs.esign | |||||
| .generate() ); | |||||
| this.$refs.esign | |||||
| .generate() // 使用生成器调用把签字的图片转换成为base64图片格式 | |||||
| .then((res) => { | |||||
| this.signature.resultImg = res; | |||||
| let wj = this.dataURLtoBlob(res); | |||||
| let param = new FormData() // 创建form对象 | |||||
| param.append('file', wj) // 通过append向form对象添加数据 | |||||
| param.append('date', this.format(new Date(), 'yyyy-MM-dd')) // 通过append向form对象添加数据 | |||||
| zjddcSign(param, this.zjdzdxx.zjddm).then(response => { | |||||
| this.$notify({type: 'success', message: '签字成功'}); | |||||
| this.showesign = false; | |||||
| // location.reload(); | |||||
| getZjdzd(this.zjdzdxx.id).then((response) => { | |||||
| localStorage.setItem("zjdzdxxItem",JSON.stringify(response.data)) | |||||
| }); | |||||
| this.getList(); | |||||
| }); | |||||
| }) | |||||
| .catch((err) => { | |||||
| // 画布没有签字时会执行这里提示一下 | |||||
| this.$toast.fail('请签名后再保存签字'); | |||||
| }); | |||||
| }, | |||||
| dataURLtoBlob (dataurl, filename = 'file') { | |||||
| let arr = dataurl.split(',') | |||||
| let mime = arr[0].match(/:(.*?);/)[1] | |||||
| let suffix = mime.split('/')[1] | |||||
| let bstr = atob(arr[1]) | |||||
| let n = bstr.length | |||||
| let u8arr = new Uint8Array(n) | |||||
| while (n--) { | |||||
| u8arr[n] = bstr.charCodeAt(n) | |||||
| } | |||||
| return new File([u8arr], `${filename}.${suffix}`, { | |||||
| type: mime | |||||
| }) | |||||
| }, | |||||
| goBack(){ | goBack(){ | ||||
| if(this.ztMap && this.enterMap ==1){ | if(this.ztMap && this.enterMap ==1){ | ||||
| if(this.form.id == null){ | if(this.form.id == null){ | ||||
| @@ -143,13 +254,35 @@ export default { | |||||
| } else { | } else { | ||||
| this.$cookies.set("search",""); | this.$cookies.set("search",""); | ||||
| } | } | ||||
| this.$router.push({name:'homesteadList'}); | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | // } | ||||
| }, | }, | ||||
| showPopupzrz(){}, | |||||
| showPopupzrz(item){ this.$router.push({name:'fsssAdd',query:item});}, | |||||
| showPopupAddzrz(){ | |||||
| this.$router.push({name:'fsssAdd',query:{zjddm:this.zjdzdxx.zjddm}}); | |||||
| }, | |||||
| shownmfwlist(){}, | shownmfwlist(){}, | ||||
| deletezrz(){}, | deletezrz(){}, | ||||
| showPopupzrz(){}, | |||||
| qmqr(){ | |||||
| this.showesign = true; | |||||
| }, | |||||
| ycbj(){ | |||||
| this.$set(this.zjdzdxx, 'surveyStatus', "2"); | |||||
| updateZjdzd(this.zjdzdxx).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add4',query: {zjddm: _this.zjdzdxx.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| }, | |||||
| dcsh(){ | |||||
| this.dcshShow = true; | |||||
| }, | |||||
| } | } | ||||
| } | } | ||||
| </script> | </script> | ||||
| @@ -0,0 +1,368 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <van-sticky style="position:relative;"> | |||||
| <div class="bannerBg"> | |||||
| <van-nav-bar | |||||
| style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
| @click-left="goBack()" | |||||
| > | |||||
| <template #left> | |||||
| <van-icon name="arrow-left" size="18" color="#fff" /> | |||||
| </template> | |||||
| <template #title> | |||||
| <p style="color:#fff">入户调查</p> | |||||
| </template> | |||||
| </van-nav-bar> | |||||
| </div> | |||||
| <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
| <van-row> | |||||
| <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
| </van-col> | |||||
| </van-row> | |||||
| </div> | |||||
| </van-sticky> | |||||
| <van-form ref = "form"> | |||||
| <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">附属设施信息</p> | |||||
| <!--<van-field | |||||
| v-model="form.deptId" | |||||
| name="行政区划名称" | |||||
| label="行政区划名称" | |||||
| placeholder="行政区划名称" | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| />--> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.zjddm" | |||||
| name="宅基地代码" | |||||
| label="宅基地代码" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.fssslx" | |||||
| label="附属设施类型" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择附属设施类型" | |||||
| remote-url="/system/dict/data/type/fsss_type" | |||||
| :on-remote-response="'data'" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <van-field | |||||
| v-model="form.jzmj" | |||||
| label="建筑面积(m²)" | |||||
| placeholder="请输入建筑面积" | |||||
| input-align="right" | |||||
| label-width="auto" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| type="number"/> | |||||
| <FieldRadio | |||||
| v-model="form.sfzsy" | |||||
| label="是否正在使用" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.jzwqk" | |||||
| label="建筑物情况" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择建筑物情况" | |||||
| remote-url="/system/dict/data/type/jzwqk" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.jsqtdzk" | |||||
| label="建设前土地状况" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择建设前土地状况" | |||||
| remote-url="/system/dict/data/type/land_state" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.remark" | |||||
| name="备注" | |||||
| label="备注" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <common-map ref="pointDarwMap" style="height:200px;" | |||||
| :allowDraw="true" | |||||
| @drawReseted="onMapDrawReseted" | |||||
| @drawFinished="onMapDrawFinished" | |||||
| > | |||||
| </common-map> | |||||
| </div> | |||||
| <div style="margin: 16px;display: flex;justify-content: space-around;"> | |||||
| <van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
| <van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
| </div> | |||||
| <div style="height: 50px;"></div> | |||||
| </van-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | |||||
| import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
| import FieldSelect from "@/components/form/FieldSelect"; | |||||
| import FieldRadio from "@/components/form/FieldRadio"; | |||||
| import CommonMap from "@/components/house/CommonMap"; | |||||
| import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
| import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
| import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
| import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
| import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
| import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
| import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
| import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
| import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
| import { Notify, Dialog, Toast } from 'vant'; | |||||
| import axios from "axios"; | |||||
| export default { | |||||
| components: {FieldSelect, FieldRadio,CommonMap}, | |||||
| name: "zrzAdd", | |||||
| data() { | |||||
| return { | |||||
| active:3, | |||||
| // 使用权人列表 | |||||
| syqrlist:[ | |||||
| { | |||||
| shyqrdbxm :'测试测试', | |||||
| shyqrdbzjhm :'12324648564', | |||||
| nhdm :'777888999', | |||||
| } | |||||
| ], | |||||
| // 地图绘制 | |||||
| drawInsert: null, | |||||
| // 当前位置信息 | |||||
| tGeoOrganizationLat: null, | |||||
| tGeoOrganizationLng: null, | |||||
| minDate: new Date(), | |||||
| maxDate: new Date(2025, 10, 1), | |||||
| showZgqrzrq:false, | |||||
| form:{} | |||||
| }; | |||||
| }, | |||||
| created(){ | |||||
| let data = this.$route.query; | |||||
| this.form = data; | |||||
| if(this.form.id == null){ | |||||
| this.$set(this.form, 'fssslx', "11"); | |||||
| this.$set(this.form, 'sfzsy', "1"); | |||||
| this.$set(this.form, 'jzwqk', "1"); | |||||
| this.$set(this.form, 'jsqtdzk', "1"); | |||||
| } | |||||
| this.$nextTick(() => { | |||||
| this.pointDarw(null); | |||||
| // this.pointDarwNature(null); | |||||
| this.$refs.pointDarwMap && this.$refs.pointDarwMap.update(); | |||||
| }) | |||||
| }, | |||||
| mounted(){ | |||||
| }, | |||||
| methods: { | |||||
| getList(){ | |||||
| listNh({hzzjhm:this.form.shyqrdbzjhm}).then(response => { | |||||
| this.form = response.rows[0]; | |||||
| }); | |||||
| }, | |||||
| submitzjd(){ | |||||
| this.$refs.form.validate().then(() => { | |||||
| if(this.form.id == null){ | |||||
| addFsss(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add4',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| }else{ | |||||
| updateFsss(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add4',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| } | |||||
| }).catch((e) => { | |||||
| Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
| }); | |||||
| }, | |||||
| // 绘制申请地图 | |||||
| pointDarw(data) { | |||||
| this.$nextTick(() => { | |||||
| let map = this.$refs.pointDarwMap; | |||||
| if(data === null) | |||||
| data = this.form.theGeomJson; | |||||
| this.setMapData(map, data); | |||||
| }); | |||||
| }, | |||||
| // 通用设置地图数据函数 | |||||
| setMapData(map, data) { | |||||
| //console.log(map, data ? true : false); | |||||
| if(!map) return; | |||||
| if(data) | |||||
| { | |||||
| map.setLayer('pointDarwLayer', data); | |||||
| } | |||||
| else { | |||||
| this.getLandCoord((lng, lat) => { | |||||
| map.setCoord(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
| }); | |||||
| } | |||||
| }, | |||||
| // 当地图绘制完成时 | |||||
| onMapDrawFinished(data) { | |||||
| console.info(data); | |||||
| this.drawInsert = data; | |||||
| this.form.theGeomJson = JSON.stringify(this.drawInsert); | |||||
| }, | |||||
| // 当申请地图被重置时 | |||||
| onMapDrawReseted() { | |||||
| this.drawInsert = null; | |||||
| if(this.form.theGeomJson) | |||||
| { | |||||
| let lastData = JSON.parse(this.form.theGeomJson); | |||||
| if(lastData.hasOwnProperty('coordinates')) // 从后台获取的 | |||||
| this.drawInsert = lastData.coordinates; | |||||
| } | |||||
| }, | |||||
| cancel(){ | |||||
| this.$router.push({path:'/homesteadSurvey/add4',query: {zjddm: this.form.zjddm}}); | |||||
| }, | |||||
| // 获取登录人位置坐标 | |||||
| getLandCoord(func) { | |||||
| if (func | |||||
| && this.tGeoOrganizationLng !== null && this.tGeoOrganizationLng !== '' | |||||
| && this.tGeoOrganizationLat !== null && this.tGeoOrganizationLat !== '') { | |||||
| this.$nextTick(() => { | |||||
| func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
| }) | |||||
| } | |||||
| else { | |||||
| console.info(this.deptId); | |||||
| getQueryLand(this.deptId).then((response) => { | |||||
| if (response.code == 200) { | |||||
| let InsertCode = response.data; | |||||
| this.form.orgCode = InsertCode.orgCode; | |||||
| this.tGeoOrganizationLat = InsertCode.lat; | |||||
| this.tGeoOrganizationLng = InsertCode.lng; | |||||
| if(func) | |||||
| { | |||||
| func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
| } | |||||
| } | |||||
| }); | |||||
| } | |||||
| }, | |||||
| guidProduct(){ | |||||
| return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
| var r = Math.random() * 16 | 0, | |||||
| v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
| return v.toString(16); | |||||
| }); | |||||
| }, | |||||
| /** 查找地图中定位点 */ | |||||
| MapTag: function (data) { | |||||
| this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||||
| }, | |||||
| onConfirmZgqrzrq(data){ | |||||
| this.form.jgrq = this.getNowFormatDate(data).substr(0,10); | |||||
| this.showZgqrzrq = false; | |||||
| }, | |||||
| goBack(){ | |||||
| if(this.ztMap && this.enterMap ==1){ | |||||
| if(this.form.id == null){ | |||||
| this.backMap.backMapZjdAData.theGeom= ""; | |||||
| }else{ | |||||
| this.backMap.backMapZjdAData = this.form; | |||||
| } | |||||
| this.$cookies.set("search",this.backMap); | |||||
| } else { | |||||
| this.$cookies.set("search",""); | |||||
| } | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped> | |||||
| >>> .bannerBg{ | |||||
| width: 100%; | |||||
| color:#fff; | |||||
| padding:10px; | |||||
| background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
| } | |||||
| >>> .van-hairline--bottom::after { | |||||
| border-bottom-width: 0; | |||||
| } | |||||
| >>> .title:before | |||||
| { | |||||
| content:""; | |||||
| width: 6px; | |||||
| height: 20PX; | |||||
| background: #7ac943; | |||||
| border-radius: 3px; | |||||
| position:absolute; | |||||
| left:0; | |||||
| bottom:0; | |||||
| } | |||||
| >>> .delete-button { | |||||
| height: 100%; | |||||
| } | |||||
| >>> .van-swipe-cell__wrapper{ | |||||
| margin-right:-3px; | |||||
| } | |||||
| >>> .label-class .van-collapse-item__title--expanded{ | |||||
| font-weight: bold; | |||||
| } | |||||
| </style> | |||||
| @@ -78,7 +78,7 @@ | |||||
| box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;"> | box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;"> | ||||
| <template #title> | <template #title> | ||||
| <div style="display: flex;align-items: center;"> | <div style="display: flex;align-items: center;"> | ||||
| <p style="display: flex;align-items: center;"> | |||||
| <p style="display: flex;align-items: center;" > | |||||
| <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;"> | <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;"> | ||||
| <span style="line-height: 1;">{{limitWords(item.shyqrdbxm)}}</span> | <span style="line-height: 1;">{{limitWords(item.shyqrdbxm)}}</span> | ||||
| </p> | </p> | ||||
| @@ -123,10 +123,10 @@ | |||||
| <div style="display: flex;align-items: center;"> | <div style="display: flex;align-items: center;"> | ||||
| <p style="display: flex;align-items: center;"> | <p style="display: flex;align-items: center;"> | ||||
| <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;"> | <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;"> | ||||
| <span style="line-height: 1;">{{limitWords(item.syqr)}}</span> | |||||
| <span style="line-height: 1;">{{limitWords(item.shyqrdbxm)}}</span> | |||||
| </p> | </p> | ||||
| <p v-if="item.houseDataConfirmStatus=='CONFIRMED'" style="display: flex;align-items: center;color:#22B7F2;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #22B7F2;" @click="setCookies(item)"><img src="../../assets/images/housesteadSurvey/list07.png" alt="" style="margin-right: 3px;">调查</p> | |||||
| <p v-if="item.houseDataConfirmStatus!='CONFIRMED'" style="display: flex;align-items: center;color:#ee0a24;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #ee0a24;" @click="deleteZjd(item,index)"><img src="../../assets/images/housesteadSurvey/list08.png" alt="" style="margin-right: 3px;">删除</p> | |||||
| <p style="display: flex;align-items: center;color:#22B7F2;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #22B7F2;" @click="setCookies(item)"><img src="../../assets/images/housesteadSurvey/list07.png" alt="" style="margin-right: 3px;">调查</p> | |||||
| <p style="display: flex;align-items: center;color:#ee0a24;font-size:12px;margin-left: auto;margin-right: 10px;border-bottom: 1px dashed #ee0a24;" @click="deleteZjd(item,index)"><img src="../../assets/images/housesteadSurvey/list08.png" alt="" style="margin-right: 3px;">删除</p> | |||||
| <p v-if="item.zjdAudit=='2'" style="color:#ee0a24;font-size:12px;">已驳回</p> | <p v-if="item.zjdAudit=='2'" style="color:#ee0a24;font-size:12px;">已驳回</p> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| @@ -416,7 +416,7 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getList(){ | getList(){ | ||||
| rhhcList({surveyStatus:"3"}).then(res => { | |||||
| rhhcList({surveyStatus:"2,3,4,5"}).then(res => { | |||||
| this.list1 = res.data.zjdzdxxList; | this.list1 = res.data.zjdzdxxList; | ||||
| this.totalH = res.data.zjdzs; | this.totalH = res.data.zjdzs; | ||||
| this.totalR = res.data.shyqrs; | this.totalR = res.data.shyqrs; | ||||
| @@ -919,7 +919,7 @@ | |||||
| // 返回 | // 返回 | ||||
| onClickLeft(){ | onClickLeft(){ | ||||
| this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
| this.$router.push('/homesteadSurvey/index'); | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| }, | }, | ||||
| onConfirmhncysjly(value){ | onConfirmhncysjly(value){ | ||||
| this.form5.sjlyName = value.dictLabel | this.form5.sjlyName = value.dictLabel | ||||
| @@ -1228,7 +1228,7 @@ | |||||
| }else{ | }else{ | ||||
| let params = { | let params = { | ||||
| "shyqrdbxm" : this.zjdvalue, | "shyqrdbxm" : this.zjdvalue, | ||||
| "surveyStatus":"3", | |||||
| "surveyStatus":"2,3,4,5", | |||||
| } | } | ||||
| rhhcList(params).then((response) => { | rhhcList(params).then((response) => { | ||||
| if (response.code == 200) { | if (response.code == 200) { | ||||
| @@ -1415,7 +1415,7 @@ | |||||
| if(this.active === 0){ | if(this.active === 0){ | ||||
| let params = { | let params = { | ||||
| "shyqrdbxm" : this.zjdvalue, | "shyqrdbxm" : this.zjdvalue, | ||||
| "surveyStatus":"3", | |||||
| "surveyStatus":"2,3,4,5", | |||||
| } | } | ||||
| rhhcList(params).then((response) => { | rhhcList(params).then((response) => { | ||||
| if (response.code == 200) { | if (response.code == 200) { | ||||
| @@ -841,7 +841,7 @@ | |||||
| // 返回 | // 返回 | ||||
| onClickLeft(){ | onClickLeft(){ | ||||
| this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
| this.$router.push('/homesteadSurvey/index'); | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| }, | }, | ||||
| onConfirmhncysjly(value){ | onConfirmhncysjly(value){ | ||||
| this.form5.sjlyName = value.dictLabel | this.form5.sjlyName = value.dictLabel | ||||
| @@ -1294,11 +1294,7 @@ | |||||
| "nhdm":item.nhdm, | "nhdm":item.nhdm, | ||||
| "deptId":this.item.deptId | "deptId":this.item.deptId | ||||
| } | } | ||||
| listNhhncy(params).then((response) => { | |||||
| if (response.code == 200) { | |||||
| this.hncylist = response.rows | |||||
| } | |||||
| }); | |||||
| this.$router.push({name:'hncyList2',query:{nhdm:item.nhdm}}); | |||||
| } | } | ||||
| }, | }, | ||||
| @@ -1330,6 +1326,7 @@ | |||||
| this.nhform.sjlyName = res.dictLabel | this.nhform.sjlyName = res.dictLabel | ||||
| } | } | ||||
| }) | }) | ||||
| this.$router.push({name:'nhDetails',query:{nhdm:item.nhdm,zjhm:item.zjhm}}); | |||||
| }, | }, | ||||
| getZjdList(){ | getZjdList(){ | ||||
| // let params1 = { | // let params1 = { | ||||
| @@ -53,8 +53,9 @@ | |||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </van-sticky> | </van-sticky> | ||||
| <van-form @submit="onSubmitsyqr"> | |||||
| <van-form ref="form"> | |||||
| <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;"> | <div style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:calc( 100% - 40px);margin:20px;padding:5px;background:#fff;"> | ||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">所有权人信息</p> | |||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.qydm" | v-model="qlrform.qydm" | ||||
| @@ -81,7 +82,7 @@ | |||||
| required | required | ||||
| placeholder="所有权人名称" | placeholder="所有权人名称" | ||||
| input-align="right" | input-align="right" | ||||
| :rules="[{ required: true, message: '所有权人名称不能为空' }]" | |||||
| :rules="[{ required: true}]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| @@ -91,7 +92,7 @@ | |||||
| required | required | ||||
| placeholder="所有权性质" | placeholder="所有权性质" | ||||
| input-align="right" | input-align="right" | ||||
| :rules="[{ required: true, message: '所有权性质不能为空' }]" | |||||
| :rules="[{ required: true}]" | |||||
| @click="showsuyqxz = true" | @click="showsuyqxz = true" | ||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| @@ -108,15 +109,16 @@ | |||||
| @cancel="showsuyqxz = false" | @cancel="showsuyqxz = false" | ||||
| /> | /> | ||||
| </van-popup> | </van-popup> | ||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">代表人信息</p> | |||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dbrxm" | v-model="qlrform.dbrxm" | ||||
| name="代表人姓名" | |||||
| label="代表人姓名" | |||||
| name="姓名" | |||||
| label="姓名" | |||||
| required | required | ||||
| placeholder="代表人姓名" | |||||
| placeholder="姓名" | |||||
| input-align="right" | input-align="right" | ||||
| :rules="[{ required: true, message: '代表人姓名不能为空' }]" | |||||
| :rules="[{ required: true}]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| @@ -126,12 +128,12 @@ | |||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dbrzjlxName" | v-model="qlrform.dbrzjlxName" | ||||
| name="代表人证件类型" | |||||
| label="代表人证件类型" | |||||
| name="证件类型" | |||||
| label="证件类型" | |||||
| required | required | ||||
| placeholder="代表人证件类型" | |||||
| placeholder="证件类型" | |||||
| input-align="right" | input-align="right" | ||||
| :rules="[{ required: true, message: '代表人证件类型不能为空' }]" | |||||
| :rules="[{ required: true}]" | |||||
| @click="showdbrzjlx = true" | @click="showdbrzjlx = true" | ||||
| /> | /> | ||||
| <van-popup v-model="showdbrzjlx" position="bottom" input-align="right"> | <van-popup v-model="showdbrzjlx" position="bottom" input-align="right"> | ||||
| @@ -146,46 +148,46 @@ | |||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dbrzjhm" | v-model="qlrform.dbrzjhm" | ||||
| name="代表人证件号码" | |||||
| label="代表人证件号码" | |||||
| name="证件号码" | |||||
| label="证件号码" | |||||
| required | required | ||||
| placeholder="代表人证件号码" | placeholder="代表人证件号码" | ||||
| input-align="right" | input-align="right" | ||||
| :rules="[{ required: true, message: '代表人证件号码不能为空' },{validator:validatorIdcardqlr,message:'身份证号格式错误!'}]" | |||||
| :rules="[{ required: true },{validator:validatorIdcardqlr,message:'身份证号格式错误!'}]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dbrlxdh" | v-model="qlrform.dbrlxdh" | ||||
| name="代表人联系电话" | |||||
| label="代表人联系电话" | |||||
| placeholder="代表人联系电话" | |||||
| name="联系电话" | |||||
| label="联系电话" | |||||
| placeholder="联系电话" | |||||
| type="number" | type="number" | ||||
| input-align="right" | input-align="right" | ||||
| required | required | ||||
| :rules="[{ required: true, message: '代表人联系电话不能为空' }]" | |||||
| :rules="[{ required: true}]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dbrtxdz" | v-model="qlrform.dbrtxdz" | ||||
| name="代表人通讯地址" | |||||
| label="代表人通讯地址" | |||||
| name="通讯地址" | |||||
| label="通讯地址" | |||||
| required | required | ||||
| placeholder="代表人通讯地址" | |||||
| placeholder="通讯地址" | |||||
| input-align="right" | input-align="right" | ||||
| :rules="[{ required: true, message: '代表人通讯地址不能为空' }]" | |||||
| :rules="[{ required: true}]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dbryzbm" | v-model="qlrform.dbryzbm" | ||||
| name="代表人邮政编码" | |||||
| label="代表人邮政编码" | |||||
| name="邮政编码" | |||||
| label="邮政编码" | |||||
| required | required | ||||
| placeholder="代表人邮政编码" | placeholder="代表人邮政编码" | ||||
| input-align="right" | input-align="right" | ||||
| maxlength="6" | maxlength="6" | ||||
| :rules="[{ required: true, message: '代表人邮政编码不能为空' }]" | |||||
| :rules="[{ required: true }]" | |||||
| /> | /> | ||||
| <van-field name="radio" label="是否成立农村集体经济组织" required input-align="right" autocomplete="off"> | |||||
| <van-field name="radio" label="集体经济组织" required input-align="right" autocomplete="off"> | |||||
| <template #input> | <template #input> | ||||
| <van-radio-group v-model="qlrform.sfclncjtjjzz" direction="horizontal"> | <van-radio-group v-model="qlrform.sfclncjtjjzz" direction="horizontal"> | ||||
| <van-radio name="Y">是</van-radio> | <van-radio name="Y">是</van-radio> | ||||
| @@ -193,12 +195,13 @@ | |||||
| </van-radio-group> | </van-radio-group> | ||||
| </template> | </template> | ||||
| </van-field> | </van-field> | ||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">代理人信息</p> | |||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dlrxm" | v-model="qlrform.dlrxm" | ||||
| name="代理人姓名" | |||||
| label="代理人姓名" | |||||
| placeholder="代理人姓名" | |||||
| name="姓名" | |||||
| label="姓名" | |||||
| placeholder="姓名" | |||||
| input-align="right" | input-align="right" | ||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| @@ -209,9 +212,9 @@ | |||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dlrzjlxName" | v-model="qlrform.dlrzjlxName" | ||||
| name="代理人证件类型" | |||||
| label="代理人证件类型" | |||||
| placeholder="代理人证件类型" | |||||
| name="证件类型" | |||||
| label="证件类型" | |||||
| placeholder="证件类型" | |||||
| input-align="right" | input-align="right" | ||||
| @click="showdlrzjlx = true" | @click="showdlrzjlx = true" | ||||
| /> | /> | ||||
| @@ -227,33 +230,33 @@ | |||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dlrzjhm" | v-model="qlrform.dlrzjhm" | ||||
| name="代理人证件号码" | |||||
| label="代理人证件号码" | |||||
| placeholder="代理人证件号码" | |||||
| name="证件号码" | |||||
| label="证件号码" | |||||
| placeholder="证件号码" | |||||
| input-align="right" | input-align="right" | ||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dlrlxdh" | v-model="qlrform.dlrlxdh" | ||||
| name="代理人联系电话" | |||||
| label="代理人联系电话" | |||||
| placeholder="代理人联系电话" | |||||
| name="联系电话" | |||||
| label="联系电话" | |||||
| placeholder="联系电话" | |||||
| input-align="right" | input-align="right" | ||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dlrtxdz" | v-model="qlrform.dlrtxdz" | ||||
| name="代理人通讯地址" | |||||
| label="代理人通讯地址" | |||||
| placeholder="代理人通讯地址" | |||||
| name="通讯地址" | |||||
| label="通讯地址" | |||||
| placeholder="通讯地址" | |||||
| input-align="right" | input-align="right" | ||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| v-model="qlrform.dlryzbm" | v-model="qlrform.dlryzbm" | ||||
| name="代理人邮政编码" | |||||
| label="代理人邮政编码" | |||||
| placeholder="代理人邮政编码" | |||||
| name="邮政编码" | |||||
| label="邮政编码" | |||||
| placeholder="邮政编码" | |||||
| input-align="right" | input-align="right" | ||||
| /> | /> | ||||
| </div> | </div> | ||||
| @@ -300,7 +303,7 @@ | |||||
| input-align="right" | input-align="right" | ||||
| @click="showsjly = true" | @click="showsjly = true" | ||||
| required | required | ||||
| :rules="[{ required: true, message: '数据来源不能为空' }]" | |||||
| :rules="[{ required: true}]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| @@ -326,7 +329,7 @@ | |||||
| /> | /> | ||||
| </div> | </div> | ||||
| <div style="margin: 16px;" v-if="!isFinished"> | <div style="margin: 16px;" v-if="!isFinished"> | ||||
| <van-button round block color="#7AC943" native-type="submit">保存</van-button> | |||||
| <van-button round block color="#7AC943" @click="onSubmitsyqr">保存</van-button> | |||||
| </div> | </div> | ||||
| </van-form> | </van-form> | ||||
| </div> | </div> | ||||
| @@ -1094,7 +1097,7 @@ | |||||
| // 返回 | // 返回 | ||||
| onClickLeft(){ | onClickLeft(){ | ||||
| this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
| this.$router.push('/homesteadSurvey/index'); | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| }, | }, | ||||
| onConfirmhncysjly(value){ | onConfirmhncysjly(value){ | ||||
| this.form5.sjlyName = value.dictLabel | this.form5.sjlyName = value.dictLabel | ||||
| @@ -1221,30 +1224,35 @@ | |||||
| }, | }, | ||||
| // 所有权人保存 | // 所有权人保存 | ||||
| onSubmitsyqr(){ | onSubmitsyqr(){ | ||||
| if(this.qlrform.id!=null){ | |||||
| updateSuyqr(this.qlrform).then( | |||||
| response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '修改成功', | |||||
| duration:"1000" | |||||
| }) | |||||
| } | |||||
| ); | |||||
| }else{ | |||||
| this.qlrform.deptId = this.item.deptId | |||||
| addSuyqr(this.qlrform).then( | |||||
| response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000" | |||||
| }) | |||||
| } | |||||
| ); | |||||
| } | |||||
| this.$refs.form.validate().then(() => { | |||||
| if(this.qlrform.id!=null){ | |||||
| updateSuyqr(this.qlrform).then( | |||||
| response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '修改成功', | |||||
| duration:"1000" | |||||
| }) | |||||
| } | |||||
| ); | |||||
| }else{ | |||||
| this.qlrform.deptId = this.item.deptId | |||||
| addSuyqr(this.qlrform).then( | |||||
| response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000" | |||||
| }) | |||||
| } | |||||
| ); | |||||
| } | |||||
| }).catch((e) => { | |||||
| Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
| }); | |||||
| }, | }, | ||||
| // 查询所有权人 | // 查询所有权人 | ||||
| getSyqr(){ | getSyqr(){ | ||||
| @@ -5268,6 +5276,17 @@ | |||||
| /deep/ .van-swipe-cell__wrapper{ | /deep/ .van-swipe-cell__wrapper{ | ||||
| margin-right:-3px; | margin-right:-3px; | ||||
| } | } | ||||
| .title:before | |||||
| { | |||||
| content:""; | |||||
| width: 6px; | |||||
| height: 20PX; | |||||
| background: #7ac943; | |||||
| border-radius: 3px; | |||||
| position:absolute; | |||||
| left:0; | |||||
| bottom:0; | |||||
| } | |||||
| .hzlxBtn{ | .hzlxBtn{ | ||||
| font-size: 0.3rem; | font-size: 0.3rem; | ||||
| display: inline-block; | display: inline-block; | ||||
| @@ -1973,7 +1973,7 @@ | |||||
| // 返回 | // 返回 | ||||
| onClickLeft(){ | onClickLeft(){ | ||||
| this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
| this.$router.push('/homesteadSurvey/index'); | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| }, | }, | ||||
| onConfirmhncysjly(value){ | onConfirmhncysjly(value){ | ||||
| this.form5.sjlyName = value.dictLabel | this.form5.sjlyName = value.dictLabel | ||||
| @@ -3094,7 +3094,7 @@ | |||||
| //镇边界查询开始 ------------------------------start | //镇边界查询开始 ------------------------------start | ||||
| // var zhenTc= new ol.layer.Tile({ | // var zhenTc= new ol.layer.Tile({ | ||||
| // source: new ol.source.TileWMS({ | // source: new ol.source.TileWMS({ | ||||
| // url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
| // url: that.mapGeoServerUrl+"/wms", | |||||
| // params: { | // params: { | ||||
| // LAYERS: 'zjd_dc:t_house_survey_border_town', | // LAYERS: 'zjd_dc:t_house_survey_border_town', | ||||
| // TILED: true, | // TILED: true, | ||||
| @@ -3134,7 +3134,7 @@ | |||||
| // outputFormat: "application/json", | // outputFormat: "application/json", | ||||
| // //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | // //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | ||||
| // }; | // }; | ||||
| // let url_dw = that.mapGeoServerUrl + "/geoserver/zjd_dc/wfs"; //wfsurl; | |||||
| // let url_dw = that.mapGeoServerUrl + "/wfs"; //wfsurl; | |||||
| // url_dw = url_dw + "?"; | // url_dw = url_dw + "?"; | ||||
| // for (let key in param_dw) { | // for (let key in param_dw) { | ||||
| // url_dw = url_dw + key + "=" + param_dw[key] + "&"; | // url_dw = url_dw + key + "=" + param_dw[key] + "&"; | ||||
| @@ -3153,9 +3153,9 @@ | |||||
| // var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'"; | // var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + that.mapZjdData.zjddm + "'"; | ||||
| // zrzTc = new ol.layer.Image({ | // zrzTc = new ol.layer.Image({ | ||||
| // source: new ol.source.ImageWMS({ | // source: new ol.source.ImageWMS({ | ||||
| // url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| // url: that.mapGeoServerUrl + "/wms", | |||||
| // params: { | // params: { | ||||
| // LAYERS: 'zjd_dc:t_house_survey_zrz', | |||||
| // LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||||
| // TILED: true, | // TILED: true, | ||||
| // cql_filter: cql_filter_map, | // cql_filter: cql_filter_map, | ||||
| // SRID: 3857, | // SRID: 3857, | ||||
| @@ -3169,7 +3169,7 @@ | |||||
| // //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | // //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
| // fsssTc = new ol.layer.Image({ | // fsssTc = new ol.layer.Image({ | ||||
| // source: new ol.source.ImageWMS({ | // source: new ol.source.ImageWMS({ | ||||
| // url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| // url: that.mapGeoServerUrl + "/wms", | |||||
| // params: { | // params: { | ||||
| // LAYERS: 'zjd_dc:t_house_survey_fsss', | // LAYERS: 'zjd_dc:t_house_survey_fsss', | ||||
| // TILED: true, | // TILED: true, | ||||
| @@ -3483,37 +3483,37 @@ | |||||
| map.addLayer(zjdTc); | map.addLayer(zjdTc); | ||||
| //宅基地图层查询开始 ------------------start | //宅基地图层查询开始 ------------------start | ||||
| var zrzTc; | var zrzTc; | ||||
| // //自然幢图层查询开始 ------------------start | |||||
| // var zrzTc = new ol.layer.Image({ | |||||
| // source: new ol.source.ImageWMS({ | |||||
| // url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| // params: { | |||||
| // LAYERS: 'zjd_dc:t_house_survey_zrz', | |||||
| // TILED: true, | |||||
| // cql_filter: cql_filter, | |||||
| // SRID: 3857, | |||||
| // TIMESTAMP: new Date().getTime(), | |||||
| // }, | |||||
| // }), | |||||
| // }); | |||||
| // map.addLayer(zrzTc); | |||||
| // //自然幢图层查询开始 ------------------start | |||||
| // | |||||
| //自然幢图层查询开始 ------------------start | |||||
| zrzTc = new ol.layer.Image({ | |||||
| source: new ol.source.ImageWMS({ | |||||
| url: that.mapGeoServerUrl + "/wms", | |||||
| params: { | |||||
| LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||||
| TILED: true, | |||||
| cql_filter: cql_filter, | |||||
| SRID: 3857, | |||||
| TIMESTAMP: new Date().getTime(), | |||||
| }, | |||||
| }), | |||||
| }); | |||||
| map.addLayer(zrzTc); | |||||
| //自然幢图层查询开始 ------------------start | |||||
| var fsssTc; | var fsssTc; | ||||
| // //附属设施图层查询开始 ------------------start | // //附属设施图层查询开始 ------------------start | ||||
| // var fsssTc = new ol.layer.Image({ | |||||
| // source: new ol.source.ImageWMS({ | |||||
| // url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| // params: { | |||||
| // LAYERS: 'zjd_dc:t_house_survey_fsss', | |||||
| // TILED: true, | |||||
| // cql_filter: cql_filter, | |||||
| // SRID: 3857, | |||||
| // TIMESTAMP: new Date().getTime(), | |||||
| // }, | |||||
| // }), | |||||
| // }); | |||||
| // map.addLayer(fsssTc); | |||||
| fsssTc = new ol.layer.Image({ | |||||
| source: new ol.source.ImageWMS({ | |||||
| url: that.mapGeoServerUrl + "/wms", | |||||
| params: { | |||||
| LAYERS: 'nsgk_wulanhaote:t_homestead_fsss', | |||||
| TILED: true, | |||||
| cql_filter: cql_filter, | |||||
| SRID: 3857, | |||||
| TIMESTAMP: new Date().getTime(), | |||||
| }, | |||||
| }), | |||||
| }); | |||||
| map.addLayer(fsssTc); | |||||
| // //附属设施图层查询开始 ------------------start | // //附属设施图层查询开始 ------------------start | ||||
| //使用geoserver服务查询开始 -------------------end | //使用geoserver服务查询开始 -------------------end | ||||
| // if(this.backMap ==1){ | // if(this.backMap ==1){ | ||||
| @@ -3527,7 +3527,7 @@ | |||||
| // 'CQL_FILTER': cql | // 'CQL_FILTER': cql | ||||
| // }, | // }, | ||||
| // serverType: 'geoserver', | // serverType: 'geoserver', | ||||
| // url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| // url: that.mapGeoServerUrl + "/wms", | |||||
| // }); | // }); | ||||
| // zjdTc.setSource(wmsSourceBack); | // zjdTc.setSource(wmsSourceBack); | ||||
| // ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新 | // ol.view.setResolution(ol.view.getResolution() + Math.random() * 0.00000001);//随机数缩放实现刷新 | ||||
| @@ -4186,7 +4186,7 @@ | |||||
| // //查询条件 | // //查询条件 | ||||
| // var cql_filter_cun; | // var cql_filter_cun; | ||||
| // var cun = that.$cookies.get("item").deptId; | // var cun = that.$cookies.get("item").deptId; | ||||
| // difang = ["zjd_dc:t_house_survey_zjdzd", "zjd_dc:t_house_survey_zrz","zjd_dc:t_house_survey_fsss"]; | |||||
| // difang = ["zjd_dc:t_house_survey_zjdzd", "nsgk_wulanhaote:t_homespace_zrz","zjd_dc:t_house_survey_fsss"]; | |||||
| // var tach = 0; | // var tach = 0; | ||||
| // var once = 0; | // var once = 0; | ||||
| // for (var i = 0; i < difang.length; i++) { | // for (var i = 0; i < difang.length; i++) { | ||||
| @@ -4202,7 +4202,7 @@ | |||||
| // //循环判断查询条件 | // //循环判断查询条件 | ||||
| // if (difang[i] == "zjd_dc:t_house_survey_zjdzd") { | // if (difang[i] == "zjd_dc:t_house_survey_zjdzd") { | ||||
| // cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | // cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | ||||
| // } else if(difang[i] == "zjd_dc:t_house_survey_zrz") { | |||||
| // } else if(difang[i] == "nsgk_wulanhaote:t_homespace_zrz") { | |||||
| // cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | // cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | ||||
| // } else if(difang[i] == "zjd_dc:t_house_survey_fsss") { | // } else if(difang[i] == "zjd_dc:t_house_survey_fsss") { | ||||
| // cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | // cql_filter_cun = "zjddm='" + val + "'" + "and dept_id='" + cun + "'"; | ||||
| @@ -4216,7 +4216,7 @@ | |||||
| // //业务图层 wms服务 | // //业务图层 wms服务 | ||||
| // delete_map[i] = new ol.layer.Tile({ | // delete_map[i] = new ol.layer.Tile({ | ||||
| // source: new ol.source.TileWMS({ | // source: new ol.source.TileWMS({ | ||||
| // url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
| // url: that.mapGeoServerUrl+"/wms", | |||||
| // params: { | // params: { | ||||
| // LAYERS: difang[i], | // LAYERS: difang[i], | ||||
| // //'LAYERS': 'new_shp:new_shp_all', | // //'LAYERS': 'new_shp:new_shp_all', | ||||
| @@ -4242,7 +4242,7 @@ | |||||
| // outputFormat: "application/json", | // outputFormat: "application/json", | ||||
| // //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | // //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | ||||
| // }; | // }; | ||||
| // let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl; | |||||
| // let url_dw = that.mapGeoServerUrl+"/wfs"; //wfsurl; | |||||
| // url_dw = url_dw + "?"; | // url_dw = url_dw + "?"; | ||||
| // for (let key in param_dw) { | // for (let key in param_dw) { | ||||
| // url_dw = url_dw + key + "=" + param_dw[key] + "&"; | // url_dw = url_dw + key + "=" + param_dw[key] + "&"; | ||||
| @@ -4779,7 +4779,7 @@ | |||||
| outputFormat: "application/json", | outputFormat: "application/json", | ||||
| //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | //filter: ol.format.filter.equalTo(t,e,r)//前者是属性名,后者是对应值 | ||||
| }; | }; | ||||
| let url_dw = that.mapGeoServerUrl+"/geoserver/zjd_dc/wfs"; //wfsurl; | |||||
| let url_dw = that.mapGeoServerUrl+"/wfs"; //wfsurl; | |||||
| url_dw = url_dw + "?"; | url_dw = url_dw + "?"; | ||||
| for (let key in param_dw) { | for (let key in param_dw) { | ||||
| url_dw = url_dw + key + "=" + param_dw[key] + "&"; | url_dw = url_dw + key + "=" + param_dw[key] + "&"; | ||||
| @@ -4822,9 +4822,9 @@ | |||||
| //查询全部图层 -------查询叠加图层出现覆盖问题 | //查询全部图层 -------查询叠加图层出现覆盖问题 | ||||
| var wmsSource = new ol.source.TileWMS({ | var wmsSource = new ol.source.TileWMS({ | ||||
| url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
| url: that.mapGeoServerUrl+"/wms", | |||||
| params: { | params: { | ||||
| LAYERS: "zjd_dc:t_house_survey_all", | |||||
| LAYERS: "nsgk_wulanhaote:t_homestead_zjdzdxx", | |||||
| TILED: true, | TILED: true, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| serverType: "geoserver", | serverType: "geoserver", | ||||
| @@ -4861,9 +4861,9 @@ | |||||
| //查询附属设施图层 | //查询附属设施图层 | ||||
| var FssswmsSource = new ol.source.TileWMS({ | var FssswmsSource = new ol.source.TileWMS({ | ||||
| url: that.mapGeoServerUrl+"/geoserver/zjd_dc/wms", | |||||
| url: that.mapGeoServerUrl+"/wms", | |||||
| params: { | params: { | ||||
| LAYERS: "zjd_dc:t_house_survey_fsss", | |||||
| LAYERS: "nsgk_wulanhaote:t_homestead_fsss", | |||||
| TILED: true, | TILED: true, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| serverType: "geoserver", | serverType: "geoserver", | ||||
| @@ -4976,6 +4976,7 @@ | |||||
| } | } | ||||
| } | } | ||||
| if (url_bbox) { | if (url_bbox) { | ||||
| console.info(url_bbox); | |||||
| fetch(url_bbox).then((res) => { | fetch(url_bbox).then((res) => { | ||||
| var geojsonmap = res.json(); | var geojsonmap = res.json(); | ||||
| return geojsonmap; | return geojsonmap; | ||||
| @@ -5005,6 +5006,7 @@ | |||||
| return response.text(); | return response.text(); | ||||
| }) | }) | ||||
| .then(function (html) { | .then(function (html) { | ||||
| console.info(html); | |||||
| document.getElementById("info").innerHTML = html; | document.getElementById("info").innerHTML = html; | ||||
| if (html.indexOf("<table") != -1) { | if (html.indexOf("<table") != -1) { | ||||
| that.mapZjdData = ""; | that.mapZjdData = ""; | ||||
| @@ -5027,9 +5029,9 @@ | |||||
| obj.id = zjdIdNum; // 主键id | obj.id = zjdIdNum; // 主键id | ||||
| obj.deptName = trs.find("td").eq(3).text();//行政区划名称 | obj.deptName = trs.find("td").eq(3).text();//行政区划名称 | ||||
| obj.zjddm = trs.find("td").eq(6).text();//宅基地代码 | |||||
| obj.zjddm = trs.find("td").eq(7).text();//宅基地代码 | |||||
| obj.zdmj = trs.find("td").eq(11).text();//宗地面积 | |||||
| obj.zdmj = trs.find("td").eq(12).text();//宗地面积 | |||||
| obj.active = 1; | obj.active = 1; | ||||
| @@ -5044,9 +5046,9 @@ | |||||
| var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
| zrzTc = new ol.layer.Image({ | zrzTc = new ol.layer.Image({ | ||||
| source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| url: that.mapGeoServerUrl + "/wms", | |||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_zrz', | |||||
| LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||||
| TILED: true, | TILED: true, | ||||
| cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| @@ -5060,9 +5062,9 @@ | |||||
| //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
| fsssTc = new ol.layer.Image({ | fsssTc = new ol.layer.Image({ | ||||
| source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| url: that.mapGeoServerUrl + "/wms", | |||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_fsss', | |||||
| LAYERS: 'nsgk_wulanhaote:t_homestead_fsss', | |||||
| TILED: true, | TILED: true, | ||||
| cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| @@ -5100,7 +5102,7 @@ | |||||
| projection: projection, | projection: projection, | ||||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | features: new ol.format.GeoJSON().readFeatures("{\n" + | ||||
| " \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
| " \"geometry\":" + that.mapZjdData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
| " \"geometry\":" + that.mapZjdData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
| }), | }), | ||||
| style: styleZjd | style: styleZjd | ||||
| }); | }); | ||||
| @@ -5153,8 +5155,9 @@ | |||||
| }); | }); | ||||
| //let cloneObj = JSON.parse(JSON.stringify(obj)); | //let cloneObj = JSON.parse(JSON.stringify(obj)); | ||||
| //that.mapZjdData = cloneObj; | //that.mapZjdData = cloneObj; | ||||
| } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_zrz") { | |||||
| } else if ($("#info .featureInfo .featureInfo").text() == "t_homespace_zrz") { | |||||
| //that.mapZjdTeAll.mapZjdAData ={}; | //that.mapZjdTeAll.mapZjdAData ={}; | ||||
| that.mapXs = true; | |||||
| that.mapZjdDataTure = ""; | that.mapZjdDataTure = ""; | ||||
| that.mapZjdTeAll.mapFsssAData = {}; | that.mapZjdTeAll.mapFsssAData = {}; | ||||
| map.removeLayer(hc_land_on); | map.removeLayer(hc_land_on); | ||||
| @@ -5162,26 +5165,27 @@ | |||||
| that.mapHasDateStatus = 1; | that.mapHasDateStatus = 1; | ||||
| let trs = $("#info .featureInfo").find("tr:eq(1)"); | let trs = $("#info .featureInfo").find("tr:eq(1)"); | ||||
| let zrzXq = trs.find("td").eq(0).text(); | let zrzXq = trs.find("td").eq(0).text(); | ||||
| let zrzIdNum = zrzXq.replace("t_house_survey_zrz.", ""); | |||||
| let zrzIdNum = zrzXq.replace("t_homespace_zrz.", ""); | |||||
| obj.id = zrzIdNum; // 主键id | obj.id = zrzIdNum; // 主键id | ||||
| obj.deptName = trs.find("td").eq(3).text();//行政区划名称 | obj.deptName = trs.find("td").eq(3).text();//行政区划名称 | ||||
| obj.zjddm = trs.find("td").eq(4).text();//宅基地代码 | |||||
| obj.scjzmj = trs.find("td").eq(12).text();//实测建筑面积 | |||||
| obj.zjddm = trs.find("td").eq(6).text();//宅基地代码 | |||||
| obj.scjzmj = trs.find("td").eq(14).text();//实测建筑面积 | |||||
| let params = { | let params = { | ||||
| "deptId": that.$cookies.get("item").deptId, | "deptId": that.$cookies.get("item").deptId, | ||||
| "zjddm": obj.zjddm, | "zjddm": obj.zjddm, | ||||
| } | } | ||||
| that.mapClick = obj.zjddm; | |||||
| that.$cookies.set("search", "") | that.$cookies.set("search", "") | ||||
| //that.$cookies.set("map", "") | //that.$cookies.set("map", "") | ||||
| console.log(that.mapZjdData); | console.log(that.mapZjdData); | ||||
| //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) { | //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) { | ||||
| console.log(that.mapClick); | |||||
| console.log(obj.zjddm); | |||||
| if(that.mapXs && that.mapClick == obj.zjddm){ | if(that.mapXs && that.mapClick == obj.zjddm){ | ||||
| listZjdzd(params).then((response) => { | listZjdzd(params).then((response) => { | ||||
| that.mapZjdData = response.rows[0]; | that.mapZjdData = response.rows[0]; | ||||
| //that.mapZjdAData.active = 1; | //that.mapZjdAData.active = 1; | ||||
| that.mapZjdTeAll.mapZjdAData = that.mapZjdData; | that.mapZjdTeAll.mapZjdAData = that.mapZjdData; | ||||
| console.info(obj.id); | |||||
| getZrz(obj.id).then((response) => { | getZrz(obj.id).then((response) => { | ||||
| if (response.data.scjzmj != "") { | if (response.data.scjzmj != "") { | ||||
| that.textMjAll = response.data.scjzmj; | that.textMjAll = response.data.scjzmj; | ||||
| @@ -5205,7 +5209,7 @@ | |||||
| projection: projection, | projection: projection, | ||||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | features: new ol.format.GeoJSON().readFeatures("{\n" + | ||||
| " \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
| " \"geometry\":" + that.mapZrzData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZrzData) + "}"), | |||||
| " \"geometry\":" + that.mapZrzData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapZrzData) + "}"), | |||||
| }), | }), | ||||
| style: styleZjd | style: styleZjd | ||||
| }); | }); | ||||
| @@ -5231,9 +5235,9 @@ | |||||
| var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
| zrzTc = new ol.layer.Image({ | zrzTc = new ol.layer.Image({ | ||||
| source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| url: that.mapGeoServerUrl + "/wms", | |||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_zrz', | |||||
| LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||||
| TILED: true, | TILED: true, | ||||
| cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| @@ -5247,9 +5251,9 @@ | |||||
| //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
| fsssTc = new ol.layer.Image({ | fsssTc = new ol.layer.Image({ | ||||
| source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| url: that.mapGeoServerUrl + "/wms", | |||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_fsss', | |||||
| LAYERS: 'nsgk_wulanhaote:t_homestead_fsss', | |||||
| TILED: true, | TILED: true, | ||||
| cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| @@ -5285,7 +5289,7 @@ | |||||
| projection: projection, | projection: projection, | ||||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | features: new ol.format.GeoJSON().readFeatures("{\n" + | ||||
| " \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
| " \"geometry\":" + that.mapZjdData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
| " \"geometry\":" + that.mapZjdData.theGeomJson+ ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
| }), | }), | ||||
| style: styleZjd | style: styleZjd | ||||
| }); | }); | ||||
| @@ -5337,28 +5341,30 @@ | |||||
| sourceMapLookMap.addFeature(newcenterFeatureMap); | sourceMapLookMap.addFeature(newcenterFeatureMap); | ||||
| }); | }); | ||||
| } | } | ||||
| } else if ($("#info .featureInfo .featureInfo").text() == "t_house_survey_fsss") { | |||||
| } else if ($("#info .featureInfo .featureInfo").text() == "t_homestead_fsss") { | |||||
| that.mapZjdTeAll.mapZrzAData = {}; | that.mapZjdTeAll.mapZrzAData = {}; | ||||
| that.mapZjdDataTure = ""; | that.mapZjdDataTure = ""; | ||||
| that.mapXs = true; | |||||
| //that.mapZjdTeAll.mapZjdAData ={}; | //that.mapZjdTeAll.mapZjdAData ={}; | ||||
| map.removeLayer(hc_land_on); | map.removeLayer(hc_land_on); | ||||
| let obj = {}; | let obj = {}; | ||||
| that.mapHasDateStatus = 0; | that.mapHasDateStatus = 0; | ||||
| let trs = $("#info .featureInfo").find("tr:eq(1)"); | let trs = $("#info .featureInfo").find("tr:eq(1)"); | ||||
| let fsssXq = trs.find("td").eq(0).text(); | let fsssXq = trs.find("td").eq(0).text(); | ||||
| let fsssIdNum = fsssXq.replace("t_house_survey_fsss.", ""); | |||||
| let fsssIdNum = fsssXq.replace("t_homestead_fsss.", ""); | |||||
| obj.id = fsssIdNum; // 主键id | obj.id = fsssIdNum; // 主键id | ||||
| obj.deptName = trs.find("td").eq(4).text();//行政区划名称 | |||||
| obj.zjddm = trs.find("td").eq(1).text();//宅基地代码 | |||||
| obj.deptName = trs.find("td").eq(3).text();//行政区划名称 | |||||
| obj.zjddm = trs.find("td").eq(4).text();//宅基地代码 | |||||
| // obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态 | // obj.houseDataConfirmStatus = trs.find("td").eq(6).text(); //状态 | ||||
| // obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型 | // obj.fssslx = trs.find("td").eq(7).text(); //附属设施类型 | ||||
| obj.jzmj = trs.find("td").eq(8).text(); //建筑面积 | |||||
| obj.jzmj = trs.find("td").eq(6).text(); //建筑面积 | |||||
| let params = { | let params = { | ||||
| "deptId": that.$cookies.get("item").deptId, | "deptId": that.$cookies.get("item").deptId, | ||||
| "zjddm": obj.zjddm, | "zjddm": obj.zjddm, | ||||
| "pageSize": 20, | "pageSize": 20, | ||||
| } | } | ||||
| that.mapClick = obj.zjddm; | |||||
| that.$cookies.remove("search") | that.$cookies.remove("search") | ||||
| //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) { | //if (that.mapZjdData !="" && that.mapZjdData !=null && that.mapZjdData !=undefined) { | ||||
| if(that.mapXs && that.mapClick == obj.zjddm){ | if(that.mapXs && that.mapClick == obj.zjddm){ | ||||
| @@ -5390,7 +5396,7 @@ | |||||
| projection: projection, | projection: projection, | ||||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | features: new ol.format.GeoJSON().readFeatures("{\n" + | ||||
| " \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
| " \"geometry\":" + that.mapfsssData.theGeom + ", \"properties\":" + JSON.stringify(that.mapfsssData) + "}"), | |||||
| " \"geometry\":" + that.mapfsssData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapfsssData) + "}"), | |||||
| }), | }), | ||||
| style: styleZjd | style: styleZjd | ||||
| }); | }); | ||||
| @@ -5416,9 +5422,9 @@ | |||||
| var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
| zrzTc = new ol.layer.Image({ | zrzTc = new ol.layer.Image({ | ||||
| source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| url: that.mapGeoServerUrl + "/wms", | |||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_zrz', | |||||
| LAYERS: 'nsgk_wulanhaote:t_homespace_zrz', | |||||
| TILED: true, | TILED: true, | ||||
| cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| @@ -5432,9 +5438,9 @@ | |||||
| //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | //var cql_filter_map = "dept_id='" + that.$cookies.get("item").deptId + "'" + "and zjddm='" + obj.zjddm + "'"; | ||||
| fsssTc = new ol.layer.Image({ | fsssTc = new ol.layer.Image({ | ||||
| source: new ol.source.ImageWMS({ | source: new ol.source.ImageWMS({ | ||||
| url: that.mapGeoServerUrl + "/geoserver/zjd_dc/wms", | |||||
| url: that.mapGeoServerUrl + "/wms", | |||||
| params: { | params: { | ||||
| LAYERS: 'zjd_dc:t_house_survey_fsss', | |||||
| LAYERS: 'nsgk_wulanhaote:t_homestead_fsss', | |||||
| TILED: true, | TILED: true, | ||||
| cql_filter: cql_filter_map, | cql_filter: cql_filter_map, | ||||
| SRID: 3857, | SRID: 3857, | ||||
| @@ -5470,7 +5476,7 @@ | |||||
| projection: projection, | projection: projection, | ||||
| features: new ol.format.GeoJSON().readFeatures("{\n" + | features: new ol.format.GeoJSON().readFeatures("{\n" + | ||||
| " \"type\": \"Feature\",\n" + | " \"type\": \"Feature\",\n" + | ||||
| " \"geometry\":" + that.mapZjdData.theGeom + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
| " \"geometry\":" + that.mapZjdData.theGeomJson + ", \"properties\":" + JSON.stringify(that.mapZjdData) + "}"), | |||||
| }), | }), | ||||
| style: styleZjd | style: styleZjd | ||||
| }); | }); | ||||
| @@ -5964,19 +5970,34 @@ | |||||
| }, | }, | ||||
| //宅基地点击地图核查 | //宅基地点击地图核查 | ||||
| zjdHc(){ | zjdHc(){ | ||||
| console.info(this.mapZrzData) | |||||
| if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){ | if(this.zjdHcDy != "" && this.zjdHcDy != "undefined"){ | ||||
| if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){ | if(this.mapZjdData !=undefined && this.mapZjdData !="" && this.mapZjdDataTure !=""){ | ||||
| this.mapZjdTeAll.active =1; | this.mapZjdTeAll.active =1; | ||||
| //this.$cookies.set("search",this.mapZjdTeAll); | //this.$cookies.set("search",this.mapZjdTeAll); | ||||
| this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
| this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}}); | |||||
| let trs = $("#info .featureInfo").find("tr:eq(1)"); | |||||
| let zjdXq = trs.find("td").eq(0).text(); | |||||
| let zjdIdNum = zjdXq.replace("t_homestead_zjdzdxx.", ""); | |||||
| getZjdzd(zjdIdNum).then((response) => { | |||||
| this.mapZjdData = response.data; | |||||
| this.mapZjdTeAll.active = 1; | |||||
| this.mapZjdTeAll.mapZjdAData = this.mapZjdData; | |||||
| //this.$cookies.set("search",this.mapZjdTeAll); | |||||
| console.info(this.mapZjdTeAll.mapZjdAData); | |||||
| localStorage.setItem("zjdzdxxItem",JSON.stringify(this.mapZjdTeAll.mapZjdAData)); | |||||
| setTimeout(() => { | |||||
| this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}}); | |||||
| }, 500); | |||||
| }); | |||||
| //this.$router.push({path:'/homesteadSurvey/add'}); | //this.$router.push({path:'/homesteadSurvey/add'}); | ||||
| }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){ | }else if(this.mapZrzData !=undefined && this.mapZrzData !=""){ | ||||
| if(this.mapZjdTeAll.mapZjdAData !=""){ | if(this.mapZjdTeAll.mapZjdAData !=""){ | ||||
| this.mapZjdTeAll.active = 3; | this.mapZjdTeAll.active = 3; | ||||
| //this.$cookies.set("search",this.mapZjdTeAll); | //this.$cookies.set("search",this.mapZjdTeAll); | ||||
| this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
| this.$router.push({path:'/homesteadSurvey/add',query: {res: this.mapZjdTeAll}}); | |||||
| console.info(this.mapZjdTeAll); | |||||
| this.$router.push({path:'/homesteadSurvey/zrzAdd',query: this.mapZjdTeAll.mapZrzAData}); | |||||
| } else { | } else { | ||||
| this.$toast("必须有宅基地数据才能进入自然幢核查"); | this.$toast("必须有宅基地数据才能进入自然幢核查"); | ||||
| } | } | ||||
| @@ -5985,7 +6006,7 @@ | |||||
| this.mapZjdTeAll.active = 4; | this.mapZjdTeAll.active = 4; | ||||
| //this.$cookies.set("search", this.mapZjdTeAll); | //this.$cookies.set("search", this.mapZjdTeAll); | ||||
| this.$cookies.set("search","") | this.$cookies.set("search","") | ||||
| this.$router.push({path: '/homesteadSurvey/add',query: {res: this.mapZjdTeAll}}); | |||||
| this.$router.push({path: '/homesteadSurvey/fsssAdd',query: this.mapZjdTeAll.mapFsssAData}); | |||||
| } else { | } else { | ||||
| this.$toast("必须有宅基地数据才能进入附属设施核查"); | this.$toast("必须有宅基地数据才能进入附属设施核查"); | ||||
| } | } | ||||
| @@ -0,0 +1,327 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <van-sticky style="position:relative;"> | |||||
| <div class="bannerBg"> | |||||
| <van-nav-bar | |||||
| style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
| @click-left="goBack()" | |||||
| > | |||||
| <template #left> | |||||
| <van-icon name="arrow-left" size="18" color="#fff" /> | |||||
| </template> | |||||
| <template #title> | |||||
| <p style="color:#fff">入户调查</p> | |||||
| </template> | |||||
| </van-nav-bar> | |||||
| </div> | |||||
| <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
| <van-row> | |||||
| <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
| </van-col> | |||||
| </van-row> | |||||
| </div> | |||||
| </van-sticky> | |||||
| <van-form ref="form"> | |||||
| <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">农户信息</p> | |||||
| <!--<van-field | |||||
| v-model="form.deptId" | |||||
| name="行政区划名称" | |||||
| label="行政区划名称" | |||||
| placeholder="行政区划名称" | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| />--> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.hzxm" | |||||
| name="姓名" | |||||
| label="户主姓名" | |||||
| placeholder="请输入户主姓名" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.hzzjlx" | |||||
| label="证件类型" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请输入户主证件类型" | |||||
| remote-url="/system/dict/data/type/zjlx" | |||||
| :on-remote-response="'data'" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.hzzjhm" | |||||
| name="证件号码" | |||||
| label="证件号码" | |||||
| placeholder="请输入使用权人证件号码" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.hncysl" | |||||
| name="成员数量" | |||||
| label="成员数量" | |||||
| placeholder="请输入成员数量" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <FieldRadio | |||||
| v-model="form.sfwbh" | |||||
| label="是否五保户" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <FieldRadio | |||||
| v-model="form.sfpkh" | |||||
| label="是否贫困户" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <FieldRadio | |||||
| v-model="form.sfwzjd" | |||||
| label="是否无宅基地" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <FieldRadio | |||||
| v-model="form.sfjbzgq" | |||||
| label="是否具备资格权" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <van-field | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.zgqrzrq" | |||||
| name="资格权认证日期" | |||||
| label="资格权认证日期" | |||||
| placeholder="资格权认证日期" | |||||
| readonly | |||||
| @click="showZgqrzrq = true" | |||||
| /> | |||||
| <van-popup v-model:show="showZgqrzrq" position="bottom"> | |||||
| <van-datetime-picker | |||||
| type="date" | |||||
| @confirm="onConfirmZgqrzrq" | |||||
| @cancel="showZgqrzrq = false" | |||||
| :min-date="minDate" | |||||
| :max-date="maxDate" | |||||
| /> | |||||
| </van-popup> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.hkszd" | |||||
| name="户口所在地" | |||||
| label="户口所在地" | |||||
| placeholder="请输入户口所在地" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.txdz" | |||||
| name="通讯地址" | |||||
| label="通讯地址" | |||||
| placeholder="请输入通讯地址" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.bz" | |||||
| name="备注" | |||||
| label="备注" | |||||
| placeholder="请输入备注" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| </div> | |||||
| <div style="margin: 16px;display: flex;justify-content: space-around;"> | |||||
| <van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
| <van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
| </div> | |||||
| <div style="height: 50px;"></div> | |||||
| </van-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | |||||
| import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
| import FieldSelect from "@/components/form/FieldSelect"; | |||||
| import FieldRadio from "@/components/form/FieldRadio"; | |||||
| import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
| import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
| import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
| import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
| import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
| import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
| import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
| import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
| import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
| import { Notify, Dialog, Toast } from 'vant'; | |||||
| import axios from "axios"; | |||||
| export default { | |||||
| components: {FieldSelect, FieldRadio}, | |||||
| name: "nhAdd", | |||||
| data() { | |||||
| return { | |||||
| active:2, | |||||
| // 使用权人列表 | |||||
| syqrlist:[ | |||||
| { | |||||
| shyqrdbxm :'测试测试', | |||||
| shyqrdbzjhm :'12324648564', | |||||
| nhdm :'777888999', | |||||
| } | |||||
| ], | |||||
| minDate: new Date(), | |||||
| maxDate: new Date(2025, 10, 1), | |||||
| showZgqrzrq:false, | |||||
| form:{} | |||||
| }; | |||||
| }, | |||||
| created(){ | |||||
| let data = this.$route.query; | |||||
| console.info(data) | |||||
| this.form = data; | |||||
| if(this.form.shyqrdbzjhm != null){ | |||||
| this.getList(); | |||||
| } | |||||
| }, | |||||
| mounted(){ | |||||
| }, | |||||
| methods: { | |||||
| getList(){ | |||||
| listNh({hzzjhm:this.form.shyqrdbzjhm}).then(response => { | |||||
| this.form = response.rows[0]; | |||||
| }); | |||||
| }, | |||||
| submitzjd(){ | |||||
| this.$refs.form.validate().then(() => { | |||||
| updateNh(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| }).catch((e) => { | |||||
| Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
| }); | |||||
| }, | |||||
| cancel(){ | |||||
| this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: this.form.zjddm}}); | |||||
| }, | |||||
| guidProduct(){ | |||||
| return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
| var r = Math.random() * 16 | 0, | |||||
| v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
| return v.toString(16); | |||||
| }); | |||||
| }, | |||||
| /** 查找地图中定位点 */ | |||||
| MapTag: function (data) { | |||||
| this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||||
| }, | |||||
| onConfirmZgqrzrq(data){ | |||||
| this.form.zgqrzrq = this.getNowFormatDate(data).substr(0,10); | |||||
| this.showZgqrzrq = false; | |||||
| }, | |||||
| goBack(){ | |||||
| if(this.ztMap && this.enterMap ==1){ | |||||
| if(this.form.id == null){ | |||||
| this.backMap.backMapZjdAData.theGeom= ""; | |||||
| }else{ | |||||
| this.backMap.backMapZjdAData = this.form; | |||||
| } | |||||
| this.$cookies.set("search",this.backMap); | |||||
| } else { | |||||
| this.$cookies.set("search",""); | |||||
| } | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped> | |||||
| >>> .bannerBg{ | |||||
| width: 100%; | |||||
| color:#fff; | |||||
| padding:10px; | |||||
| background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
| } | |||||
| >>> .van-hairline--bottom::after { | |||||
| border-bottom-width: 0; | |||||
| } | |||||
| >>> .title:before | |||||
| { | |||||
| content:""; | |||||
| width: 6px; | |||||
| height: 20PX; | |||||
| background: #7ac943; | |||||
| border-radius: 3px; | |||||
| position:absolute; | |||||
| left:0; | |||||
| bottom:0; | |||||
| } | |||||
| >>> .delete-button { | |||||
| height: 100%; | |||||
| } | |||||
| >>> .van-swipe-cell__wrapper{ | |||||
| margin-right:-3px; | |||||
| } | |||||
| >>> .label-class .van-collapse-item__title--expanded{ | |||||
| font-weight: bold; | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,355 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <van-sticky style="position:relative;"> | |||||
| <div class="bannerBg"> | |||||
| <van-nav-bar | |||||
| style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
| @click-left="goBack()" | |||||
| > | |||||
| <template #left> | |||||
| <van-icon name="arrow-left" size="18" color="#fff" /> | |||||
| </template> | |||||
| <template #title> | |||||
| <p style="color:#fff">入户调查</p> | |||||
| </template> | |||||
| </van-nav-bar> | |||||
| </div> | |||||
| <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
| <van-row> | |||||
| <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
| </van-col> | |||||
| </van-row> | |||||
| </div> | |||||
| </van-sticky> | |||||
| <van-form ref = "form"> | |||||
| <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">农户成员信息</p> | |||||
| <!--<van-field | |||||
| v-model="form.deptId" | |||||
| name="行政区划名称" | |||||
| label="行政区划名称" | |||||
| placeholder="行政区划名称" | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| />--> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.xm" | |||||
| name="姓名" | |||||
| label="姓名" | |||||
| placeholder="请输入姓名" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.zjlx" | |||||
| label="证件类型" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请输入使用权人证件类型" | |||||
| remote-url="/system/dict/data/type/zjlx" | |||||
| :on-remote-response="'data'" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.zjhm" | |||||
| name="证件号码" | |||||
| label="证件号码" | |||||
| placeholder="请输入使用权人证件号码" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.yhzgx" | |||||
| label="与户主关系" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择与户主关系" | |||||
| remote-url="/system/dict/data/type/family_status" | |||||
| :on-remote-response="'data'" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.xb" | |||||
| label="性别" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择性别" | |||||
| remote-url="/system/dict/data/type/sys_user_sex" | |||||
| :on-remote-response="'data'" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.hklx" | |||||
| label="户口类型" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择户口类型" | |||||
| remote-url="/system/dict/data/type/account_type" | |||||
| :on-remote-response="'data'" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.lxdh" | |||||
| name="联系电话" | |||||
| label="联系电话" | |||||
| placeholder="请输入联系电话" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.hyzk" | |||||
| label="婚姻状况" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择性别" | |||||
| remote-url="/system/dict/data/type/hyzk" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.hkszd" | |||||
| name="户口所在地" | |||||
| label="户口所在地" | |||||
| placeholder="请输入户口所在地" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.cybz" | |||||
| label="成员备注" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择成员备注" | |||||
| remote-url="/system/dict/data/type/cybz" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.cybzsm" | |||||
| name="备注说明" | |||||
| label="备注说明" | |||||
| placeholder="请输入备注说明" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.sjly" | |||||
| label="数据来源" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择数据来源" | |||||
| remote-url="/system/dict/data/type/sjly" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <FieldRadio | |||||
| v-model="form.sfbjtjjzzcy" | |||||
| label="是否本集体经济组织成员" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <FieldRadio | |||||
| v-model="form.sfjbzgq" | |||||
| label="具备资格权" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| </div> | |||||
| <div style="margin: 16px;display: flex;justify-content: space-around;"> | |||||
| <van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
| <van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
| </div> | |||||
| <div style="height: 50px;"></div> | |||||
| </van-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | |||||
| import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
| import FieldSelect from "@/components/form/FieldSelect"; | |||||
| import FieldRadio from "@/components/form/FieldRadio"; | |||||
| import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
| import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
| import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
| import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
| import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
| import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
| import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
| import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
| import { Notify, Dialog, Toast } from 'vant'; | |||||
| import axios from "axios"; | |||||
| export default { | |||||
| components: {FieldSelect, FieldRadio}, | |||||
| name: "nhctAdd", | |||||
| data() { | |||||
| return { | |||||
| active:2, | |||||
| // 使用权人列表 | |||||
| syqrlist:[ | |||||
| { | |||||
| shyqrdbxm :'测试测试', | |||||
| shyqrdbzjhm :'12324648564', | |||||
| nhdm :'777888999', | |||||
| } | |||||
| ], | |||||
| form:{} | |||||
| }; | |||||
| }, | |||||
| created(){ | |||||
| let data = this.$route.query; | |||||
| this.form = data; | |||||
| if(this.form.id == null){ | |||||
| this.$set(this.form, 'zjlx', "01"); | |||||
| this.$set(this.form, 'xb', "1"); | |||||
| this.$set(this.form, 'yhzgx', "23"); | |||||
| this.$set(this.form, 'hklx', "01"); | |||||
| this.$set(this.form, 'hyzk', "01"); | |||||
| this.$set(this.form, 'sjly', "01"); | |||||
| this.$set(this.form, 'sfbjtjjzzcy', "1"); | |||||
| this.$set(this.form, 'sfjbzgq', "1"); | |||||
| } | |||||
| console.info(data); | |||||
| }, | |||||
| mounted(){ | |||||
| }, | |||||
| methods: { | |||||
| getList(){ | |||||
| listNhhncy(this.form).then(response => { | |||||
| }); | |||||
| }, | |||||
| submitzjd(){ | |||||
| this.$refs.form.validate().then(() => { | |||||
| if(this.form.id == null){ | |||||
| addNhhncy(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| }else{ | |||||
| updateNhhncy(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| } | |||||
| }).catch((e) => { | |||||
| Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
| }); | |||||
| }, | |||||
| cancel(){ | |||||
| this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: this.form.zjddm}}); | |||||
| }, | |||||
| guidProduct(){ | |||||
| return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
| var r = Math.random() * 16 | 0, | |||||
| v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
| return v.toString(16); | |||||
| }); | |||||
| }, | |||||
| /** 查找地图中定位点 */ | |||||
| MapTag: function (data) { | |||||
| this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||||
| }, | |||||
| goBack(){ | |||||
| if(this.ztMap && this.enterMap ==1){ | |||||
| if(this.form.id == null){ | |||||
| this.backMap.backMapZjdAData.theGeom= ""; | |||||
| }else{ | |||||
| this.backMap.backMapZjdAData = this.form; | |||||
| } | |||||
| this.$cookies.set("search",this.backMap); | |||||
| } else { | |||||
| this.$cookies.set("search",""); | |||||
| } | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped> | |||||
| >>> .bannerBg{ | |||||
| width: 100%; | |||||
| color:#fff; | |||||
| padding:10px; | |||||
| background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
| } | |||||
| >>> .van-hairline--bottom::after { | |||||
| border-bottom-width: 0; | |||||
| } | |||||
| >>> .title:before | |||||
| { | |||||
| content:""; | |||||
| width: 6px; | |||||
| height: 20PX; | |||||
| background: #7ac943; | |||||
| border-radius: 3px; | |||||
| position:absolute; | |||||
| left:0; | |||||
| bottom:0; | |||||
| } | |||||
| >>> .delete-button { | |||||
| height: 100%; | |||||
| } | |||||
| >>> .van-swipe-cell__wrapper{ | |||||
| margin-right:-3px; | |||||
| } | |||||
| >>> .label-class .van-collapse-item__title--expanded{ | |||||
| font-weight: bold; | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,178 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <van-sticky style="position:relative;"> | |||||
| <div class="bannerBg"> | |||||
| <van-nav-bar | |||||
| style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
| @click-left="goBack()" | |||||
| > | |||||
| <template #left> | |||||
| <van-icon name="arrow-left" size="18" color="#fff" /> | |||||
| </template> | |||||
| <!-- <template #right> | |||||
| <van-icon name="map-marked" size="18" color="#fff" /> | |||||
| </template>--> | |||||
| <template #title> | |||||
| <p style="color:#fff">入户调查</p> | |||||
| </template> | |||||
| </van-nav-bar> | |||||
| </div> | |||||
| <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
| <van-row> | |||||
| <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
| </van-col> | |||||
| </van-row> | |||||
| </div> | |||||
| </van-sticky> | |||||
| <div style="margin:30px auto 0;width: 95%;"> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-bottom: 5px;">户内成员</p> | |||||
| </div> | |||||
| <van-swipe-cell v-for="(item,index) in hnnylist" :key="'syqr'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;background:#fff;"> | |||||
| <div style="padding:15px;"> | |||||
| <p style="display: flex;align-items: center;"> | |||||
| <img src="../../assets/images/housesteadSurvey/list03.png" alt="" style="margin-right: 5px;"> | |||||
| <span style="line-height: 1;font-size: 16px;">{{item.xm}}</span> | |||||
| </p> | |||||
| <div style="display:flex;line-height:20px;margin-top: 15px;font-size: 14px;color: #999999;"> | |||||
| <p style="flex:1;text-align:left;">证件号码:</p> | |||||
| <p style="flex:1;text-align:right;">{{item.zjhm}}</p> | |||||
| </div> | |||||
| <div style="display:flex;line-height:20px;margin-top: 5px;font-size: 14px;color: #999999;"> | |||||
| <p style="flex:1;text-align:left;">农户代码:</p> | |||||
| <p style="flex:1;text-align:right;">{{item.nhdm}}</p> | |||||
| </div> | |||||
| <div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | |||||
| <p style="width:32%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopuphncy(item)"> | |||||
| <img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | |||||
| <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">详情</span> | |||||
| </p> | |||||
| </div> | |||||
| </div> | |||||
| <template #right> | |||||
| <van-button square text="删除" type="danger" class="delete-button" @click="deletesyqr(item.id,index)"/> | |||||
| </template> | |||||
| </van-swipe-cell> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
| import MapGisDrawing from "@/components/Map/MapGisDrawing"; | |||||
| import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
| import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
| import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
| import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
| import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
| import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
| import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
| import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
| import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
| import { Notify, Dialog, Toast } from 'vant'; | |||||
| import axios from "axios"; | |||||
| export default { | |||||
| name: "nhcyList", | |||||
| components: { MapGisDrawing,}, | |||||
| data() { | |||||
| return { | |||||
| active:2, | |||||
| // 使用权人列表 | |||||
| shyqrData:{}, | |||||
| hnnylist:[], | |||||
| }; | |||||
| }, | |||||
| created(){ | |||||
| this.shyqrData = this.$route.query; | |||||
| this.getList(); | |||||
| }, | |||||
| mounted(){ | |||||
| }, | |||||
| methods: { | |||||
| getList(){ | |||||
| listNhhncy({nhdm:this.shyqrData.nhdm }).then(response => { | |||||
| this.hnnylist = response.rows; | |||||
| }); | |||||
| }, | |||||
| goBack(){ | |||||
| if(this.ztMap && this.enterMap ==1){ | |||||
| if(this.form.id == null){ | |||||
| this.backMap.backMapZjdAData.theGeom= ""; | |||||
| }else{ | |||||
| this.backMap.backMapZjdAData = this.form; | |||||
| } | |||||
| this.$cookies.set("search",this.backMap); | |||||
| } else { | |||||
| this.$cookies.set("search",""); | |||||
| } | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | |||||
| }, | |||||
| showPopupsyqr(val){ | |||||
| this.$router.push({name:'shyqrAdd',query:val}); | |||||
| }, | |||||
| showPopupnh(val){ | |||||
| this.$router.push({name:'nhcyAdd',query:{nhdm:this.hnnylist[0].nhdm}}); | |||||
| }, | |||||
| showPopuphncy(val){ | |||||
| this.$router.push({name:'nhcyAdd',query:val}); | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped> | |||||
| >>> .bannerBg{ | |||||
| width: 100%; | |||||
| color:#fff; | |||||
| padding:10px; | |||||
| background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
| } | |||||
| >>> .van-hairline--bottom::after { | |||||
| border-bottom-width: 0; | |||||
| } | |||||
| >>> .title:before | |||||
| { | |||||
| content:""; | |||||
| width: 6px; | |||||
| height: 20PX; | |||||
| background: #7ac943; | |||||
| border-radius: 3px; | |||||
| position:absolute; | |||||
| left:0; | |||||
| bottom:0; | |||||
| } | |||||
| >>> .delete-button { | |||||
| height: 100%; | |||||
| } | |||||
| >>> .van-swipe-cell__wrapper{ | |||||
| margin-right:-3px; | |||||
| } | |||||
| >>> .label-class .van-collapse-item__title--expanded{ | |||||
| font-weight: bold; | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,563 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <van-sticky style="position:relative;"> | |||||
| <div class="bannerBg"> | |||||
| <van-nav-bar | |||||
| style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
| @click-left="goBack()" | |||||
| > | |||||
| <template #left> | |||||
| <van-icon name="arrow-left" size="18" color="#fff" /> | |||||
| </template> | |||||
| <template #title> | |||||
| <p style="color:#fff">入户调查</p> | |||||
| </template> | |||||
| </van-nav-bar> | |||||
| </div> | |||||
| <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
| <van-row> | |||||
| <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
| </van-col> | |||||
| </van-row> | |||||
| </div> | |||||
| </van-sticky> | |||||
| <van-form ref = "form"> | |||||
| <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">农民房屋信息</p> | |||||
| <!--<van-field | |||||
| v-model="form.deptId" | |||||
| name="行政区划名称" | |||||
| label="行政区划名称" | |||||
| placeholder="行政区划名称" | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| />--> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">基本信息</p> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.nmfwzh" | |||||
| name="房屋幢号" | |||||
| label="房屋幢号" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.nhdm" | |||||
| name="农户代码" | |||||
| label="农户代码" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| disabled | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.sjcs" | |||||
| name="实际层数" | |||||
| label="实际层数" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| type="number" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.hh" | |||||
| name="户号" | |||||
| label="户号" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.hx" | |||||
| label="户型" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择户型" | |||||
| remote-url="/system/dict/data/type/nmfwhx" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.hxjg" | |||||
| label="户型结构" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择户型结构" | |||||
| remote-url="/system/dict/data/type/nmfwhxjg" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <van-field | |||||
| v-model="form.nmfwmj" | |||||
| label="房屋面积(m²)" | |||||
| placeholder="请输入房屋面积" | |||||
| input-align="right" | |||||
| label-width="auto" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| type="number"/> | |||||
| <van-field | |||||
| v-model="form.fjzdmj" | |||||
| label="房基占地面积(m²)" | |||||
| placeholder="请输入房基占地面积" | |||||
| input-align="right" | |||||
| label-width="auto" | |||||
| type="number"/> | |||||
| <van-field | |||||
| v-model="form.jzmj" | |||||
| label="建筑面积(m²)" | |||||
| placeholder="请输入建筑面积" | |||||
| input-align="right" | |||||
| label-width="auto" | |||||
| type="number"/> | |||||
| <field-select | |||||
| v-model="form.fwlx" | |||||
| label="房屋类型" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择房屋类型" | |||||
| remote-url="/system/dict/data/type/fwlx" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.fwxz" | |||||
| label="房屋性质" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择房屋性质" | |||||
| remote-url="/system/dict/data/type/fwxz" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.fwjg" | |||||
| label="房屋结构" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择房屋结构" | |||||
| remote-url="/system/dict/data/type/housing_structure" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.zl" | |||||
| name="坐落" | |||||
| label="坐落" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.sjly" | |||||
| label="数据来源" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择数据来源" | |||||
| remote-url="/system/dict/data/type/sjly" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.bz" | |||||
| name="备注" | |||||
| label="备注" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">不动产信息</p> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.bdcdyh" | |||||
| name="不动产单元号" | |||||
| label="不动产单元号" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.fwbm" | |||||
| name="房屋编码" | |||||
| label="房屋编码" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.zrzh" | |||||
| name="自然幢号" | |||||
| label="自然幢号" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.ch" | |||||
| name="层号" | |||||
| label="层号" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.sjc" | |||||
| name="实际层" | |||||
| label="实际层" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.myc" | |||||
| name="名义层" | |||||
| label="名义层" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">证书信息</p> | |||||
| <FieldRadio | |||||
| v-model="form.sffz" | |||||
| label="是否发证" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <FieldRadio | |||||
| v-model="form.sfjf" | |||||
| label="是否纠纷" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <FieldRadio | |||||
| v-model="form.sfcf" | |||||
| label="是否查封" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">利用情况</p> | |||||
| <field-select | |||||
| v-model="form.lyzk" | |||||
| label="房屋利用状况" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择房屋利用状况" | |||||
| remote-url="/system/dict/data/type/nmfwlyzk" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">抵押情况</p> | |||||
| <FieldRadio | |||||
| v-model="form.sfdy" | |||||
| label="是否抵押" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">其他信息</p> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.jznd" | |||||
| name="建筑年代" | |||||
| label="建筑年代" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.fwaqxjddj" | |||||
| label="房屋安全性鉴定等级" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择房屋安全性鉴定等级" | |||||
| remote-url="/system/dict/data/type/fwaqxjddj" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.fwzt" | |||||
| label="房屋状态" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择房房屋状态" | |||||
| remote-url="/system/dict/data/type/fwzt" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.fwyt" | |||||
| label="房屋用途" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择房房屋状态" | |||||
| remote-url="/system/dict/data/type/fwyt" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <FieldRadio | |||||
| v-model="form.sfytrgy" | |||||
| label="与其他人共有" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| </div> | |||||
| <div style="margin: 16px;display: flex;justify-content: space-around;"> | |||||
| <van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
| <van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
| </div> | |||||
| <div style="height: 50px;"></div> | |||||
| </van-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
| import FieldSelect from "@/components/form/FieldSelect"; | |||||
| import FieldRadio from "@/components/form/FieldRadio"; | |||||
| import CommonMap from "@/components/house/CommonMap"; | |||||
| import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
| import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
| import { Notify, Dialog, Toast } from 'vant'; | |||||
| import axios from "axios"; | |||||
| export default { | |||||
| components: {FieldSelect, FieldRadio,CommonMap}, | |||||
| name: "zrzAdd", | |||||
| data() { | |||||
| return { | |||||
| active:3, | |||||
| // 使用权人列表 | |||||
| syqrlist:[ | |||||
| { | |||||
| shyqrdbxm :'测试测试', | |||||
| shyqrdbzjhm :'12324648564', | |||||
| nhdm :'777888999', | |||||
| } | |||||
| ], | |||||
| // 地图绘制 | |||||
| drawInsert: null, | |||||
| // 当前位置信息 | |||||
| tGeoOrganizationLat: null, | |||||
| tGeoOrganizationLng: null, | |||||
| minDate: new Date(), | |||||
| maxDate: new Date(2025, 10, 1), | |||||
| showZgqrzrq:false, | |||||
| form:{} | |||||
| }; | |||||
| }, | |||||
| created(){ | |||||
| let data = this.$route.query; | |||||
| console.info(data) | |||||
| this.form = data; | |||||
| if(this.form.id == null){ | |||||
| this.$set(this.form, 'hx', "01"); | |||||
| this.$set(this.form, 'hxjg', "01"); | |||||
| this.$set(this.form, 'fwlx', "01"); | |||||
| this.$set(this.form, 'fwxz', "6"); | |||||
| this.$set(this.form, 'fwjg', "01"); | |||||
| this.$set(this.form, 'sjly', "01"); | |||||
| this.$set(this.form, 'sffz', "1"); | |||||
| this.$set(this.form, 'sfjf', "0"); | |||||
| this.$set(this.form, 'sfcf', "0"); | |||||
| this.$set(this.form, 'lyzk', "10"); | |||||
| this.$set(this.form, 'sfdy', "0"); | |||||
| this.$set(this.form, 'fwaqxjddj', "01"); | |||||
| this.$set(this.form, 'fwzt', "01"); | |||||
| this.$set(this.form, 'fwyt', "10"); | |||||
| this.$set(this.form, 'sfytrgy', "0"); | |||||
| } | |||||
| }, | |||||
| mounted(){ | |||||
| }, | |||||
| methods: { | |||||
| submitzjd(){ | |||||
| this.$refs.form.validate().then(() => { | |||||
| if(this.form.id == null){ | |||||
| addNmfw(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| }else{ | |||||
| updateNmfw(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| } | |||||
| }).catch((e) => { | |||||
| Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
| }); | |||||
| }, | |||||
| // 绘制申请地图 | |||||
| pointDarw(data) { | |||||
| this.$nextTick(() => { | |||||
| let map = this.$refs.pointDarwMap; | |||||
| if(data === null) | |||||
| data = this.form.theGeomJson; | |||||
| this.setMapData(map, data); | |||||
| }); | |||||
| }, | |||||
| // 通用设置地图数据函数 | |||||
| setMapData(map, data) { | |||||
| //console.log(map, data ? true : false); | |||||
| if(!map) return; | |||||
| if(data) | |||||
| { | |||||
| map.setLayer('pointDarwLayer', data); | |||||
| } | |||||
| else { | |||||
| this.getLandCoord((lng, lat) => { | |||||
| map.setCoord(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
| }); | |||||
| } | |||||
| }, | |||||
| // 当地图绘制完成时 | |||||
| onMapDrawFinished(data) { | |||||
| console.info(data); | |||||
| this.drawInsert = data; | |||||
| this.form.theGeomJson = JSON.stringify(this.drawInsert); | |||||
| }, | |||||
| // 当申请地图被重置时 | |||||
| onMapDrawReseted() { | |||||
| this.drawInsert = null; | |||||
| if(this.form.theGeomJson) | |||||
| { | |||||
| let lastData = JSON.parse(this.form.theGeomJson); | |||||
| if(lastData.hasOwnProperty('coordinates')) // 从后台获取的 | |||||
| this.drawInsert = lastData.coordinates; | |||||
| } | |||||
| }, | |||||
| cancel(){ | |||||
| this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: this.form.zjddm}}); | |||||
| }, | |||||
| // 获取登录人位置坐标 | |||||
| getLandCoord(func) { | |||||
| if (func | |||||
| && this.tGeoOrganizationLng !== null && this.tGeoOrganizationLng !== '' | |||||
| && this.tGeoOrganizationLat !== null && this.tGeoOrganizationLat !== '') { | |||||
| this.$nextTick(() => { | |||||
| func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
| }) | |||||
| } | |||||
| else { | |||||
| console.info(this.deptId); | |||||
| getQueryLand(this.deptId).then((response) => { | |||||
| if (response.code == 200) { | |||||
| let InsertCode = response.data; | |||||
| this.form.orgCode = InsertCode.orgCode; | |||||
| this.tGeoOrganizationLat = InsertCode.lat; | |||||
| this.tGeoOrganizationLng = InsertCode.lng; | |||||
| if(func) | |||||
| { | |||||
| func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
| } | |||||
| } | |||||
| }); | |||||
| } | |||||
| }, | |||||
| guidProduct(){ | |||||
| return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
| var r = Math.random() * 16 | 0, | |||||
| v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
| return v.toString(16); | |||||
| }); | |||||
| }, | |||||
| /** 查找地图中定位点 */ | |||||
| MapTag: function (data) { | |||||
| this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||||
| }, | |||||
| onConfirmZgqrzrq(data){ | |||||
| this.form.jgrq = this.getNowFormatDate(data).substr(0,10); | |||||
| this.showZgqrzrq = false; | |||||
| }, | |||||
| goBack(){ | |||||
| if(this.ztMap && this.enterMap ==1){ | |||||
| if(this.form.id == null){ | |||||
| this.backMap.backMapZjdAData.theGeom= ""; | |||||
| }else{ | |||||
| this.backMap.backMapZjdAData = this.form; | |||||
| } | |||||
| this.$cookies.set("search",this.backMap); | |||||
| } else { | |||||
| this.$cookies.set("search",""); | |||||
| } | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped> | |||||
| >>> .bannerBg{ | |||||
| width: 100%; | |||||
| color:#fff; | |||||
| padding:10px; | |||||
| background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
| } | |||||
| >>> .van-hairline--bottom::after { | |||||
| border-bottom-width: 0; | |||||
| } | |||||
| >>> .title:before | |||||
| { | |||||
| content:""; | |||||
| width: 6px; | |||||
| height: 20PX; | |||||
| background: #7ac943; | |||||
| border-radius: 3px; | |||||
| position:absolute; | |||||
| left:0; | |||||
| bottom:0; | |||||
| } | |||||
| >>> .delete-button { | |||||
| height: 100%; | |||||
| } | |||||
| >>> .van-swipe-cell__wrapper{ | |||||
| margin-right:-3px; | |||||
| } | |||||
| >>> .label-class .van-collapse-item__title--expanded{ | |||||
| font-weight: bold; | |||||
| } | |||||
| </style> | |||||
| @@ -0,0 +1,183 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <van-sticky style="position:relative;"> | |||||
| <div class="bannerBg"> | |||||
| <van-nav-bar | |||||
| style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
| @click-left="goBack()" | |||||
| > | |||||
| <template #left> | |||||
| <van-icon name="arrow-left" size="18" color="#fff" /> | |||||
| </template> | |||||
| <!-- <template #right> | |||||
| <van-icon name="map-marked" size="18" color="#fff" /> | |||||
| </template>--> | |||||
| <template #title> | |||||
| <p style="color:#fff">入户调查</p> | |||||
| </template> | |||||
| </van-nav-bar> | |||||
| </div> | |||||
| <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
| <van-row> | |||||
| <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
| </van-col> | |||||
| </van-row> | |||||
| </div> | |||||
| </van-sticky> | |||||
| <div style="margin:30px auto 0;width: 95%;"> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-bottom: 5px;">农民房屋</p> | |||||
| </div> | |||||
| <van-swipe-cell v-for="(item,index) in nmfwlist" :key="'nmfw'+index" style="border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16); width:95%;margin:15px auto 0;background:#fff;"> | |||||
| <div style="padding:15px;"> | |||||
| <p style="display: flex;align-items: center;"> | |||||
| <img src="../../assets/images/housesteadSurvey/add03.png" alt="" style="margin-right: 5px;"> | |||||
| <span style="line-height: 1;font-size: 16px;">{{item.xm}}</span> | |||||
| </p> | |||||
| <div style="display:flex;line-height:20px;margin-top: 15px;font-size: 14px;color: #999999;"> | |||||
| <p style="flex:1;text-align:left;">农民房屋面积:</p> | |||||
| <p style="flex:1;text-align:right;">{{item.nmfwmj}}</p> | |||||
| </div> | |||||
| <div style="display:flex;line-height:20px;margin-top: 5px;font-size: 14px;color: #999999;"> | |||||
| <p style="flex:1;text-align:left;">农户代码:</p> | |||||
| <p style="flex:1;text-align:right;">{{item.nhdm}}</p> | |||||
| </div> | |||||
| <div style="text-align:center;overflow:auto;display: flex;justify-content: space-between;margin-top: 10px;"> | |||||
| <p style="width:32%;display: flex;align-items: center;justify-content:center;border: 1px solid #22B7F2;padding: 3px 0;border-radius: 50px;" @click="showPopupnmfw(item)"> | |||||
| <img src="../../assets/images/housesteadSurvey/add02.png" alt=""> | |||||
| <span style="font-size: 14px;color: #22B7F2;margin-left: 5px;">详情</span> | |||||
| </p> | |||||
| </div> | |||||
| </div> | |||||
| <template #right> | |||||
| <van-button square text="删除" type="danger" class="delete-button" @click="deletesyqr(item.id,index)"/> | |||||
| </template> | |||||
| </van-swipe-cell> | |||||
| <div style=" width:95%;margin:20px auto;display: flex;justify-content: space-between;"> | |||||
| <div style="width:49%;text-align:center;overflow:auto;border-radius: 16px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: 15px 0px;background: #ffffff;color: #22B7F2;"> | |||||
| <p style="font-size: 16px;" @click="showPopupAddnmfw()">+ 添加农民房屋</p> | |||||
| </div> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
| import MapGisDrawing from "@/components/Map/MapGisDrawing"; | |||||
| import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
| import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
| import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
| import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
| import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
| import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
| import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
| import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
| import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
| import { Notify, Dialog, Toast } from 'vant'; | |||||
| import axios from "axios"; | |||||
| export default { | |||||
| name: "nmfwList", | |||||
| components: { MapGisDrawing,}, | |||||
| data() { | |||||
| return { | |||||
| active:3, | |||||
| // 使用权人列表 | |||||
| zrzData:{}, | |||||
| nmfwlist:[], | |||||
| }; | |||||
| }, | |||||
| created(){ | |||||
| this.zrzData = this.$route.query; | |||||
| this.getList(); | |||||
| }, | |||||
| mounted(){ | |||||
| }, | |||||
| methods: { | |||||
| getList(){ | |||||
| listNmfw({nmfwzh:this.zrzData.nmfwzh}).then(response => { | |||||
| this.nmfwlist = response.rows; | |||||
| }); | |||||
| }, | |||||
| goBack(){ | |||||
| if(this.ztMap && this.enterMap ==1){ | |||||
| if(this.form.id == null){ | |||||
| this.backMap.backMapZjdAData.theGeom= ""; | |||||
| }else{ | |||||
| this.backMap.backMapZjdAData = this.form; | |||||
| } | |||||
| this.$cookies.set("search",this.backMap); | |||||
| } else { | |||||
| this.$cookies.set("search",""); | |||||
| } | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | |||||
| }, | |||||
| showPopupnmfw(val){ | |||||
| this.$router.push({name:'nmfwAdd',query:val}); | |||||
| }, | |||||
| showPopupAddnmfw(){ | |||||
| this.$router.push({name:'nmfwAdd',query:{nhdm:this.nmfwlist[0].nhdm,nmfwzh:this.nmfwlist[0].nmfwzh}}); | |||||
| }, | |||||
| showPopuphncy(val){ | |||||
| this.$router.push({name:'nhcyAdd',query:val}); | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped> | |||||
| >>> .bannerBg{ | |||||
| width: 100%; | |||||
| color:#fff; | |||||
| padding:10px; | |||||
| background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
| } | |||||
| >>> .van-hairline--bottom::after { | |||||
| border-bottom-width: 0; | |||||
| } | |||||
| >>> .title:before | |||||
| { | |||||
| content:""; | |||||
| width: 6px; | |||||
| height: 20PX; | |||||
| background: #7ac943; | |||||
| border-radius: 3px; | |||||
| position:absolute; | |||||
| left:0; | |||||
| bottom:0; | |||||
| } | |||||
| >>> .delete-button { | |||||
| height: 100%; | |||||
| } | |||||
| >>> .van-swipe-cell__wrapper{ | |||||
| margin-right:-3px; | |||||
| } | |||||
| >>> .label-class .van-collapse-item__title--expanded{ | |||||
| font-weight: bold; | |||||
| } | |||||
| </style> | |||||
| @@ -44,7 +44,7 @@ | |||||
| </van-row> | </van-row> | ||||
| </div> | </div> | ||||
| </van-sticky> | </van-sticky> | ||||
| <van-form @submit="submitzjd"> | |||||
| <van-form ref = "form"> | |||||
| <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | ||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">使用权人信息</p> | <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">使用权人信息</p> | ||||
| <!--<van-field | <!--<van-field | ||||
| @@ -55,40 +55,58 @@ | |||||
| :rules="[{ required: true, message: '' }]" | :rules="[{ required: true, message: '' }]" | ||||
| />--> | />--> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | |||||
| v-model="form.nhdm" | |||||
| name="农户代码" | |||||
| readonly | |||||
| clickable | |||||
| label="农户代码" | label="农户代码" | ||||
| placeholder="自动生成" | |||||
| placeholder="请选择" | |||||
| v-model="form.nhdm" | |||||
| @click="shownhdm = true" | |||||
| input-align="right" | input-align="right" | ||||
| disabled | |||||
| right-icon="arrow-down" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | /> | ||||
| <van-popup v-model="shownhdm" position="bottom"> | |||||
| <van-picker | |||||
| show-toolbar | |||||
| :columns="nhdmDictionaries" | |||||
| value-key="hzxm" | |||||
| @confirm="onConfirmnhdm" | |||||
| @cancel="shownhdm = false" | |||||
| /> | |||||
| </van-popup> | |||||
| <van-field | <van-field | ||||
| autocomplete="off" | |||||
| v-model="form.zjddm" | v-model="form.zjddm" | ||||
| name="宅基地代码" | |||||
| label="宅基地代码" | label="宅基地代码" | ||||
| placeholder="自动生成" | |||||
| input-align="right" | input-align="right" | ||||
| disabled | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| readonly | |||||
| clickable | |||||
| label="农民房屋代码" | |||||
| placeholder="请选择" | |||||
| v-model="form.nmfwdm" | v-model="form.nmfwdm" | ||||
| name="农民房屋代码" | |||||
| label="宗地代码" | |||||
| placeholder="自动生成" | |||||
| disabled | |||||
| @click="shownmfwdm = true" | |||||
| input-align="right" | |||||
| right-icon="arrow-down" | |||||
| /> | /> | ||||
| <van-popup v-model="shownmfwdm" position="bottom"> | |||||
| <van-picker | |||||
| show-toolbar | |||||
| :columns="nmfwDictionaries" | |||||
| value-key="nmfwdm" | |||||
| @confirm="onConfirmnmfwdm" | |||||
| @cancel="shownmfwdm = false" | |||||
| /> | |||||
| </van-popup> | |||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| input-align="right" | input-align="right" | ||||
| v-model="form.bdcdyh" | v-model="form.bdcdyh" | ||||
| name="不动产单元号" | name="不动产单元号" | ||||
| label="不动产单元号" | label="不动产单元号" | ||||
| placeholder="自动生成" | |||||
| disabled | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| @@ -96,17 +114,15 @@ | |||||
| v-model="form.bdcqzh" | v-model="form.bdcqzh" | ||||
| name="不动产权证号" | name="不动产权证号" | ||||
| label="不动产权证号" | label="不动产权证号" | ||||
| placeholder="自动生成" | |||||
| disabled | |||||
| placeholder="不动产权证号" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| input-align="right" | input-align="right" | ||||
| v-model="form.qzysxlh" | v-model="form.qzysxlh" | ||||
| name="权证印刷序列号" | |||||
| label="权证印刷序列号" | |||||
| placeholder="自动生成" | |||||
| disabled | |||||
| name="权证印刷号" | |||||
| label="权证印刷号" | |||||
| placeholder="权证印刷序列号" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| @@ -114,375 +130,189 @@ | |||||
| v-model="form.fzjg" | v-model="form.fzjg" | ||||
| name="发证机关" | name="发证机关" | ||||
| label="发证机关" | label="发证机关" | ||||
| disabled | |||||
| /> | /> | ||||
| <van-field name="radio" label="是否发证" input-align="right" autocomplete="off"> | |||||
| <template #input> | |||||
| <van-radio-group v-model="form.sffz" direction="horizontal"> | |||||
| <van-radio name="1">是</van-radio> | |||||
| <van-radio name="0">否</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-field> | |||||
| <van-field | <van-field | ||||
| input-align="right" | input-align="right" | ||||
| v-model="form.zjdzsh" | |||||
| name="宅基地证书号" | |||||
| label="宅基地证书号" | |||||
| placeholder="宅基地证书号" | |||||
| v-model="form.shyqrdbxm" | |||||
| name="代表姓名" | |||||
| label="代表姓名" | |||||
| placeholder="请输入使用权人代表姓名" | |||||
| maxlength="50" | maxlength="50" | ||||
| autocomplete="off" | autocomplete="off" | ||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | /> | ||||
| <van-field | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.zjdpzmj" | |||||
| name="批准面积(㎡)" | |||||
| label="批准面积(㎡)" | |||||
| placeholder="单位:平方米" | |||||
| type="number" | |||||
| maxlength="15" | |||||
| <field-select | |||||
| v-model="form.shyqrdbzjlx" | |||||
| label="证件类型" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请输入使用权人证件类型" | |||||
| remote-url="/system/dict/data/type/zjlx" | |||||
| :on-remote-response="'data'" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | |||||
| input-align="right" | input-align="right" | ||||
| v-model="form.zdmj" | |||||
| type="number" | |||||
| name="宗地面积(㎡)" | |||||
| label="宗地面积(㎡)" | |||||
| placeholder="宗地面积(㎡)" | |||||
| maxlength="15" | |||||
| /> | |||||
| <van-field | |||||
| v-model="form.shyqrdbzjhm" | |||||
| name="证件号码" | |||||
| label="证件号码" | |||||
| placeholder="请输入使用权人证件号码" | |||||
| maxlength="50" | |||||
| autocomplete="off" | autocomplete="off" | ||||
| input-align="right" | |||||
| v-model="form.zl" | |||||
| name="坐落" | |||||
| label="坐落" | |||||
| placeholder="坐落" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.xb" | |||||
| label="性别" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择性别" | |||||
| remote-url="/system/dict/data/type/sys_user_sex" | |||||
| :on-remote-response="'data'" | |||||
| :rules="[{ required: true }]" | |||||
| required | required | ||||
| :rules="[{ required: true, message: '坐落不能为空' }]" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | |||||
| v-model="form.zldwdm" | |||||
| name="坐落单位代码" | |||||
| label="坐落单位代码" | |||||
| placeholder="自动生成" | |||||
| input-align="right" | input-align="right" | ||||
| disabled | |||||
| v-show="false" | |||||
| v-model="form.dh" | |||||
| name="联系电话" | |||||
| label="联系电话" | |||||
| placeholder="请输入联系电话" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <van-cell title="是否本集体经济组织成员" > | |||||
| <template #right-icon> | |||||
| <van-radio-group v-model="form.sfbncjtjjzzcy" direction="horizontal" > | |||||
| <van-radio name="1">是</van-radio> | |||||
| <van-radio name="0">否</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-cell> | |||||
| <field-select | |||||
| v-model="form.hklx" | |||||
| label="户口类型" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择性别" | |||||
| remote-url="/system/dict/data/type/account_type" | |||||
| :on-remote-response="'data'" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | |||||
| input-align="right" | input-align="right" | ||||
| v-model="form.zdszd" | |||||
| name="宗地四至-东" | |||||
| label="宗地四至-东" | |||||
| placeholder="宗地四至-东" | |||||
| maxlength="150" | |||||
| v-model="form.dz" | |||||
| name="地址" | |||||
| label="地址" | |||||
| placeholder="请输入地址" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.qlrlx" | |||||
| label="权利人类型" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="选择权利人类型" | |||||
| remote-url="/system/dict/data/type/obligee_type" | |||||
| :on-remote-response="'data'" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.sshy" | |||||
| label="所属行业" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择所属行业" | |||||
| remote-url="/system/dict/data/type/gmjjhy" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.gj" | |||||
| label="国家/地区" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择国家/地区" | |||||
| remote-url="/system/dict/data/type/country_or_region" | |||||
| :on-remote-response="'data'" | |||||
| :rules="[{ required: true }]" | |||||
| required | required | ||||
| :rules="[{ required: true, message: '宗地四至-东不能为空' }]" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.hjszss" | |||||
| label="户籍所在省市" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择户籍所在省市" | |||||
| remote-url="/system/dict/data/type/province_code" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.sfsyqrzjgy" | |||||
| label="使用权人之间共有" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择使用权人之间共有" | |||||
| remote-url="/system/dict/data/type/house_yes_no" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.gyfs" | |||||
| label="共有方式" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择共有方式" | |||||
| remote-url="/system/dict/data/type/common_mode" | |||||
| :on-remote-response="'data'" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | autocomplete="off" | ||||
| input-align="right" | input-align="right" | ||||
| v-model="form.zdszn" | |||||
| name="宗地四至-南" | |||||
| label="宗地四至-南" | |||||
| placeholder="宗地四至-南" | |||||
| maxlength="150" | |||||
| required | |||||
| :rules="[{ required: true, message: '宗地四至-南不能为空' }]" | |||||
| v-model="form.ftzdmj" | |||||
| name="分摊宗地面积(㎡)" | |||||
| label="分摊宗地面积(㎡)" | |||||
| placeholder="单位:平方米" | |||||
| type="number" | |||||
| maxlength="15" | |||||
| /> | /> | ||||
| <van-cell title="持证人" > | |||||
| <template #right-icon> | |||||
| <van-radio-group v-model="form.sfczr" direction="horizontal" > | |||||
| <van-radio name="1">是</van-radio> | |||||
| <van-radio name="0">否</van-radio> | |||||
| </van-radio-group> | |||||
| </template> | |||||
| </van-cell> | |||||
| <van-field | <van-field | ||||
| input-align="right" | input-align="right" | ||||
| v-model="form.zdszx" | |||||
| name="宗地四至-西" | |||||
| label="宗地四至-西" | |||||
| placeholder="宗地四至-西" | |||||
| maxlength="150" | |||||
| required | |||||
| :rules="[{ required: true, message: '宗地四至-西不能为空' }]" | |||||
| v-model="form.qlbl" | |||||
| name="权利比例(%)" | |||||
| label="权利比例(%)" | |||||
| placeholder="请输入权利比例(%)" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | /> | ||||
| <van-field | <van-field | ||||
| autocomplete="off" | |||||
| input-align="right" | input-align="right" | ||||
| v-model="form.zdszb" | |||||
| name="宗地四至-北" | |||||
| label="宗地四至-北" | |||||
| placeholder="宗地四至-北" | |||||
| maxlength="150" | |||||
| required | |||||
| :rules="[{ required: true, message: '宗地四至-北不能为空' }]" | |||||
| v-model="form.bz" | |||||
| name="备注" | |||||
| label="备注" | |||||
| placeholder="请输入备注" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | /> | ||||
| <!-- <van-collapse v-model="activeZjd">--> | |||||
| <!-- <van-collapse-item title="利用状况" name="1" class="label-class">--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.lyzkName"--> | |||||
| <!-- name="当前利用状况"--> | |||||
| <!-- label="当前利用状况"--> | |||||
| <!-- placeholder="当前利用状况"--> | |||||
| <!-- readonly--> | |||||
| <!-- @click="showlyzk = true"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- v-model="form.lyzk"--> | |||||
| <!-- style="display:none"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.zjdxzyy"--> | |||||
| <!-- name="闲置原因"--> | |||||
| <!-- label="闲置原因"--> | |||||
| <!-- placeholder="宅基地闲置原因"--> | |||||
| <!-- maxlength="200"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.xzkssj"--> | |||||
| <!-- name="闲置开始时间"--> | |||||
| <!-- label="闲置开始时间"--> | |||||
| <!-- placeholder="闲置开始时间"--> | |||||
| <!-- readonly--> | |||||
| <!-- @click="showPickerxzkssj = true"--> | |||||
| <!-- />--> | |||||
| <!-- <van-popup v-model:show="showPickerxzkssj" position="bottom">--> | |||||
| <!-- <van-datetime-picker--> | |||||
| <!-- type="date"--> | |||||
| <!-- @confirm="onConfirmxzkssj"--> | |||||
| <!-- @cancel="showPickerxzkssj = false"--> | |||||
| <!-- :min-date="minDate"--> | |||||
| <!-- :max-date="maxDate"--> | |||||
| <!-- />--> | |||||
| <!-- </van-popup>--> | |||||
| <!-- <van-field name="radio" label="流转意向" input-align="right" autocomplete="off">--> | |||||
| <!-- <template #input>--> | |||||
| <!-- <van-radio-group v-model="form.lzyx" direction="horizontal">--> | |||||
| <!-- <van-radio name="1">有</van-radio>--> | |||||
| <!-- <van-radio name="0">无</van-radio>--> | |||||
| <!-- </van-radio-group>--> | |||||
| <!-- </template>--> | |||||
| <!-- </van-field>--> | |||||
| <!-- <van-field name="radio" label="有偿退出意向" input-align="right" autocomplete="off">--> | |||||
| <!-- <template #input>--> | |||||
| <!-- <van-radio-group v-model="form.yctcyx" direction="horizontal">--> | |||||
| <!-- <van-radio name="1">有</van-radio>--> | |||||
| <!-- <van-radio name="0">无</van-radio>--> | |||||
| <!-- </van-radio-group>--> | |||||
| <!-- </template>--> | |||||
| <!-- </van-field>--> | |||||
| <!-- </van-collapse-item>--> | |||||
| <!-- <van-collapse-item title="其他信息" name="2" class="label-class">--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.djName"--> | |||||
| <!-- name="等级"--> | |||||
| <!-- label="等级"--> | |||||
| <!-- placeholder="等级"--> | |||||
| <!-- @click="showdj = true"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- v-model="form.dj"--> | |||||
| <!-- style="display:none"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.jg"--> | |||||
| <!-- name="价格(万元)"--> | |||||
| <!-- label="价格(万元)"--> | |||||
| <!-- placeholder="价格(万元)"--> | |||||
| <!-- maxlength="15"--> | |||||
| <!-- type="number"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.ytmc"--> | |||||
| <!-- name="用途"--> | |||||
| <!-- label="用途"--> | |||||
| <!-- placeholder="用途"--> | |||||
| <!-- readonly--> | |||||
| <!-- @click="showyt = true"--> | |||||
| <!-- required--> | |||||
| <!-- :rules="[{ required: true, message: '用途不能为空' }]"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- v-model="form.yt"--> | |||||
| <!-- style="display:none"--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.qllxName"--> | |||||
| <!-- name="权利类型"--> | |||||
| <!-- label="权利类型"--> | |||||
| <!-- placeholder="权利类型"--> | |||||
| <!-- readonly--> | |||||
| <!-- @click="showqllx = true"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- v-model="form.qllx"--> | |||||
| <!-- style="display:none"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.qlxzName"--> | |||||
| <!-- name="权利性质"--> | |||||
| <!-- label="权利性质"--> | |||||
| <!-- placeholder="权利性质"--> | |||||
| <!-- readonly--> | |||||
| <!-- @click="showqlxz = true"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- v-model="form.qlxz"--> | |||||
| <!-- style="display:none"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.qlsdfsName"--> | |||||
| <!-- name="权利设定方式"--> | |||||
| <!-- label="权利设定方式"--> | |||||
| <!-- placeholder="权利设定方式"--> | |||||
| <!-- readonly--> | |||||
| <!-- @click="showqlsdfs = true"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- v-model="form.qlsdfs"--> | |||||
| <!-- style="display:none"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.rjl"--> | |||||
| <!-- name="容积率"--> | |||||
| <!-- label="容积率"--> | |||||
| <!-- placeholder="容积率"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.jzmd"--> | |||||
| <!-- name="validator"--> | |||||
| <!-- label="建筑密度"--> | |||||
| <!-- placeholder="填写0~1小数"--> | |||||
| <!-- :rules="[{ validator, message: '请填写0~1小数,保留两位小数' }]"--> | |||||
| <!-- type="number"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.jzxg"--> | |||||
| <!-- name="建筑限高(m)"--> | |||||
| <!-- label="建筑限高(m)"--> | |||||
| <!-- placeholder="填写000.00~999.99小数"--> | |||||
| <!-- :rules="[{ validator:validator1, message: '请填写000.00~999.99小数,保留两位小数' }]"--> | |||||
| <!-- type="number"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.zdt"--> | |||||
| <!-- name="宗地图"--> | |||||
| <!-- label="宗地图"--> | |||||
| <!-- placeholder="宗地图"--> | |||||
| <!-- maxlength="200"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.tfh"--> | |||||
| <!-- name="图幅号"--> | |||||
| <!-- label="图幅号"--> | |||||
| <!-- placeholder="图幅号"--> | |||||
| <!-- maxlength="50"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.djh"--> | |||||
| <!-- name="地籍号"--> | |||||
| <!-- label="地籍号"--> | |||||
| <!-- placeholder="自动生成"--> | |||||
| <!-- disabled--> | |||||
| <!-- v-show="false"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field name="radio" label="被惩处经历" input-align="right" autocomplete="off">--> | |||||
| <!-- <template #input>--> | |||||
| <!-- <van-radio-group v-model="form.bccjl" direction="horizontal">--> | |||||
| <!-- <van-radio name="1">有</van-radio>--> | |||||
| <!-- <van-radio name="0">无</van-radio>--> | |||||
| <!-- </van-radio-group>--> | |||||
| <!-- </template>--> | |||||
| <!-- </van-field>--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- v-if="form.bccjl==1"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.bccbz"--> | |||||
| <!-- name="被惩处备注"--> | |||||
| <!-- label="被惩处备注"--> | |||||
| <!-- placeholder="被惩处备注"--> | |||||
| <!-- maxlength="200"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field name="radio" label="宅基地取得方式" input-align="right" autocomplete="off">--> | |||||
| <!-- <template #input>--> | |||||
| <!-- <van-radio-group v-model="form.zjdqdfs" direction="horizontal">--> | |||||
| <!-- <van-radio v-for="dict in zjdqdfsOptions" :key="dict.dictValue" :name="dict.dictValue">{{dict.dictLabel}}</van-radio>--> | |||||
| <!-- </van-radio-group>--> | |||||
| <!-- </template>--> | |||||
| <!-- </van-field>--> | |||||
| <!-- </van-collapse-item>--> | |||||
| <!-- </van-collapse>--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- v-model="form.sjlyName"--> | |||||
| <!-- name="数据来源"--> | |||||
| <!-- label="数据来源"--> | |||||
| <!-- placeholder="数据来源"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- readonly--> | |||||
| <!-- @click="showsjly = true"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- v-model="form.sjly"--> | |||||
| <!-- style="display:none"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field--> | |||||
| <!-- autocomplete="off"--> | |||||
| <!-- input-align="right"--> | |||||
| <!-- v-model="form.bz"--> | |||||
| <!-- name="备注"--> | |||||
| <!-- label="备注"--> | |||||
| <!-- placeholder="备注"--> | |||||
| <!-- maxlength="200"--> | |||||
| <!-- />--> | |||||
| <!-- <van-field name="uploader" label="现场照片" autocomplete="off">--> | |||||
| <!-- <template #input>--> | |||||
| <!-- <van-uploader v-model="fileListzjd" :after-read="beforeReadzjd" multiple @delete="deleteFilezjd" :max-count="20" accept="image/*"></van-uploader>--> | |||||
| <!-- </template>--> | |||||
| <!-- </van-field>--> | |||||
| <van-dialog v-model="mapShow" show-cancel-button> | |||||
| <MapGisObtainTc ref="zjdProductResh" :shqrxm="hzxm" :landStatus="landStatus" :deptId="deptId" @closeMoule="closeMoule"></MapGisObtainTc> | |||||
| </van-dialog> | |||||
| </div> | </div> | ||||
| <div style="margin: 16px;display: flex;justify-content: space-around;"> | <div style="margin: 16px;display: flex;justify-content: space-around;"> | ||||
| <van-button round color="#22B7F2" style="width:45%" native-type="submit">保存</van-button> | |||||
| <van-button plain color="#22B7F2" round type="info" style="width:45%" native-type="submit">取消</van-button> | |||||
| <van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
| <van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
| </div> | </div> | ||||
| <div style="height: 50px;"></div> | <div style="height: 50px;"></div> | ||||
| </van-form> | </van-form> | ||||
| @@ -492,6 +322,9 @@ | |||||
| <script> | <script> | ||||
| import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | ||||
| import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | ||||
| import FieldSelect from "@/components/form/FieldSelect"; | |||||
| import FieldRadio from "@/components/form/FieldRadio"; | |||||
| import MapGisObtainTc from "@/components/Map/MapGisObtainTc"; | |||||
| import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | ||||
| import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | ||||
| import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | ||||
| @@ -504,6 +337,7 @@ import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
| import { Notify, Dialog, Toast } from 'vant'; | import { Notify, Dialog, Toast } from 'vant'; | ||||
| import axios from "axios"; | import axios from "axios"; | ||||
| export default { | export default { | ||||
| components: {FieldSelect, FieldRadio,MapGisObtainTc}, | |||||
| name: "shyqrAdd", | name: "shyqrAdd", | ||||
| data() { | data() { | ||||
| return { | return { | ||||
| @@ -516,37 +350,106 @@ export default { | |||||
| nhdm :'777888999', | nhdm :'777888999', | ||||
| } | } | ||||
| ], | ], | ||||
| shownhdm:false, | |||||
| shownmfwdm:false, | |||||
| hzxm:null, | |||||
| landStatus:"1", | |||||
| deptId:this.$cookies.get("item").deptId, | |||||
| nhdmDictionaries:[], | |||||
| nmfwDictionaries:[], | |||||
| mapShow: false, | |||||
| form:{} | form:{} | ||||
| }; | }; | ||||
| }, | }, | ||||
| created(){ | created(){ | ||||
| let data = this.$route.query.res; | |||||
| this.form = JSON.parse(localStorage.getItem("zjdzdxxItem")); | |||||
| console.info(this.form); | |||||
| this.onSubmitzjd(); | |||||
| let data = this.$route.query; | |||||
| this.zjdzdxx = JSON.parse(localStorage.getItem("zjdzdxxItem")); | |||||
| this.form = data; | |||||
| if(this.form.id == null){ | |||||
| this.$set(this.form, 'shyqrdbzjlx', "01"); | |||||
| this.$set(this.form, 'xb', "1"); | |||||
| this.$set(this.form, 'sfbncjtjjzzcy', "1"); | |||||
| this.$set(this.form, 'hklx', "01"); | |||||
| this.$set(this.form, 'qlrlx', "10"); | |||||
| this.$set(this.form, 'sshy', "A"); | |||||
| this.$set(this.form, 'gj', "1"); | |||||
| this.$set(this.form, 'hjszss', "110000"); | |||||
| this.$set(this.form, 'sfsyqrzjgy', "1"); | |||||
| this.$set(this.form, 'gyfs', "1"); | |||||
| this.$set(this.form, 'sfczr', "1"); | |||||
| } | |||||
| this.$set(this.form, 'zjddm', this.zjdzdxx.zjddm); | |||||
| listZjdzd({zjddm:this.zjdzdxx.zjddm}).then(response => { | |||||
| this.form.bdcdyh = response.rows[0].bdcdyh; | |||||
| }); | |||||
| listNmfw({zjddm:this.zjdzdxx.zjddm}).then(response => { | |||||
| this.nmfwDictionaries = response.rows; | |||||
| }); | |||||
| this.getList(); | |||||
| }, | }, | ||||
| mounted(){ | mounted(){ | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| onSubmitzjd(){ | |||||
| setTimeout(() => { | |||||
| this.$refs.zjdProductResh.drawingPaceCountryDarw(); | |||||
| }, 500); | |||||
| getList(){ | |||||
| listNh({}).then(response => { | |||||
| this.nhdmDictionaries = response.rows; | |||||
| }); | |||||
| }, | }, | ||||
| submitzjd(){ | submitzjd(){ | ||||
| updateZjdzd(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| this.$refs.form.validate().then(() => { | |||||
| if(this.form.id == null){ | |||||
| addShyqr(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| }else{ | |||||
| updateShyqr(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| } | |||||
| }).catch((e) => { | |||||
| Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
| }); | }); | ||||
| }, | }, | ||||
| mapLook(){ | |||||
| this.mapShow = true; | |||||
| setTimeout(() => { | |||||
| this.$refs.zjdProductResh.drawingLyPaceCountryDarw(); | |||||
| },1000); | |||||
| }, | |||||
| /** 查找地图中宅基地 */ | |||||
| closeMoule: function (data) { | |||||
| this.form.zjddm = data; | |||||
| }, | |||||
| cancel(){ | |||||
| this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: this.form.zjddm}}); | |||||
| }, | |||||
| onConfirmnhdm(val){ | |||||
| this.form.nhdm = val.nhdm; | |||||
| this.hzxm = val.hzxm; | |||||
| this.shownhdm =false; | |||||
| }, | |||||
| onConfirmnmfwdm(val){ | |||||
| this.form.nmfwdm = val.nmfwdm; | |||||
| this.shownmfwdm = false; | |||||
| }, | |||||
| guidProduct(){ | guidProduct(){ | ||||
| return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | ||||
| var r = Math.random() * 16 | 0, | var r = Math.random() * 16 | 0, | ||||
| @@ -569,7 +472,7 @@ export default { | |||||
| } else { | } else { | ||||
| this.$cookies.set("search",""); | this.$cookies.set("search",""); | ||||
| } | } | ||||
| this.$router.push({name:'homesteadList'}); | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | // } | ||||
| }, | }, | ||||
| } | } | ||||
| @@ -0,0 +1,423 @@ | |||||
| <template> | |||||
| <div class="app-container"> | |||||
| <van-sticky style="position:relative;"> | |||||
| <div class="bannerBg"> | |||||
| <van-nav-bar | |||||
| style="background:transparent;border-bottom-width:0;height:2rem;margin-bottom:.5rem;" | |||||
| @click-left="goBack()" | |||||
| > | |||||
| <template #left> | |||||
| <van-icon name="arrow-left" size="18" color="#fff" /> | |||||
| </template> | |||||
| <template #title> | |||||
| <p style="color:#fff">入户调查</p> | |||||
| </template> | |||||
| </van-nav-bar> | |||||
| </div> | |||||
| <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem"> | |||||
| <van-row> | |||||
| <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" > | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p> | |||||
| </van-col> | |||||
| <van-col span="2"> | |||||
| <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div> | |||||
| </van-col> | |||||
| <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})"> | |||||
| <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/> | |||||
| <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p> | |||||
| </van-col> | |||||
| </van-row> | |||||
| </div> | |||||
| </van-sticky> | |||||
| <van-form ref = "form"> | |||||
| <div style="margin:30px auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;"> | |||||
| <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">自然幢信息</p> | |||||
| <!--<van-field | |||||
| v-model="form.deptId" | |||||
| name="行政区划名称" | |||||
| label="行政区划名称" | |||||
| placeholder="行政区划名称" | |||||
| :rules="[{ required: true, message: '' }]" | |||||
| />--> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.zjddm" | |||||
| name="宅基地代码" | |||||
| label="宅基地代码" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.nmfwzh" | |||||
| name="农民房屋幢号" | |||||
| label="农民房屋幢号" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| placeholder="自动生成" | |||||
| disabled | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.zrzh" | |||||
| name="自然幢号" | |||||
| label="自然幢号" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <van-field | |||||
| autocomplete="off" | |||||
| input-align="right" | |||||
| v-model="form.jgrq" | |||||
| name="竣工日期" | |||||
| label="竣工日期" | |||||
| placeholder="竣工日期" | |||||
| readonly | |||||
| @click="showZgqrzrq = true" | |||||
| /> | |||||
| <van-popup v-model:show="showZgqrzrq" position="bottom"> | |||||
| <van-datetime-picker | |||||
| type="date" | |||||
| @confirm="onConfirmZgqrzrq" | |||||
| @cancel="showZgqrzrq = false" | |||||
| :min-date="minDate" | |||||
| :max-date="maxDate" | |||||
| /> | |||||
| </van-popup> | |||||
| <van-field | |||||
| v-model="form.jzwgd" | |||||
| label="建筑物高度(m)" | |||||
| placeholder="请输入建筑物高度" | |||||
| input-align="right" | |||||
| label-width="auto" | |||||
| type="number"/> | |||||
| <van-field | |||||
| v-model="form.zzdmj" | |||||
| label="幢占地面积(m²)" | |||||
| placeholder="请输入幢占地面积" | |||||
| input-align="right" | |||||
| label-width="auto" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| type="number"/> | |||||
| <van-field | |||||
| v-model="form.scjzmj" | |||||
| label="实测建筑面积(m²)" | |||||
| placeholder="请输入实测建筑面积" | |||||
| input-align="right" | |||||
| label-width="auto" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| type="number"/> | |||||
| <van-field | |||||
| v-model="form.zcs" | |||||
| label="总层数" | |||||
| placeholder="请输入总层数" | |||||
| input-align="right" | |||||
| label-width="auto" | |||||
| type="number"/> | |||||
| <van-field | |||||
| v-model="form.dscs" | |||||
| label="地上层数" | |||||
| placeholder="请输入地上层数" | |||||
| input-align="right" | |||||
| label-width="auto" | |||||
| type="number"/> | |||||
| <van-field | |||||
| v-model="form.dxcs" | |||||
| label="地下层数" | |||||
| placeholder="请输入地下层数" | |||||
| input-align="right" | |||||
| label-width="auto" | |||||
| type="number"/> | |||||
| <field-select | |||||
| v-model="form.fwjg" | |||||
| label="房屋结构" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择房屋结构" | |||||
| :rules="[{ required: true }]" | |||||
| required | |||||
| remote-url="/system/dict/data/type/housing_structure" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <field-select | |||||
| v-model="form.sjly" | |||||
| label="数据来源" | |||||
| value-key="dictLabel" | |||||
| data-key="dictValue" | |||||
| placeholder="请选择数据来源" | |||||
| remote-url="/system/dict/data/type/sjly" | |||||
| :on-remote-response="'data'" | |||||
| /> | |||||
| <van-field | |||||
| input-align="right" | |||||
| v-model="form.bz" | |||||
| name="备注" | |||||
| label="备注" | |||||
| maxlength="50" | |||||
| autocomplete="off" | |||||
| /> | |||||
| <common-map ref="pointDarwMap" style="height:200px;" | |||||
| :allowDraw="true" | |||||
| @drawReseted="onMapDrawReseted" | |||||
| @drawFinished="onMapDrawFinished" | |||||
| > | |||||
| </common-map> | |||||
| </div> | |||||
| <div style="margin: 16px;display: flex;justify-content: space-around;"> | |||||
| <van-button round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button> | |||||
| <van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button> | |||||
| </div> | |||||
| <div style="height: 50px;"></div> | |||||
| </van-form> | |||||
| </div> | |||||
| </template> | |||||
| <script> | |||||
| import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr"; | |||||
| import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd"; | |||||
| import FieldSelect from "@/components/form/FieldSelect"; | |||||
| import FieldRadio from "@/components/form/FieldRadio"; | |||||
| import CommonMap from "@/components/house/CommonMap"; | |||||
| import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh"; | |||||
| import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz"; | |||||
| import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw"; | |||||
| import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr"; | |||||
| import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy"; | |||||
| import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss"; | |||||
| import { listTown, getTown } from "@/api/homesteadSurvey/town"; | |||||
| import { listVillage} from "@/api/homesteadSurvey/village"; | |||||
| import { sysConfig} from "@/api/homesteadSurvey/index"; | |||||
| import { Notify, Dialog, Toast } from 'vant'; | |||||
| import axios from "axios"; | |||||
| export default { | |||||
| components: {FieldSelect, FieldRadio,CommonMap}, | |||||
| name: "zrzAdd", | |||||
| data() { | |||||
| return { | |||||
| active:3, | |||||
| // 使用权人列表 | |||||
| syqrlist:[ | |||||
| { | |||||
| shyqrdbxm :'测试测试', | |||||
| shyqrdbzjhm :'12324648564', | |||||
| nhdm :'777888999', | |||||
| } | |||||
| ], | |||||
| // 地图绘制 | |||||
| drawInsert: null, | |||||
| // 当前位置信息 | |||||
| tGeoOrganizationLat: null, | |||||
| tGeoOrganizationLng: null, | |||||
| minDate: new Date(), | |||||
| maxDate: new Date(2025, 10, 1), | |||||
| showZgqrzrq:false, | |||||
| form:{} | |||||
| }; | |||||
| }, | |||||
| created(){ | |||||
| let data = this.$route.query; | |||||
| console.info(data) | |||||
| this.form = data; | |||||
| if(this.form.shyqrdbzjhm != null){ | |||||
| this.getList(); | |||||
| } | |||||
| this.$nextTick(() => { | |||||
| this.pointDarw(null); | |||||
| // this.pointDarwNature(null); | |||||
| this.$refs.pointDarwMap && this.$refs.pointDarwMap.update(); | |||||
| }) | |||||
| }, | |||||
| mounted(){ | |||||
| }, | |||||
| methods: { | |||||
| getList(){ | |||||
| listNh({hzzjhm:this.form.shyqrdbzjhm}).then(response => { | |||||
| this.form = response.rows[0]; | |||||
| }); | |||||
| }, | |||||
| submitzjd(){ | |||||
| this.$refs.form.validate().then(() => { | |||||
| if(this.form.id == null){ | |||||
| addZrz(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| }else{ | |||||
| updateZrz(this.form).then(response => { | |||||
| let _this =this | |||||
| this.$toast({ | |||||
| icon: 'success', // 找到自己需要的图标 | |||||
| message: '保存成功', | |||||
| duration:"1000", | |||||
| onClose:function(){ | |||||
| _this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: _this.form.zjddm}}); | |||||
| } | |||||
| }) | |||||
| }); | |||||
| } | |||||
| }).catch((e) => { | |||||
| Dialog({ type: 'danger', message: '请填写完整的表单项' }); | |||||
| }); | |||||
| }, | |||||
| // 绘制申请地图 | |||||
| pointDarw(data) { | |||||
| this.$nextTick(() => { | |||||
| let map = this.$refs.pointDarwMap; | |||||
| if(data === null) | |||||
| data = this.form.theGeomJson; | |||||
| this.setMapData(map, data); | |||||
| }); | |||||
| }, | |||||
| // 通用设置地图数据函数 | |||||
| setMapData(map, data) { | |||||
| //console.log(map, data ? true : false); | |||||
| if(!map) return; | |||||
| if(data) | |||||
| { | |||||
| map.setLayer('pointDarwLayer', data); | |||||
| } | |||||
| else { | |||||
| this.getLandCoord((lng, lat) => { | |||||
| map.setCoord(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
| }); | |||||
| } | |||||
| }, | |||||
| // 当地图绘制完成时 | |||||
| onMapDrawFinished(data) { | |||||
| console.info(data); | |||||
| this.drawInsert = data; | |||||
| this.form.theGeomJson = JSON.stringify(this.drawInsert); | |||||
| }, | |||||
| // 当申请地图被重置时 | |||||
| onMapDrawReseted() { | |||||
| this.drawInsert = null; | |||||
| if(this.form.theGeomJson) | |||||
| { | |||||
| let lastData = JSON.parse(this.form.theGeomJson); | |||||
| if(lastData.hasOwnProperty('coordinates')) // 从后台获取的 | |||||
| this.drawInsert = lastData.coordinates; | |||||
| } | |||||
| }, | |||||
| cancel(){ | |||||
| this.$router.push({path:'/homesteadSurvey/add3',query: {zjddm: this.form.zjddm}}); | |||||
| }, | |||||
| // 获取登录人位置坐标 | |||||
| getLandCoord(func) { | |||||
| if (func | |||||
| && this.tGeoOrganizationLng !== null && this.tGeoOrganizationLng !== '' | |||||
| && this.tGeoOrganizationLat !== null && this.tGeoOrganizationLat !== '') { | |||||
| this.$nextTick(() => { | |||||
| func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
| }) | |||||
| } | |||||
| else { | |||||
| console.info(this.deptId); | |||||
| getQueryLand(this.deptId).then((response) => { | |||||
| if (response.code == 200) { | |||||
| let InsertCode = response.data; | |||||
| this.form.orgCode = InsertCode.orgCode; | |||||
| this.tGeoOrganizationLat = InsertCode.lat; | |||||
| this.tGeoOrganizationLng = InsertCode.lng; | |||||
| if(func) | |||||
| { | |||||
| func(this.tGeoOrganizationLng, this.tGeoOrganizationLat); | |||||
| } | |||||
| } | |||||
| }); | |||||
| } | |||||
| }, | |||||
| guidProduct(){ | |||||
| return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) { | |||||
| var r = Math.random() * 16 | 0, | |||||
| v = c == 'x' ? r : (r & 0x3 | 0x8); | |||||
| return v.toString(16); | |||||
| }); | |||||
| }, | |||||
| /** 查找地图中定位点 */ | |||||
| MapTag: function (data) { | |||||
| this.$refs[this.zjdProductResh].drawingPaceCountryDarw(); | |||||
| }, | |||||
| onConfirmZgqrzrq(data){ | |||||
| this.form.jgrq = this.getNowFormatDate(data).substr(0,10); | |||||
| this.showZgqrzrq = false; | |||||
| }, | |||||
| goBack(){ | |||||
| if(this.ztMap && this.enterMap ==1){ | |||||
| if(this.form.id == null){ | |||||
| this.backMap.backMapZjdAData.theGeom= ""; | |||||
| }else{ | |||||
| this.backMap.backMapZjdAData = this.form; | |||||
| } | |||||
| this.$cookies.set("search",this.backMap); | |||||
| } else { | |||||
| this.$cookies.set("search",""); | |||||
| } | |||||
| this.$router.push({name: this.$router.back(-1)}); | |||||
| // } | |||||
| }, | |||||
| } | |||||
| } | |||||
| </script> | |||||
| <style scoped> | |||||
| >>> .bannerBg{ | |||||
| width: 100%; | |||||
| color:#fff; | |||||
| padding:10px; | |||||
| background: linear-gradient(134deg,#7ac943 1%, #22b7f2); | |||||
| } | |||||
| >>> .van-hairline--bottom::after { | |||||
| border-bottom-width: 0; | |||||
| } | |||||
| >>> .title:before | |||||
| { | |||||
| content:""; | |||||
| width: 6px; | |||||
| height: 20PX; | |||||
| background: #7ac943; | |||||
| border-radius: 3px; | |||||
| position:absolute; | |||||
| left:0; | |||||
| bottom:0; | |||||
| } | |||||
| >>> .delete-button { | |||||
| height: 100%; | |||||
| } | |||||
| >>> .van-swipe-cell__wrapper{ | |||||
| margin-right:-3px; | |||||
| } | |||||
| >>> .label-class .van-collapse-item__title--expanded{ | |||||
| font-weight: bold; | |||||
| } | |||||
| </style> | |||||
| @@ -155,7 +155,7 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getDictionaries(){ | getDictionaries(){ | ||||
| this.houseGetDicts("bank_type").then((res) => { | |||||
| this.houseGetDicts("bank_type_all").then((res) => { | |||||
| for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
| this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | ||||
| } | } | ||||
| @@ -147,7 +147,7 @@ | |||||
| getPayee(this.$route.query.id).then((response) => { | getPayee(this.$route.query.id).then((response) => { | ||||
| let _this = this | let _this = this | ||||
| this.form = response.data; | this.form = response.data; | ||||
| this.houseGetDicts("bank_type").then((res) => { | |||||
| this.houseGetDicts("bank_type_all").then((res) => { | |||||
| for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
| _this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | _this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | ||||
| } | } | ||||
| @@ -171,7 +171,7 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getDictionaries(){ | getDictionaries(){ | ||||
| this.houseGetDicts("bank_type").then((res) => { | |||||
| this.houseGetDicts("bank_type_all").then((res) => { | |||||
| for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
| this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | ||||
| } | } | ||||
| @@ -171,7 +171,7 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getDictionaries(){ | getDictionaries(){ | ||||
| this.houseGetDicts("bank_type").then((res) => { | |||||
| this.houseGetDicts("bank_type_all").then((res) => { | |||||
| for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
| this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | ||||
| } | } | ||||
| @@ -167,7 +167,7 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getDictionaries(){ | getDictionaries(){ | ||||
| this.houseGetDicts("bank_type").then((res) => { | |||||
| this.houseGetDicts("bank_type_all").then((res) => { | |||||
| for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
| this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | ||||
| } | } | ||||
| @@ -150,7 +150,7 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getDictionaries(){ | getDictionaries(){ | ||||
| this.houseGetDicts("bank_type").then((res) => { | |||||
| this.houseGetDicts("bank_type_all").then((res) => { | |||||
| for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
| this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | ||||
| } | } | ||||
| @@ -147,7 +147,7 @@ | |||||
| getPayee(this.$route.query.id).then((response) => { | getPayee(this.$route.query.id).then((response) => { | ||||
| let _this = this | let _this = this | ||||
| this.form = response.data; | this.form = response.data; | ||||
| this.houseGetDicts("bank_type").then((res) => { | |||||
| this.houseGetDicts("bank_type_all").then((res) => { | |||||
| for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
| _this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | _this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | ||||
| } | } | ||||
| @@ -165,7 +165,7 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getDictionaries(){ | getDictionaries(){ | ||||
| this.houseGetDicts("bank_type").then((res) => { | |||||
| this.houseGetDicts("bank_type_all").then((res) => { | |||||
| for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
| this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | ||||
| } | } | ||||
| @@ -165,7 +165,7 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getDictionaries(){ | getDictionaries(){ | ||||
| this.houseGetDicts("bank_type").then((res) => { | |||||
| this.houseGetDicts("bank_type_all").then((res) => { | |||||
| for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
| this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | ||||
| } | } | ||||
| @@ -167,7 +167,7 @@ | |||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| getDictionaries(){ | getDictionaries(){ | ||||
| this.houseGetDicts("bank_type").then((res) => { | |||||
| this.houseGetDicts("bank_type_all").then((res) => { | |||||
| for(var i = 0 ; i < res.data.length ; i++){ | for(var i = 0 ; i < res.data.length ; i++){ | ||||
| this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | this.bankTypeOptions.push({text:res.data[i].dictLabel,value:res.data[i].dictValue}); | ||||
| } | } | ||||