|
|
@@ -43,7 +43,8 @@
|
|
|
<div class="i-list-con h-73">
|
|
|
<div class="overflow-y" style="height: 39vh">
|
|
|
<div class="d-l-con" :class="{on:listCurrentIndex==item.deptId}"
|
|
|
- v-for="(item,index) in deptGroupList">
|
|
|
+ v-for="(item,index) in deptGroupList"
|
|
|
+ v-on:click="indentleftByDeptIdSetMarkers(item.deptId)">
|
|
|
<div class="d-l-l-text">
|
|
|
<i class="i-small"></i>
|
|
|
<h4>{{ item.deptName }}</h4>
|
|
|
@@ -76,7 +77,8 @@ import {
|
|
|
getResource,
|
|
|
getResourcePoint,
|
|
|
getResourcePointByDeptId,
|
|
|
- getFindAllType
|
|
|
+ getFindAllType,
|
|
|
+ getFindAllZhanList
|
|
|
} from '@/api/datacenter'
|
|
|
|
|
|
import supermap from '@/components/supermap' //超图
|
|
|
@@ -123,6 +125,7 @@ export default {
|
|
|
// resourcesMap: {},
|
|
|
//右侧资源
|
|
|
deptGroupList: [],
|
|
|
+ supermapDianList: [],//点击左侧数据表获取到的点位数据
|
|
|
source: [],
|
|
|
//左右缩进
|
|
|
indentStyle: '',
|
|
|
@@ -330,13 +333,13 @@ export default {
|
|
|
const map = {};
|
|
|
if(key == 'buzhu'){map.name="补助次数";}
|
|
|
if(key == 'gengdi'){map.name="耕地面积";}
|
|
|
- if(key == 'hezuoshe'){map.name="合作社数量";}//
|
|
|
+ if(key == 'hezuoshe'){map.name="合作社数量";}//有经纬度
|
|
|
if(key == 'huafei'){map.name="化肥库存";}
|
|
|
- if(key == 'nongji'){map.name="农机站数量";}//
|
|
|
- if(key == 'nongju'){map.name="农具站数量";}//
|
|
|
- if(key == 'xubao'){map.name="畜保站数量";}//
|
|
|
- if(key == 'yangzhi'){map.name="养殖及粪污处理点";}//
|
|
|
- if(key == 'zhibao'){map.name="植保数量";}
|
|
|
+ if(key == 'nongji'){map.name="农机站数量";}//有经纬度
|
|
|
+ if(key == 'nongju'){map.name="农具库存";}
|
|
|
+ if(key == 'xubao'){map.name="畜保站数量";}//有经纬度
|
|
|
+ if(key == 'yangzhi'){map.name="养殖及粪污处理点";}//有经纬度
|
|
|
+ if(key == 'zhibao'){map.name="植保数量";}//有经纬度
|
|
|
if(key == 'zhongzhi'){map.name="种植产量";}
|
|
|
if(key == 'zhongzi'){map.name="种子库存";}
|
|
|
map.icon='sj-icon-'+key;
|
|
|
@@ -348,8 +351,10 @@ export default {
|
|
|
},
|
|
|
indentleftSetMarkers(type) {
|
|
|
let that = this
|
|
|
+ that.resourceTable=type;
|
|
|
getFindAllType(type).then(res => {
|
|
|
that.deptGroupList = res.data.dept;
|
|
|
+ that.supermapDianList = res.data.list;
|
|
|
that.source = [];
|
|
|
//点击左侧右侧数据展示及横向柱状图
|
|
|
if (res.data != null && res.data.dept.length > 0) {
|
|
|
@@ -360,420 +365,106 @@ export default {
|
|
|
}
|
|
|
this.dataChat();
|
|
|
if (res.data != null && res.data.list.length > 0) {
|
|
|
- for (let i = 0; i < res.data.list.length; i++) {
|
|
|
- let markersMap = {
|
|
|
- lng: 124.59,
|
|
|
- lat: 43.02,
|
|
|
- icon: 'marker',
|
|
|
- bindPopupHtml: '',
|
|
|
- click: '',
|
|
|
- keepBindPopup: false,
|
|
|
- isAggregation: false
|
|
|
- }
|
|
|
- if(type=='hezuoshe'||type=='nongji'||type=='nongju'||type=='xubao'||type=='yangzhi'){
|
|
|
- markersMap.icon = 'sj-icon-map-qxz';
|
|
|
- markersMap.lng = res.data.list[i].longitude;
|
|
|
- markersMap.lat = res.data.list[i].latitude;
|
|
|
- markersMap.bindPopupHtml = '' +
|
|
|
- '<div class="map-tip">' +
|
|
|
- ' <span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + res.data.list[i].longitude + ',' + res.data.list[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- ' <span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>地址：' + res.data.list[i].address + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- ' <span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>名称：' + res.data.list[i].name +'</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
-
|
|
|
- '</div>'
|
|
|
+ if(type=='hezuoshe'||type=='nongji'||type=='zhibao'||type=='xubao'||type=='yangzhi'){
|
|
|
+ for (let i = 0; i < res.data.list.length; i++) {
|
|
|
+ let markersMap = {
|
|
|
+ lng: res.data.list[i].longitude,
|
|
|
+ lat: res.data.list[i].latitude,
|
|
|
+ icon: 'marker',
|
|
|
+ bindPopupHtml: '' +
|
|
|
+ '<div class="map-tip">' +
|
|
|
+ ' <span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>经纬度：' + res.data.list[i].longitude + ',' + res.data.list[i].latitude + '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ ' <span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>地址：' + res.data.list[i].address + '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ ' <span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>名称：' + res.data.list[i].name +'</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ '</div>',
|
|
|
+ click: '',
|
|
|
+ parameter: '',
|
|
|
+ keepBindPopup: false,
|
|
|
+ isAggregation: false
|
|
|
+ }
|
|
|
+ that.markersList.push(markersMap)
|
|
|
}
|
|
|
+ }else{
|
|
|
+ that.markersList = [];
|
|
|
}
|
|
|
}
|
|
|
that.$refs.supermap.clearM(false);
|
|
|
that.$refs.supermap.setMarkers(that.markersList);
|
|
|
});
|
|
|
},
|
|
|
- indentleftByDeptIdSetMarkers(deptId) {//暂时无用
|
|
|
+ indentleftByDeptIdSetMarkers(deptId) {
|
|
|
this.listCurrentIndex = deptId
|
|
|
- let that = this
|
|
|
- //点击左侧地图落点
|
|
|
- getResourcePointByDeptId(that.resourceTable, deptId).then(res => {
|
|
|
- that.markersList = []
|
|
|
- if (res.data.resourceList != null && res.data.resourceList.length > 0) {
|
|
|
- for (let i = 0; i < res.data.resourceList.length; i++) {
|
|
|
- let markersMap = {
|
|
|
- lng: 124.59,
|
|
|
- lat: 43.02,
|
|
|
- icon: 'marker',
|
|
|
- bindPopupHtml: '',
|
|
|
- click: '',
|
|
|
- keepBindPopup: false,
|
|
|
- isAggregation: false
|
|
|
- }
|
|
|
- if (that.resourceTable == 'centerdata_t_forest_weatherstation') { //气象站
|
|
|
- markersMap.icon = 'sj-icon-map-qxz'
|
|
|
- markersMap.lng = res.data.resourceList[i].longitude
|
|
|
- markersMap.lat = res.data.resourceList[i].latitude
|
|
|
- markersMap.icon = 'icon_qxz'
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + res.data.resourceList[i].longitude + ',' + res
|
|
|
- .data.resourceList[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>地址：' + res.data.resourceList[i].weatherstationAddress +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系人：' + res.data.resourceList[i].weatherstationPerson +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>电话：' + res.data.resourceList[i].weatherstationTel +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span></div>'
|
|
|
- } else if (that.resourceTable == 'centerdata_t_forest_farm') { //林场
|
|
|
- markersMap.icon = 'sj-icon-map-lc'
|
|
|
- markersMap.lng = res.data.resourceList[i].longitude
|
|
|
- markersMap.lat = res.data.resourceList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + res.data.resourceList[i].longitude + ',' + res
|
|
|
- .data.resourceList[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>林场名称：' + res.data.resourceList[i].farmName + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系人：' + res.data.resourceList[i].farmPerson + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>电话：' + res.data.resourceList[i].farmTel + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span></div>'
|
|
|
- } else if (that.resourceTable == 'centerdata_t_forest_landing') { //起降点
|
|
|
- markersMap.icon = 'sj-icon-map-qjd'
|
|
|
- markersMap.lng = res.data.resourceList[i].longitude
|
|
|
- markersMap.lat = res.data.resourceList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + res.data.resourceList[i].longitude + ',' + res
|
|
|
- .data.resourceList[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>起降点名称：' + res.data.resourceList[i].landingName +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系人：' + res.data.resourceList[i].landingPerson +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>电话：' + res.data.resourceList[i].landingTel + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span></div>'
|
|
|
- } else if (that.resourceTable == 'centerdata_t_forest_channel') { //水源渠道
|
|
|
- markersMap.icon = 'sj-icon-map-syqd'
|
|
|
- markersMap.lng = res.data.resourceList[i].longitude
|
|
|
- markersMap.lat = res.data.resourceList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + res.data.resourceList[i].longitude + ',' + res
|
|
|
- .data.resourceList[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>渠道名称：' + res.data.resourceList[i].channelName +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系人：' + res.data.resourceList[i].channelPerson +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>电话：' + res.data.resourceList[i].channelTel + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span></div>'
|
|
|
- } else if (that.resourceTable == 'centerdata_t_forest_checkpoint') { //防火检查站
|
|
|
- markersMap.icon = 'sj-icon-map-fhjcz'
|
|
|
- markersMap.lng = res.data.resourceList[i].longitude
|
|
|
- markersMap.lat = res.data.resourceList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + res.data.resourceList[i].longitude + ',' + res
|
|
|
- .data.resourceList[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>检查站名称：' + res.data.resourceList[i].checkpointName +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>地址：' + res.data.resourceList[i].checkpointAddress +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系人：' + res.data.resourceList[i].checkpointPerson +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>电话：' + res.data.resourceList[i].checkpointTel +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span></div>'
|
|
|
- } else if (that.resourceTable == 'centerdata_t_forest_waterintake') { //取水口
|
|
|
- markersMap.icon = 'sj-icon-map-qsk'
|
|
|
- markersMap.lng = res.data.resourceList[i].longitude
|
|
|
- markersMap.lat = res.data.resourceList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + res.data.resourceList[i].longitude + ',' + res
|
|
|
- .data.resourceList[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>取水口名称：' + res.data.resourceList[i].waterintakeName +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系人：' + res.data.resourceList[i].waterintakePerson +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>电话：' + res.data.resourceList[i].waterintakeTel +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span></div>'
|
|
|
- } else if (that.resourceTable == 'centerdata_t_forest_watercrane') { //水鹤
|
|
|
- markersMap.icon = 'sj-icon-map-sh'
|
|
|
- markersMap.lng = res.data.resourceList[i].longitude
|
|
|
- markersMap.lat = res.data.resourceList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + res.data.resourceList[i].longitude + ',' + res
|
|
|
- .data.resourceList[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>水鹤名称：' + res.data.resourceList[i].watercraneName +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系人：' + res.data.resourceList[i].watercranePerson +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>电话：' + res.data.resourceList[i].watercraneTel +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span></div>'
|
|
|
- } else if (that.resourceTable == 'centerdata_t_forest_firehydrant') { //消火栓
|
|
|
- markersMap.icon = 'sj-icon-map-xhs'
|
|
|
- markersMap.lng = res.data.resourceList[i].longitude
|
|
|
- markersMap.lat = res.data.resourceList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + res.data.resourceList[i].longitude + ',' + res
|
|
|
- .data.resourceList[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>消火栓名称：' + res.data.resourceList[i].firehydrantName +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>地址：' + res.data.resourceList[i].firehydrantAddress +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系人：' + res.data.resourceList[i].firehydrantPerson +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>电话：' + res.data.resourceList[i].firehydrantTel +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span></div>'
|
|
|
- } else if (that.resourceTable == 'centerdata_t_forest_fireteam') { //森林防火队
|
|
|
- markersMap.icon = 'sj-icon-map-slfh'
|
|
|
- markersMap.lng = res.data.resourceList[i].longitude
|
|
|
- markersMap.lat = res.data.resourceList[i].latitude
|
|
|
- markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>经纬度：' + res.data.resourceList[i].longitude + ',' + res
|
|
|
- .data.resourceList[i].latitude + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>森林防火队名称：' + res.data.resourceList[i].fireteamName +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系人：' + res.data.resourceList[i].fireteamPerson +
|
|
|
- '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span>' +
|
|
|
- '<span>' +
|
|
|
- ' <div class="d-l-con">' +
|
|
|
- ' <div class="d-l-l-text">' +
|
|
|
- ' <h4>电话：' + res.data.resourceList[i].fireteamTel + '</h4>' +
|
|
|
- ' </div>' +
|
|
|
- ' </div>' +
|
|
|
- ' </span></div>'
|
|
|
+ let that = this;
|
|
|
+ let type = that.resourceTable;
|
|
|
+ that.markersList = [];
|
|
|
+ //点击右侧地图落点
|
|
|
+ if(type=='hezuoshe'||type=='nongji'||type=='zhibao'||type=='xubao'||type=='yangzhi'){
|
|
|
+ getFindAllZhanList(type,deptId).then(res => {
|
|
|
+ if (res.data != null && res.data.length > 0) {
|
|
|
+ for (let i = 0; i < res.data.length; i++) {
|
|
|
+ let markersMap = {
|
|
|
+ lng: res.data[i].longitude,
|
|
|
+ lat: res.data[i].latitude,
|
|
|
+ // lng: 124.391266,
|
|
|
+ // lat: 43.318594,
|
|
|
+ icon: 'marker',
|
|
|
+ bindPopupHtml: '' +
|
|
|
+ '<div class="map-tip">' +
|
|
|
+ ' <span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>经纬度：' + res.data[i].longitude + ',' + res.data[i].latitude + '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ ' <span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>地址：' + res.data[i].address + '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ ' <span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>名称：' + res.data[i].name +'</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ '</div>',
|
|
|
+ click: '',
|
|
|
+ parameter: '',
|
|
|
+ keepBindPopup: false,
|
|
|
+ isAggregation: false
|
|
|
+ }
|
|
|
+ that.markersList.push(markersMap)
|
|
|
}
|
|
|
- that.markersList.push(markersMap)
|
|
|
+ }else{
|
|
|
+ that.markersList = [];
|
|
|
}
|
|
|
- }
|
|
|
- that.$refs.supermap.clearM(false)
|
|
|
- that.$refs.supermap.setMarkers(that.markersList)
|
|
|
- })
|
|
|
+ that.$refs.supermap.clearM(false)
|
|
|
+ that.$refs.supermap.setMarkers(that.markersList)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ that.$refs.supermap.clearM(false)
|
|
|
}
|
|
|
|
|
|
}
|
