zhangzl
/
nsgk_mobile
2
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 0 Wiki Toiminta
Selaa lähdekoodia

地图加载

wulanhaote
hbao 3 vuotta sitten
vanhempi
3e2879aac7
commit
06a7a3b3e9
4 muutettua tiedostoa jossa 816 lisäystä ja 2 poistoa
Yhdistetty näkymä
Diff Options
Show Stats Download Patch File Download Diff File
  1. +61
    -0
      src/api/homesteadSurvey/fsss.js
  2. +63
    -0
      src/api/homesteadSurvey/zjdzd.js
  3. +71
    -0
      src/api/homesteadSurvey/zrz.js
  4. +621
    -2
      src/views/homesteadSurvey/list.vue

+ 61
- 0
src/api/homesteadSurvey/fsss.js Näytä tiedosto

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

// 查询数据调查-附属设施列表
export function listFsss(query) {
return request({
url: '/houseSurvey/fsss/list',
method: 'get',
params: query
})
}

// 导出数据调查-附属设施
export function exportFsss(query) {
return request({
url: '/houseSurvey/fsss/export',
method: 'get',
params: query
})
}

// 查询数据调查-附属设施详细
export function getFsss(id) {
return request({
url: '/houseSurvey/fsss/get/' + id,
method: 'get'
})
}

// 新增数据调查-附属设施
export function addFsss(data) {
return request({
url: '/houseSurvey/fsss/add',
method: 'post',
data: data
})
}

// 修改数据调查-附属设施
export function updateFsss(data) {
return request({
url: '/houseSurvey/fsss/edit',
method: 'post',
data: data
})
}

// 删除数据调查-附属设施
export function delFsss(id) {
return request({
url: '/houseSurvey/fsss/remove/' + id,
method: 'get'
})
}

// 通过宅基地编码获取附属设施
export function getFsssZjdDmList(zjddm) {
return request({
url: '/houseSurvey/fsss/getFsssZjdDm/' + zjddm,
method: 'get'
})
}

+ 63
- 0
src/api/homesteadSurvey/zjdzd.js Näytä tiedosto

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

// 查询数据调查-宅基地宗地列表
export function listZjdzd(query) {
return request({
url: '/houseSurvey/zjdzd/list',
method: 'get',
params: query
})
}

// 导出数据调查-宅基地宗地
export function exportZjdzd(query) {
return request({
url: '/houseSurvey/zjdzd/export',
method: 'get',
params: query
})
}

// 查询数据调查-宅基地宗地详细
export function getZjdzd(id) {
return request({
url: '/houseSurvey/zjdzd/get/' + id,
method: 'get'
})
}

// 新增数据调查-宅基地宗地
export function addZjdzd(data) {
return request({
url: '/houseSurvey/zjdzd/add',
method: 'post',
data: data
})
}

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

// 修改数据调查-宅基地宗地
export function updateZjdzd(data) {
return request({
url: '/houseSurvey/zjdzd/edit',
method: 'post',
data: data
})
}

// 删除数据调查-宅基地宗地
export function delZjdzd(id) {
return request({
url: '/houseSurvey/zjdzd/remove/' + id,
method: 'get'
})
}


+ 71
- 0
src/api/homesteadSurvey/zrz.js Näytä tiedosto

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

// 查询数据调查-自然幢列表
export function listZrz(query) {
return request({
url: '/houseSurvey/zrz/list',
method: 'get',
params: query
})
}

// 导出数据调查-自然幢
export function exportZrz(query) {
return request({
url: '/houseSurvey/zrz/export',
method: 'get',
params: query
})
}

// 查询数据调查-自然幢详细
export function getZrz(id) {
return request({
url: '/houseSurvey/zrz/get/' + id,
method: 'get'
})
}

// 新增数据调查-自然幢
export function addZrz(data) {
return request({
url: '/houseSurvey/zrz/add',
method: 'post',
data: data
})
}

// 修改数据调查-自然幢
export function updateZrz(data) {
return request({
url: '/houseSurvey/zrz/edit',
method: 'post',
data: data
})
}

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

// 删除数据调查-自然幢
export function delZrz(id) {
return request({
url: '/houseSurvey/zrz/remove/' + id,
method: 'get'
})
}

