|
@@ -8,7 +8,7 @@
|
|
|
<!-- 左侧 -->
|
|
|
<div class="leftbar w-10" ref="left">
|
|
|
<div class="forthis">
|
|
|
- <dv-border-box-13 :color="['#0e7957', '#0da24c']" backgroundColor="#09140e" style="padding-bottom: 1rem;">
|
|
|
+ <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
|
|
|
<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
|
|
|
<div class="i-list-con h-78">
|
|
|
<div class="d-l-con-icon">
|
|
@@ -34,7 +34,7 @@
|
|
|
<!-- 右侧 -->
|
|
|
<div class="rightbar" ref="right">
|
|
|
<div class="forthis">
|
|
|
- <dv-border-box-13 :color="['#0e7957', '#0da24c']" backgroundColor="#09140e" style="padding-bottom: 1rem;">
|
|
|
+ <dv-border-box-13 backgroundColor="rgba(12, 19, 38, .90)" style="padding-bottom: 1rem;">
|
|
|
<img src="../assets/images/integrated/light.png" style="width: 100%; margin-top: .4rem;"/>
|
|
|
<div class="this-title">
|
|
|
<span>数据分布</span>
|
|
@@ -117,7 +117,6 @@ export default {
|
|
|
//右侧资源
|
|
|
deptGroupList: [],
|
|
|
source: [],
|
|
|
-
|
|
|
}
|
|
|
},
|
|
|
|
|
@@ -255,7 +254,6 @@ export default {
|
|
|
})
|
|
|
|
|
|
},
|
|
|
-
|
|
|
// 弹层方法
|
|
|
showEventInfo1() {
|
|
|
this.eventInfoVisible1 = true
|
|
@@ -271,9 +269,8 @@ export default {
|
|
|
//截取data.resourceTable字段中“_”分隔符最后一个作为关键字,重新拼接成前端需要的图标:class,格式sj-icon-xxxx,将其set回原数组
|
|
|
res.data.forEach(function(data, index) {
|
|
|
that.$set(that.resourcesList[index], 'icon', 'sj' + '-' + 'icon' + '-' + data
|
|
|
- .resourceTable.split('_').slice(-1))
|
|
|
+ .icon.split('_').slice(-1))
|
|
|
})
|
|
|
- console.log(that.resourcesList)
|
|
|
|
|
|
})
|
|
|
},
|
|
@@ -303,8 +300,8 @@ export default {
|
|
|
keepBindPopup: false,
|
|
|
isAggregation: false
|
|
|
}
|
|
|
- if (resourceTable == 'centerdata_t_environment_key_enterprise') { //重点企业
|
|
|
- markersMap.icon = 'sj-icon-map-centerdata-t-environment-key-enterprise'
|
|
|
+ if (resourceTable == 'centerdata_t_firecontrol_basic_linkage_force') { //基本联动力量
|
|
|
+ markersMap.icon = 'sj-icon-map-centerdata-t-firecontrol-basic-linkage-force'
|
|
|
markersMap.lng = res.data.resourceList[i].longitude
|
|
|
markersMap.lat = res.data.resourceList[i].latitude
|
|
|
markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
@@ -319,37 +316,48 @@ export default {
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>企业名称:' + res.data.resourceList[i].name +
|
|
|
+ ' <h4>单位名称:' + res.data.resourceList[i].company +
|
|
|
'</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span>' +
|
|
|
+ '</div>'
|
|
|
+ } else if (resourceTable == 'centerdata_t_firecontrol_fire_force') { //消防力量
|
|
|
+ markersMap.icon = 'sj-icon-map-centerdata-t-firecontrol-fire-force'
|
|
|
+ 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].address +
|
|
|
- '</h4>' +
|
|
|
+ ' <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].legalPerson +
|
|
|
- '</h4>' +
|
|
|
+ ' <h4>地址:' + res.data.resourceList[i].address + '</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span>' +
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系电话:' + res.data.resourceList[i].contactsPhone +
|
|
|
- '</h4>' +
|
|
|
+ ' <h4>负责人:' + res.data.resourceList[i].principal + '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ '<span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>联系电话:' + res.data.resourceList[i].contact + '</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span></div>'
|
|
|
- } else if (resourceTable == 'centerdata_t_environment_prohibition_area') { //禁烧区
|
|
|
- markersMap.icon = 'sj-icon-map-centerdata-t-environment-prohibition-area'
|
|
|
+ } else if (resourceTable == 'centerdata_t_firecontrol_foam_liquid') { //泡沫液
|
|
|
+ markersMap.icon = 'sj-icon-map-centerdata-t-firecontrol-foam-liquid'
|
|
|
markersMap.lng = res.data.resourceList[i].longitude
|
|
|
markersMap.lat = res.data.resourceList[i].latitude
|
|
|
markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
@@ -364,33 +372,64 @@ export default {
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>禁烧区名称:' + res.data.resourceList[i].name + '</h4>' +
|
|
|
+ ' <h4>单位名称:' + res.data.resourceList[i].company +
|
|
|
+ '</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span>' +
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>地址:' + res.data.resourceList[i].address + '</h4>' +
|
|
|
+ ' <h4>联系人:' + res.data.resourceList[i].contacts +
|
|
|
+ '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ '<span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>联系电话:' + res.data.resourceList[i].contactsPhone + '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span></div>'
|
|
|
+ } else if (resourceTable == 'centerdata_t_firecontrol_fulltime_station') { //专职站
|
|
|
+ markersMap.icon = 'sj-icon-map-centerdata-t-firecontrol-fulltime-station'
|
|
|
+ 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].principal + '</h4>' +
|
|
|
+ ' <h4>地址:' + res.data.resourceList[i].address +
|
|
|
+ '</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span>' +
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系电话:' + res.data.resourceList[i].contactsPhone + '</h4>' +
|
|
|
+ ' <h4>负责人:' + res.data.resourceList[i].principal + '</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
- ' </span></div>'
|
|
|
- } else if (resourceTable == 'centerdata_t_environment_source_pollution') { //污染源
|
|
|
- markersMap.icon = 'sj-icon-map-centerdata-t-environment-source-pollution'
|
|
|
+ ' </span>' +
|
|
|
+ '<span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>电话:' + res.data.resourceList[i].contactsPhone + '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ '</div>'
|
|
|
+ } else if (resourceTable == 'centerdata_t_firecontrol_other_linkage_force') { //其他联动力量
|
|
|
+ markersMap.icon = 'sj-icon-map-centerdata-t-firecontrol-other-linkage-force'
|
|
|
markersMap.lng = res.data.resourceList[i].longitude
|
|
|
markersMap.lat = res.data.resourceList[i].latitude
|
|
|
markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
@@ -405,7 +444,7 @@ export default {
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>污染源名称:' + res.data.resourceList[i].name +
|
|
|
+ ' <h4>单位名称:' + res.data.resourceList[i].company +
|
|
|
'</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
@@ -413,13 +452,27 @@ export default {
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>地址:' + res.data.resourceList[i].address +
|
|
|
+ ' <h4>单位电话:' + res.data.resourceList[i].companyPhone +
|
|
|
'</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span>' +
|
|
|
'<span>' +
|
|
|
- '</div>'
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>联系人:' + res.data.resourceList[i].contacts +
|
|
|
+ '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ '<span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>联系电话:' + res.data.resourceList[i].contactsPhone +
|
|
|
+ '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span></div>'
|
|
|
}
|
|
|
that.markersList.push(markersMap)
|
|
|
}
|
|
@@ -446,8 +499,8 @@ export default {
|
|
|
keepBindPopup: false,
|
|
|
isAggregation: false
|
|
|
}
|
|
|
- if (that.resourceTable == 'centerdata_t_environment_key_enterprise') { //重点企业
|
|
|
- markersMap.icon = 'sj-icon-map-centerdata-t-environment-key-enterprise'
|
|
|
+ if (that.resourceTable == 'centerdata_t_firecontrol_basic_linkage_force') { //基本联动力量
|
|
|
+ markersMap.icon = 'sj-icon-map-centerdata-t-firecontrol-basic-linkage-force'
|
|
|
markersMap.lng = res.data.resourceList[i].longitude
|
|
|
markersMap.lat = res.data.resourceList[i].latitude
|
|
|
markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
@@ -462,37 +515,48 @@ export default {
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>企业名称:' + res.data.resourceList[i].name +
|
|
|
+ ' <h4>单位名称:' + res.data.resourceList[i].company +
|
|
|
'</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span>' +
|
|
|
+ '</div>'
|
|
|
+ } else if (that.resourceTable == 'centerdata_t_firecontrol_fire_force') { //消防力量
|
|
|
+ markersMap.icon = 'sj-icon-map-centerdata-t-firecontrol-fire-force'
|
|
|
+ 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].address +
|
|
|
- '</h4>' +
|
|
|
+ ' <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].legalPerson +
|
|
|
- '</h4>' +
|
|
|
+ ' <h4>地址:' + res.data.resourceList[i].address + '</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span>' +
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系电话:' + res.data.resourceList[i].contactsPhone +
|
|
|
- '</h4>' +
|
|
|
+ ' <h4>负责人:' + res.data.resourceList[i].principal + '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ '<span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>联系电话:' + res.data.resourceList[i].contact + '</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span></div>'
|
|
|
- } else if (that.resourceTable == 'centerdata_t_environment_prohibition_area') { //禁烧区
|
|
|
- markersMap.icon = 'sj-icon-map-centerdata-t-environment-prohibition-area'
|
|
|
+ } else if (that.resourceTable == 'centerdata_t_firecontrol_foam_liquid') { //泡沫液
|
|
|
+ markersMap.icon = 'sj-icon-map-centerdata-t-firecontrol-foam-liquid'
|
|
|
markersMap.lng = res.data.resourceList[i].longitude
|
|
|
markersMap.lat = res.data.resourceList[i].latitude
|
|
|
markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
@@ -507,33 +571,64 @@ export default {
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>禁烧区名称:' + res.data.resourceList[i].name + '</h4>' +
|
|
|
+ ' <h4>单位名称:' + res.data.resourceList[i].company +
|
|
|
+ '</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span>' +
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>地址:' + res.data.resourceList[i].address + '</h4>' +
|
|
|
+ ' <h4>联系人:' + res.data.resourceList[i].contacts +
|
|
|
+ '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ '<span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>联系电话:' + res.data.resourceList[i].contactsPhone + '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span></div>'
|
|
|
+ } else if (that.resourceTable == 'centerdata_t_firecontrol_fulltime_station') { //专职站
|
|
|
+ markersMap.icon = 'sj-icon-map-centerdata-t-firecontrol-fulltime-station'
|
|
|
+ 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].principal + '</h4>' +
|
|
|
+ ' <h4>地址:' + res.data.resourceList[i].address +
|
|
|
+ '</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span>' +
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>联系电话:' + res.data.resourceList[i].contactsPhone + '</h4>' +
|
|
|
+ ' <h4>负责人:' + res.data.resourceList[i].principal + '</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
- ' </span></div>'
|
|
|
- } else if (that.resourceTable == 'centerdata_t_environment_source_pollution') { //污染源
|
|
|
- markersMap.icon = 'sj-icon-map-centerdata-t-environment-source-pollution'
|
|
|
+ ' </span>' +
|
|
|
+ '<span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>电话:' + res.data.resourceList[i].contactsPhone + '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ '</div>'
|
|
|
+ } else if (that.resourceTable == 'centerdata_t_firecontrol_other_linkage_force') { //其他联动力量
|
|
|
+ markersMap.icon = 'sj-icon-map-centerdata-t-firecontrol-other-linkage-force'
|
|
|
markersMap.lng = res.data.resourceList[i].longitude
|
|
|
markersMap.lat = res.data.resourceList[i].latitude
|
|
|
markersMap.bindPopupHtml = '<div class="map-tip">' +
|
|
@@ -548,7 +643,7 @@ export default {
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>污染源名称:' + res.data.resourceList[i].name +
|
|
|
+ ' <h4>单位名称:' + res.data.resourceList[i].company +
|
|
|
'</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
@@ -556,13 +651,27 @@ export default {
|
|
|
'<span>' +
|
|
|
' <div class="d-l-con">' +
|
|
|
' <div class="d-l-l-text">' +
|
|
|
- ' <h4>地址:' + res.data.resourceList[i].address +
|
|
|
+ ' <h4>单位电话:' + res.data.resourceList[i].companyPhone +
|
|
|
'</h4>' +
|
|
|
' </div>' +
|
|
|
' </div>' +
|
|
|
' </span>' +
|
|
|
'<span>' +
|
|
|
- '</div>'
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>联系人:' + res.data.resourceList[i].contacts +
|
|
|
+ '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span>' +
|
|
|
+ '<span>' +
|
|
|
+ ' <div class="d-l-con">' +
|
|
|
+ ' <div class="d-l-l-text">' +
|
|
|
+ ' <h4>联系电话:' + res.data.resourceList[i].contactsPhone +
|
|
|
+ '</h4>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </div>' +
|
|
|
+ ' </span></div>'
|
|
|
}
|
|
|
that.markersList.push(markersMap)
|
|
|
}
|