|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class='overview'>
|
|
|
<!-- 顶部路由 -->
|
|
|
- <!-- <div class='menu'>
|
|
|
+ <div class='menu'>
|
|
|
<div class='home' @click='$emit("update:modelNum", 0)'>
|
|
|
<div class='downright'></div>
|
|
|
<div class='home-box'>
|
|
@@ -14,7 +14,7 @@
|
|
|
<span class='span3'>{{times}}</span>
|
|
|
</span>
|
|
|
</div>
|
|
|
- </div> -->
|
|
|
+ </div>
|
|
|
<!-- 面包屑 -->
|
|
|
<nav class='navigation'>
|
|
|
<section class='crumbs'>
|
|
@@ -179,37 +179,37 @@ export default {
|
|
|
"其他": 'Other'
|
|
|
},
|
|
|
provinceCities: { // 各个区域的的省会城市 坐标 缩放级别
|
|
|
- "青岛区域商管公司": { province: 'shandong', center: [36.06667, 120.33333], zoom: 8 },
|
|
|
- "北京区域商管公司": { province: 'beijing', center: [39.604882122321174, 116.43660987308282], zoom: 8 },
|
|
|
- "天津区域商管公司": { province: 'tianjin', center: [39.130593, 117.260892], zoom: 7 },
|
|
|
- "济南区域商管公司": { province: 'shandong', center: [36.4, 117.0], zoom: 7 },
|
|
|
- "上海区域商管公司": { province: 'shanghai', center: [31.090574094954192, 121.46299249603001], zoom: 10 },
|
|
|
- "南京区域商管公司": { province: 'jiangsu', center: [32.05, 118.78333], zoom: 7 },
|
|
|
- "无锡区域商管公司": { province: 'jiangsu', center: [31.57, 120.3], zoom: 9 },
|
|
|
- "厦门区域商管公司": { province: 'fujian', center: [24.46667, 118.1], zoom: 9 },
|
|
|
- "宁波区域商管公司": { province: 'zhejiang', center: [29.52, 121.33], zoom: 8 },
|
|
|
- "杭州区域商管公司": { province: 'zhejiang', center: [30.323100460201648, 120.50270908851112], zoom: 9 },
|
|
|
- "福州区域商管公司": { province: 'fujian', center: [26.05, 119.18], zoom: 8 },
|
|
|
- "合肥区域商管公司": { province: 'anhui', center: [31.52, 117.17], zoom: 7 },
|
|
|
- "长沙区域商管公司": { province: 'hunan', center: [28.12, 112.59], zoom: 8 },
|
|
|
- "南昌区域商管公司": { province: 'jiangxi', center: [28.4, 115.55], zoom: 8 },
|
|
|
- "大连区域商管公司": { province: 'liaoning', center: [39.98974718404572, 122.66034125625548], zoom: 8 },
|
|
|
- "沈阳区域商管公司": { province: 'liaoning', center: [41.72213058512578, 122.93479223528372], zoom: 8 },
|
|
|
- "长春区域商管公司": { province: 'jilin', center: [42.88033923363183, 127.02188147691707], zoom: 8 },
|
|
|
- "东莞区域商管公司": { province: 'guangdong', center: [23.644524198573688, 114.83844948916203], zoom: 8 },
|
|
|
- "南宁区域商管公司": { province: 'guangxi', center: [22.48, 108.19], zoom: 7 },
|
|
|
- "广州区域商管公司": { province: 'guangdong', center: [22.755920681486405, 112.01244459124548], zoom: 7 },
|
|
|
- "太原区域商管公司": { province: 'shanxi1', center: [37.54, 112.33], zoom: 7 },
|
|
|
- "武汉区域商管公司": { province: 'hubei', center: [31.147006308556566, 112.97898510653813], zoom: 7 },
|
|
|
- "郑州区域商管公司": { province: 'henan', center: [34.46, 113.4], zoom: 7 },
|
|
|
- "哈尔滨区域商管公司": { province: 'heilongjiang', center: [46.800059446787316, 128.40505022926592], zoom: 7 },
|
|
|
- "乌鲁木齐区域商管公司": { province: 'xinjiang', center: [43.45, 87.36], zoom: 8 },
|
|
|
- "呼和浩特区域商管公司": { province: 'neimenggu', center: [45.182036837015886, 116.82329020199336], zoom: 5 },
|
|
|
- "西安区域商管公司": { province: 'shanxi2', center: [36.08462129606931, 109.4527754086213], zoom: 7 },
|
|
|
- "银川区域商管公司": { province: 'ningxia', center: [38.108627664321276, 102.36578196225639], zoom: 7 },
|
|
|
- "成都区域商管公司": { province: 'sichuan', center: [30.24957724046765, 103.4647651330231], zoom: 7 },
|
|
|
- "昆明区域商管公司": { province: 'yunnan', center: [25.903703303407667, 105.10972266685498], zoom: 8 },
|
|
|
- "重庆区域商管公司": { province: 'chongqing', center: [29.35, 106.33], zoom: 8 }
|
|
|
+ "青岛": { province: 'shandong', center: [36.06667, 120.33333], zoom: 8 },
|
|
|
+ "北京": { province: 'beijing', center: [39.604882122321174, 116.43660987308282], zoom: 8 },
|
|
|
+ "天津": { province: 'tianjin', center: [39.130593, 117.260892], zoom: 7 },
|
|
|
+ "济南": { province: 'shandong', center: [36.4, 117.0], zoom: 7 },
|
|
|
+ "上海": { province: 'shanghai', center: [31.090574094954192, 121.46299249603001], zoom: 10 },
|
|
|
+ "南京": { province: 'jiangsu', center: [32.05, 118.78333], zoom: 7 },
|
|
|
+ "无锡": { province: 'jiangsu', center: [31.57, 120.3], zoom: 9 },
|
|
|
+ "厦门": { province: 'fujian', center: [24.46667, 118.1], zoom: 9 },
|
|
|
+ "宁波": { province: 'zhejiang', center: [29.52, 121.33], zoom: 8 },
|
|
|
+ "杭州": { province: 'zhejiang', center: [30.323100460201648, 120.50270908851112], zoom: 9 },
|
|
|
+ "福州": { province: 'fujian', center: [26.05, 119.18], zoom: 8 },
|
|
|
+ "合肥": { province: 'anhui', center: [31.52, 117.17], zoom: 7 },
|
|
|
+ "长沙": { province: 'hunan', center: [28.12, 112.59], zoom: 8 },
|
|
|
+ "南昌": { province: 'jiangxi', center: [28.4, 115.55], zoom: 8 },
|
|
|
+ "大连": { province: 'liaoning', center: [39.98974718404572, 122.66034125625548], zoom: 8 },
|
|
|
+ "沈阳": { province: 'liaoning', center: [41.72213058512578, 122.93479223528372], zoom: 8 },
|
|
|
+ "长春": { province: 'jilin', center: [42.88033923363183, 127.02188147691707], zoom: 8 },
|
|
|
+ "东莞": { province: 'guangdong', center: [23.644524198573688, 114.83844948916203], zoom: 8 },
|
|
|
+ "南宁": { province: 'guangxi', center: [22.48, 108.19], zoom: 7 },
|
|
|
+ "广州": { province: 'guangdong', center: [22.755920681486405, 112.01244459124548], zoom: 7 },
|
|
|
+ "太原": { province: 'shanxi1', center: [37.54, 112.33], zoom: 7 },
|
|
|
+ "武汉": { province: 'hubei', center: [31.147006308556566, 112.97898510653813], zoom: 7 },
|
|
|
+ "郑州": { province: 'henan', center: [34.46, 113.4], zoom: 7 },
|
|
|
+ "哈尔滨": { province: 'heilongjiang', center: [46.800059446787316, 128.40505022926592], zoom: 7 },
|
|
|
+ "乌鲁木齐": { province: 'xinjiang', center: [43.45, 87.36], zoom: 8 },
|
|
|
+ "呼和浩特": { province: 'neimenggu', center: [45.182036837015886, 116.82329020199336], zoom: 5 },
|
|
|
+ "西安": { province: 'shanxi2', center: [36.08462129606931, 109.4527754086213], zoom: 7 },
|
|
|
+ "银川": { province: 'ningxia', center: [38.108627664321276, 102.36578196225639], zoom: 7 },
|
|
|
+ "成都": { province: 'sichuan', center: [30.24957724046765, 103.4647651330231], zoom: 7 },
|
|
|
+ "昆明": { province: 'yunnan', center: [25.903703303407667, 105.10972266685498], zoom: 8 },
|
|
|
+ "重庆": { province: 'chongqing', center: [29.35, 106.33], zoom: 8 }
|
|
|
},
|
|
|
zoneCenter: { // 各个区域的中心坐标
|
|
|
dongbei: [43.161614, 124.396818], // 取自 东北运营中心 长春区域 四平万达广场
|
|
@@ -348,13 +348,15 @@ export default {
|
|
|
* @Param ids 返回选中项的id
|
|
|
* @Param data 返回选中项的数据
|
|
|
*/
|
|
|
- selectProjectItem(ids, data) {
|
|
|
+ selectProjectItem(ids) {
|
|
|
+ let data = this.getDataByCityCcode(ids)
|
|
|
this.currentLevel = data.level
|
|
|
if (data.level === 0) { // level=0时 plazaId必填
|
|
|
this.queryPlazaInfoCount(data.ccode, data.level, data.ccode)
|
|
|
} else {
|
|
|
this.queryPlazaInfoCount(data.ccode, data.level)
|
|
|
}
|
|
|
+
|
|
|
this.getSystemList(data.ccode, data.level)
|
|
|
this.getEventStatusData(this.currentLevel, data.ccode)
|
|
|
this.createNavpathByData(data)
|
|
@@ -487,7 +489,7 @@ export default {
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
- /**
|
|
|
+ /**
|
|
|
* @Description 计算 维保/第三方检测/专维 三个模块的高度
|
|
|
* @Param item 数据中的每一项
|
|
|
*/
|
|
@@ -731,7 +733,7 @@ export default {
|
|
|
/**
|
|
|
* @Description 移动地图到指定中心
|
|
|
*/
|
|
|
- panTo(center, zoom) {
|
|
|
+ flyTo(center, zoom) {
|
|
|
myMaps.setView(center, zoom)
|
|
|
},
|
|
|
/**
|
|
@@ -829,7 +831,7 @@ export default {
|
|
|
} else {
|
|
|
zoom = 6
|
|
|
}
|
|
|
- this.panTo(this.zoneCenter[zone], zoom)
|
|
|
+ this.flyTo(this.zoneCenter[zone], zoom)
|
|
|
let groupLayer = new L.layerGroup()
|
|
|
data.children.forEach(item => {
|
|
|
let params = {
|
|
@@ -841,8 +843,8 @@ export default {
|
|
|
}
|
|
|
querySystemCard(params).then(res => {
|
|
|
if (res.result === 'success') {
|
|
|
-
|
|
|
- let city = that.provinceCities[item.cname]
|
|
|
+ let name = item.cname.split('区域')[0]
|
|
|
+ let city = that.provinceCities[name]
|
|
|
let num = 0
|
|
|
let center = city.center
|
|
|
if (res.data) {
|
|
@@ -869,8 +871,9 @@ export default {
|
|
|
*/
|
|
|
pantProjectsMap(data) {
|
|
|
this.clearAllLayers()
|
|
|
- let geo = this.provinceCities[data.cname]
|
|
|
- this.panTo(geo.center, geo.zoom)
|
|
|
+ let name = data.cname.split('区域')[0]
|
|
|
+ let geo = this.provinceCities[name]
|
|
|
+ this.flyTo(geo.center, geo.zoom)
|
|
|
data.children.forEach(item => {
|
|
|
this.pantPlazaMap(item, geo.zoom)
|
|
|
})
|
|
@@ -1034,6 +1037,9 @@ export default {
|
|
|
.selectDownUpExtendTop-leave-active {
|
|
|
animation: selectDownUpExtendTop .3s reverse
|
|
|
}
|
|
|
+.p-tree-single-panel{
|
|
|
+ height: 400!important;
|
|
|
+}
|
|
|
.overview {
|
|
|
height: 100vh;
|
|
|
background: rgba(247, 249, 250, 1);
|
|
@@ -1135,7 +1141,7 @@ export default {
|
|
|
border-radius: 90px;
|
|
|
font-size: 1.2rem;
|
|
|
text-align: center;
|
|
|
- line-height: 16px;
|
|
|
+ line-height: 18px;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
}
|