// 通过宅基地编码获取自然幢详细
export function getZrzZjdDmList(zjddm) {
return request({
url: '/houseSurvey/zrz/getZrzZjdDm/' + zjddm,
method: 'get'
})
}


+ 621
- 2
src/views/homesteadSurvey/list.vue Näytä tiedosto

@@ -22,7 +22,7 @@
<div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="activeBtn=3"> <van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn3'+(activeBtn!=3?'3':'')+'.png')" /> <div :class="{activeBtn : activeBtn==3,disactiveBtn :activeBtn!=3 }" @click="activeBtn=3"> <van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn3'+(activeBtn!=3?'3':'')+'.png')" />
所有权人 所有权人
</div> </div>
<div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }" @click="activeBtn=4">
<div :class="{activeBtn : activeBtn==4,disactiveBtn :activeBtn!=4 }" @click="activeBtn=4,mapShow()">
<van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn4'+(activeBtn!=4?'4':'')+'.png')" /> <van-icon size="20" style="vertical-align:middle;" :name="require('../../assets/images/housesteadSurvey/btn4'+(activeBtn!=4?'4':'')+'.png')" />
切换地图 切换地图
</div> </div>
@@ -325,7 +325,7 @@
</van-form> </van-form>
</div> </div>
<div v-if="activeBtn==4"> <div v-if="activeBtn==4">
<div class="map_area" id="mapWrap"></div>
<div id="mapWrapAll" style="width: 100%;height: 100vh"></div>
</div> </div>
<van-popup v-model="show1" style="height:100%;width:100%;"> <van-popup v-model="show1" style="height:100%;width:100%;">
<div class="bannerBg"> <div class="bannerBg">
@@ -405,6 +405,9 @@


<script> <script>
import { currentLocation,} from "@/api/homestead/index"; import { currentLocation,} from "@/api/homestead/index";
import {listZjdzd} from "@/api/homesteadSurvey/zjdzd";
import {listZrz,getZrzZjdDmList} from "@/api/homesteadSurvey/zrz";
import {listFsss,getFsssZjdDmList} from "@/api/homesteadSurvey/fsss";
import $ from "jquery"; import $ from "jquery";
export default { export default {
name: "homesteadList", name: "homesteadList",
@@ -430,6 +433,19 @@
showsjly:false, showsjly:false,
columns:[], columns:[],
show1:false, show1:false,
showhzzjlx: false,
//地图使用 --start
openMap: false,
mapTheGeomZrzId: null,
mapTheGeomZjdId: null,
mapTheGeomFsssId: null,
drawInsert:null,
mapZjdData:{},
mapZrzData:{},
mapFsssData:{},
mapHaDataValue:false,
mapHasDateStatus: 0, //0附属设施 1自然幢 2宅基地
//地图使用 --end
}; };
}, },
mounted(){ mounted(){
@@ -442,11 +458,614 @@
}, },
methods: { methods: {
onConfirm(){}, onConfirm(){},
onSubmit(){},
mapShow() {
listZjdzd().then((response) => {
if (response.code == 200) {
this.mapTheGeomZjdId = response.rows;
// listZrz().then((response) => {
// if (response.code == 200) {
// this.mapTheGeomZrzId = response.rows;
// }
// listFsss().then((response) => {
// if (response.code == 200) {
// this.mapTheGeomFsssId = response.rows;
// }
setTimeout(() => {
this.GetMapsInit();
}, 500);
// });
// });
}
});
},
//地图加载 -----start
GetMapsInit() {
//加载地图编辑
var that = this;
var map;
// document.getElementById("mapAll").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://t0.tianditu.gov.cn/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: "卫星影像图",
});

var yingxzi = new ol.layer.Tile({
source: new ol.source.XYZ({
url: "https://t0.tianditu.gov.cn/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067",
}),
isGroup: true,
name: "天地图文字标注--卫星影像图",
});
//加载地图
map = new ol.Map({
controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
layers: [aerial, yingxzi],
projection: projection,
target: "mapWrapAll",
view: new ol.View({
//center: ol.proj.fromLonLat([115.452752, 31.789033]),
zoom: 15,
minZoom: 0, //地图缩小限制
maxZoom: 18.3, //地图放大限制
}),
});
console.log(map);
//判断当前账套是否有数据
var mapTalkAbout = true;
//宅基地定位开始 ---------start
if(this.mapTheGeomZjdId.length >0) {
for (var i = 0; this.mapTheGeomZjdId.length > i; i++) {
if (this.mapTheGeomZjdId[i] !=null && this.mapTheGeomZjdId[i].theGeom != null && this.mapTheGeomZjdId[i].theGeom != "") {
mapTalkAbout =false;
this.mapTheGeomZjdId[i].createBy = 'mapTheGeomZjdId';
var styleYqr = "";
if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
styleYqr = new ol.style.Style({
fill: new ol.style.Fill({
//矢量图层填充颜色，以及透明度
color: "#AE57A4",
}),
stroke: new ol.style.Stroke({
//边界样式
color: "#28FF28",
width: 3,
}),
});
} else {
styleYqr = new ol.style.Style({
fill: new ol.style.Fill({
//矢量图层填充颜色，以及透明度
color: "#AE57A4",
}),
stroke: new ol.style.Stroke({
//边界样式
color: "rgba(255, 45, 45,1)",
width: 3,
}),
});
}
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\":" + this.mapTheGeomZjdId[i].theGeom + ", \"properties\":" + JSON.stringify(this.mapTheGeomZjdId[i]) + "}"),
}),
style: styleYqr
});
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]); //获取边界区域的中心位置
map.getView().animate({
// 只设置需要的属性即可
center: center, // 中心点
zoom: 15.8, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
});
//自然幢定位开始 ---------start
getZrzZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {
if (response.code == 200) {
this.mapTheGeomZrzId = response.data;
if(this.mapTheGeomZrzId.length >0) {
for (var i = 0; this.mapTheGeomZrzId.length > i; i++) {
if (this.mapTheGeomZrzId[i] !=null && this.mapTheGeomZrzId[i].theGeom != null && this.mapTheGeomZrzId[i].theGeom != "") {
this.mapTheGeomZrzId[i].createBy = 'mapTheGeomZrzId';
var styleZrz = "";
if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
styleZrz = new ol.style.Style({
fill: new ol.style.Fill({
//矢量图层填充颜色，以及透明度
color: "#FFD306",
}),
stroke: new ol.style.Stroke({
//边界样式
color: "#28FF28",
width: 3,
}),
});
} else {
styleZrz = new ol.style.Style({
fill: new ol.style.Fill({
//矢量图层填充颜色，以及透明度
color: "#FFD306",
}),
stroke: new ol.style.Stroke({
//边界样式
color: "rgba(255, 45, 45,1)",
width: 3,
}),
});
}
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\":" + this.mapTheGeomZrzId[i].theGeom + ", \"properties\":" + JSON.stringify(this.mapTheGeomZrzId[i]) + "}"),
}),
style: styleZrz
});
map.addLayer(hc_land);
}
}
}
}
});
//自然幢定位结束 ---------end

//附属设施定位开始 ---------start
getFsssZjdDmList(this.mapTheGeomZjdId[i].zjddm).then((response) => {
console.log(response);
if (response.code == 200) {
this.mapTheGeomFsssId = response.data;
if(this.mapTheGeomFsssId.length >0) {
for (var i = 0; this.mapTheGeomFsssId.length > i; i++) {
if (this.mapTheGeomFsssId[i] !=null && this.mapTheGeomFsssId[i].theGeom != null && this.mapTheGeomFsssId[i].theGeom != "") {
this.mapTheGeomFsssId[i].createBy = 'mapTheGeomFsssId';
var styleFsss = "";
if(this.mapTheGeomZjdId[i].houseDataConfirmStatus == "CONFIRMED"){
styleFsss = new ol.style.Style({
fill: new ol.style.Fill({
//矢量图层填充颜色，以及透明度
color: "#00FFFF",
}),
stroke: new ol.style.Stroke({
//边界样式
color: "#28FF28",
width: 3,
}),
});
} else {
styleFsss = new ol.style.Style({
fill: new ol.style.Fill({
//矢量图层填充颜色，以及透明度
color: "#00FFFF",
}),
stroke: new ol.style.Stroke({
//边界样式
color: "rgba(255, 45, 45,1)",
width: 3,
}),
});
}
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\":" + this.mapTheGeomFsssId[i].theGeom + ", \"properties\":" + JSON.stringify(this.mapTheGeomFsssId[i]) + "}"),
}),
style: styleFsss
});
map.addLayer(hc_land);
}
}
}
}
});
//附属设施定位结束 ---------end
}
}
}
//宅基地定位结束 ---------end

//点击查询详细信息
map.on("singleclick", function (evt) {
let feature = map.forEachFeatureAtPixel(
evt.pixel,
(feature) => feature
);
if(feature) {
document.getElementById("info").innerHTML = "";
that.mapHaDataValue = true;
var ifConsole = feature.values_.createBy;
if (ifConsole =="mapTheGeomFsssId") {
let obj = {};
that.mapHasDateStatus = 0;
obj.deptName = feature.values_.deptName;//行政区划名称
obj.zjddm = feature.values_.zjddm;//宅基地代码
obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus; //状态
obj.fssslx = feature.values_.fssslx; //附属设施类型
obj.jzmj = feature.values_.jzmj; //建筑面积
obj.qsly = feature.values_.qsly;//权属来源
obj.fwzt = feature.values_.fwzt; //房屋状态
obj.sfsp = feature.values_.sfsp; //是否审批
obj.sffz = feature.values_.sffz; //是否发证
obj.jglx = feature.values_.jglx; //结构类型
obj.sfzzsy = feature.values_.sfzzsy; //是否正在使用
obj.jzwqk = feature.values_.jzwqk; //建筑物情况
obj.tdzk = feature.values_.tdzk; //审批或建设前土地状况
obj.sfsgcf = feature.values_.sfsgcf; //是否受过处罚
obj.sysNormalDisable = feature.values_.sysNormalDisable; //是否停用
//附属设施类型字典项
that.getDicts("fsss_type").then((response) => {
var assetTypeOptions = response.data;
if(obj.fssslx !=null && obj.fssslx !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.fssslx == assetTypeOptions[i].dictValue) {
obj.fssslx = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//权属类型字典项
that.getDicts("acquisition_method").then((response) => {
var assetTypeOptions = response.data;
if(obj.qsly !=null && obj.qsly !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.qsly == assetTypeOptions[i].dictValue) {
obj.qsly = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//房屋状态字典项
that.getDicts("fwzt").then((response) => {
var assetTypeOptions = response.data;
if(obj.fwzt !=null && obj.fwzt !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.fwzt == assetTypeOptions[i].dictValue) {
obj.fwzt = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//是否审批字典项
that.getDicts("sys_yes_no").then((response) => {
var assetTypeOptions = response.data;
if(obj.sfsp !=null && obj.sfsp !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.sfsp == assetTypeOptions[i].dictValue) {
obj.sfsp = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//是否发证字典项
that.getDicts("sys_yes_no").then((response) => {
var assetTypeOptions = response.data;
if(obj.sffz !=null && obj.sffz !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.sffz == assetTypeOptions[i].dictValue) {
obj.sffz = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//结构类型字典项
that.getDicts("house_jglx").then((response) => {
var assetTypeOptions = response.data;
if(obj.jglx !=null && obj.jglx !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.jglx == assetTypeOptions[i].dictValue) {
obj.jglx = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//是否正在使用字典项
that.getDicts("sys_yes_no").then((response) => {
var assetTypeOptions = response.data;
if(obj.sfzzsy !=null && obj.sfzzsy !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.sfzzsy == assetTypeOptions[i].dictValue) {
obj.sfzzsy = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//房屋状态字典项
that.getDicts("fwzt").then((response) => {
var assetTypeOptions = response.data;
if(obj.fwzt !=null && obj.fwzt !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.fwzt == assetTypeOptions[i].dictValue) {
obj.fwzt = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//土地状况字典项
that.getDicts("land_state").then((response) => {
var assetTypeOptions = response.data;
if(obj.tdzk !=null && obj.tdzk !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.tdzk == assetTypeOptions[i].dictValue) {
obj.tdzk = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//是否受过处罚字典项
that.getDicts("land_state").then((response) => {
var assetTypeOptions = response.data;
if(obj.sfsgcf !=null && obj.sfsgcf !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.sfsgcf == assetTypeOptions[i].dictValue) {
obj.sfsgcf = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
that.mapFsssData = obj;
} else if(ifConsole =="mapTheGeomZrzId"){
let obj = {};
that.mapHasDateStatus = 1;
obj.deptName = feature.values_.deptName;//部门名称
obj.zjddm = feature.values_.zjddm;//宅基地代码
obj.nmfwzh = feature.values_.nmfwzh;//农民房屋幢号
obj.zrzh = feature.values_.zrzh;//自然幢号
obj.jgrq = feature.values_.jgrq;//竣工日期
obj.jzwgd = feature.values_.jzwgd;//建筑物高度
obj.zzdmj = feature.values_.zzdmj;//幢占地面积
obj.zydmj = feature.values_.zydmj;//幢用地面积
obj.scjzmj = feature.values_.scjzmj;//实测建筑面积
obj.zcs = feature.values_.zcs;//总层数
obj.dscs = feature.values_.dscs;//地上层数
obj.dxcs = feature.values_.dxcs;//地下层数
obj.fwjg = feature.values_.fwjg;//房屋结构
obj.sjly = feature.values_.sjly;//数据来源
obj.status = feature.values_.status;//状态
obj.houseDataConfirmStatus = feature.values_.houseDataConfirmStatus;//数据调查确认状态
//字典项转化
//房屋结构字典项
that.getDicts("housing_structure").then((response) => {
var assetTypeOptions = response.data;
if(obj.fwjg !=null && obj.fwjg !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.fwjg == assetTypeOptions[i].dictValue) {
obj.fwjg = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//房屋结构字典项
that.getDicts("sjly").then((response) => {
var assetTypeOptions = response.data;
if(obj.sjly !=null && obj.sjly !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.sjly == assetTypeOptions[i].dictValue) {
obj.sjly = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
that.mapZrzData = obj;
} else if(ifConsole =="mapTheGeomZjdId"){
let obj = {};
that.mapHasDateStatus = 2;
obj.deptName = feature.values_.deptName;//行政区划名称
obj.suyqrdm = feature.values_.suyqrdm;//所有权人代码
obj.nhdm = feature.values_.nhdm;//农户代码
obj.zjddm = feature.values_.zjddm;//宅基地代码
obj.zdbh = feature.values_.zdbh;//宗地编号
obj.zddm = feature.values_.zddm;//宗地代码
obj.zl = feature.values_.zl;//坐落
obj.zldwdm = feature.values_.zldwdm;//坐落单位代码
obj.zdmj = feature.values_.zdmj;//宗地面积
obj.yt = feature.values_.yt;//用途
obj.ytmc = feature.values_.ytmc;//用途名称
obj.dj = feature.values_.dj;//宗地编号
obj.jg = feature.values_.jg;//价格万元
obj.qllx = feature.values_.qllx;//权利类型
obj.qlxz = feature.values_.qlxz;//权利性质
obj.qlsdfs = feature.values_.qlsdfs;//权利设定方式
obj.rjl = feature.values_.rjl;//容积率
obj.jzmd = feature.values_.jzmd;//建筑密度
obj.jzxg = feature.values_.jzxg;//建筑限高
obj.zdszd = feature.values_.zdszd;//宗地四至-东
obj.zdszn = feature.values_.zdszn;//宗地四至-南
obj.zdszx = feature.values_.zdszx;//宗地四至-西
obj.zdszb = feature.values_.zdszb;//宗地四至-北
obj.zdt = feature.values_.zdt;//宗地图
obj.tfh = feature.values_.tfh;//图幅号
obj.djh = feature.values_.djh;//地籍号
obj.sjly = feature.values_.sjly;//数据来源
obj.lyzk = feature.values_.lyzk;//当前利用状况
obj.xzkssj = feature.values_.xzkssj;//闲置开始时间
obj.sffz = feature.values_.sffz;//是否发证
obj.zjdzsh = feature.values_.zjdzsh;//宅基地证书号
obj.zjdxctp = feature.values_.zjdxctp;//宅基地现场图片
obj.zjdqdfs = feature.values_.zjdqdfs;//宅基地取得方式
obj.bccjl = feature.values_.bccjl;//被惩处经历
obj.bccbz = feature.values_.bccbz;//被惩处备注
obj.yctcyx = feature.values_.yctcyx;//有偿退出意向
obj.zjdpzmj = feature.values_.zjdpzmj;//宅基地批准面积
obj.zjdxzyy = feature.values_.zjdxzyy;//宅基地闲置原因
obj.lzyx = feature.values_.lzyx;//流转意向
obj.sysNormalDisable = feature.values_.sysNormalDisable;//是否停用
//字典项转化
//是否发证字典项
that.getDicts("sys_yes_no").then((response) => {
var assetTypeOptions = response.data;
if(obj.sffz !=null && obj.sffz !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.sffz == assetTypeOptions[i].dictValue) {
obj.sffz = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//利用状态字典项
that.getDicts("zjdlyzk").then((response) => {
var assetTypeOptions = response.data;
if(obj.lyzk !=null && obj.lyzk !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.lyzk == assetTypeOptions[i].dictValue) {
obj.lyzk = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//流转意向字典项
that.getDicts("is_have").then((response) => {
var assetTypeOptions = response.data;
if(obj.lzyx !=null && obj.lzyx !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.lzyx == assetTypeOptions[i].dictValue) {
obj.lzyx = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//有偿退出意向字典项
that.getDicts("is_have").then((response) => {
var assetTypeOptions = response.data;
if(obj.yctcyx !=null && obj.yctcyx !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.yctcyx == assetTypeOptions[i].dictValue) {
obj.yctcyx = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//被惩处经历字典项
that.getDicts("is_have").then((response) => {
var assetTypeOptions = response.data;
if(obj.bccjl !=null && obj.bccjl !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.bccjl == assetTypeOptions[i].dictValue) {
obj.bccjl = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//宅基地取得方式字典项
that.getDicts("acquisition_method").then((response) => {
var assetTypeOptions = response.data;
if(obj.zjdqdfs !=null && obj.zjdqdfs !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.zjdqdfs == assetTypeOptions[i].dictValue) {
obj.zjdqdfs = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//权利设定方式字典项
that.getDicts("right_setting_mode").then((response) => {
var assetTypeOptions = response.data;
if(obj.qlsdfs !=null && obj.qlsdfs !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.qlsdfs == assetTypeOptions[i].dictValue) {
obj.qlsdfs = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
//数据来源字典项
that.getDicts("sjly").then((response) => {
var assetTypeOptions = response.data;
if(obj.sjly !=null && obj.sjly !=""){
for(var i=0;assetTypeOptions.length >i; i++){
if(obj.sjly == assetTypeOptions[i].dictValue) {
obj.sjly = assetTypeOptions[i].dictLabel;
break;
}
}
}
});
that.mapZjdData = obj;
} else {
that.mapHaDataValue = false;
}
}else {
that.mapHaDataValue = false;
}
});
//当前账套没有任何空间数据
if(mapTalkAbout){
let deptName = this.$store.state.user.loginDeptId + "";
getQueryLand(deptName).then((response) => {
if (response.code == 200) {
let InsertCode = response.data;
if (InsertCode != null) {
var lat = InsertCode.lat;
var lng = InsertCode.lng;
var center;
if(lat !=null && lng !=null && lat !="" && lng !=""){
center = [lng,lat];
}else {
center =[115.452752, 31.789033];
}
map.getView().animate({
// 只设置需要的属性即可
center: ol.proj.fromLonLat(center), // 中心点
zoom: 17.9, // 缩放级别
rotation: undefined, // 缩放完成view视图旋转弧度
duration: 1000, // 缩放持续时间，默认不需要设置
});
}
}
});
}
},
} }
} }
</script> </script>


<style scoped> <style scoped>

>>> .bannerBg{ >>> .bannerBg{
width: 100%; width: 100%;
color:#fff; color:#fff;


Kirjoita Esikatselu
Ladataan…
Peruuta
Tallenna