|
@@ -123,7 +123,7 @@
|
|
|
<transition name="selectDownUpExtendTop">
|
|
|
<div class="tool-tip" v-if="item.showToolTip">
|
|
|
<h5 style="font-weight:bold;">{{item.title + '比值'}}</h5>
|
|
|
- <p>{{item.title === '专维' ? '逾期未完成/即将逾期/今年总任务' : '即将逾期/当月总任务'}}</p>
|
|
|
+ <p>{{item.title === '专维' ? '逾期未完成/即将逾期/本年总任务' : '即将逾期/当月总任务'}}</p>
|
|
|
<div class="tip-triangle" :style="{left: item.title === '第三方检测' ? '12.5rem': '7.8rem'}"> </div>
|
|
|
</div>
|
|
|
</transition>
|
|
@@ -190,7 +190,7 @@ export default {
|
|
|
"东南": 'dongnan',
|
|
|
"其他": 'Other'
|
|
|
},
|
|
|
- provinceCities: { // 各个区域的的中心坐标 缩放级别
|
|
|
+ provinceCities: { // 各个区域的的中心坐标 缩放级别
|
|
|
"青岛": { center: [36.06667, 120.33333], zoom: 8 },
|
|
|
"北京": { center: [39.604882122321174, 116.43660987308282], zoom: 8 },
|
|
|
"天津": { center: [39.130593, 117.260892], zoom: 7 },
|
|
@@ -263,7 +263,7 @@ export default {
|
|
|
...mapGetters(['plazas', 'plazaId', 'accessLevel'])
|
|
|
},
|
|
|
watch: {
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
created() {
|
|
|
this.currentTime()
|
|
@@ -340,7 +340,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
/**
|
|
|
- * @Description 通过导航进行导航
|
|
|
+ * @Description 通过导航进行导航
|
|
|
* @Param id 所选区域的id
|
|
|
* @Param index 点击项的序号
|
|
|
*/
|
|
@@ -354,8 +354,8 @@ export default {
|
|
|
this.currentLevel = level
|
|
|
this.currentZoneData = data
|
|
|
this.getEventStatusData(level, data.ccode)
|
|
|
- this.queryPlazaInfoCount(data.ccode, data.level, data.cid)
|
|
|
- this.getSystemList(data.ccode, data.level)
|
|
|
+ this.queryPlazaInfoCount(data.ccode, data.level, data.cid)
|
|
|
+ this.getSystemList(data.ccode, data.level)
|
|
|
if (level === 1) {
|
|
|
this.pantGroupMap(data, this.currentSysId)
|
|
|
} else if (level === 2) {
|
|
@@ -404,7 +404,7 @@ export default {
|
|
|
} else { // 点击项为广场时 直接跳转到详情页 地图不用响应
|
|
|
|
|
|
let pathData = {fromGroup: 'true'}
|
|
|
- let routeData = this.$router.resolve({
|
|
|
+ let routeData = this.$router.resolve({
|
|
|
name:'/home/homePage',
|
|
|
})
|
|
|
window.open(routeData.href, '_blank');
|
|
@@ -413,11 +413,11 @@ export default {
|
|
|
plazaName: data.cname,
|
|
|
plazaId: data.ccode
|
|
|
}
|
|
|
- this.$store.commit('SETPLAZENAME', data.cname)
|
|
|
+ this.$store.commit('SETPLAZENAME', data.cname)
|
|
|
localStorage.setItem('PLAZAID', data.ccode)
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
/**
|
|
|
* @Description 查询项目信息统计数量
|
|
|
* @Param ccode 管理分区编码 必填
|
|
@@ -504,7 +504,7 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
/**
|
|
|
- * @Description 展开 维保 第三方检测 专维
|
|
|
+ * @Description 展开 维保 第三方检测 专维
|
|
|
* @Param item 展开的某一项
|
|
|
*/
|
|
|
toggerPanel(item) {
|
|
@@ -539,7 +539,7 @@ export default {
|
|
|
/**
|
|
|
*@Description 根据数据计算维保/第三方检测/专维各自颜色条的长度 维保、第三方检测是用即将逾期数据判断;专维是如果有逾期未完成直接标红,如果没有,按照即将逾期的数量显示颜色
|
|
|
*@Param item 某一项的数据
|
|
|
- *@Param title 标题
|
|
|
+ *@Param title 标题
|
|
|
*/
|
|
|
barStyle(item, title) {
|
|
|
let bg = ''
|
|
@@ -567,11 +567,11 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
/**
|
|
|
- * @Description 根据数据来返 维保/第三方检测/专维 三个模块中显示条的颜色
|
|
|
+ * @Description 根据数据来返 维保/第三方检测/专维 三个模块中显示条的颜色
|
|
|
* @Param num 即将逾期数 / 逾期未完成数
|
|
|
* @Param total 总数
|
|
|
*/
|
|
|
- selectColorByNum (num, total) {
|
|
|
+ selectColorByNum (num, total) {
|
|
|
let devide = num / total
|
|
|
if ( (num > 1 && num <=24 ) || ( devide > 0.1 && devide <=0.2 ) ) {
|
|
|
return 0
|
|
@@ -581,7 +581,7 @@ export default {
|
|
|
return 2
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
/**
|
|
|
* @Description 根据数据 判定地图上图标的显示显示颜色
|
|
|
* @Param data 作为判断的数据
|
|
@@ -608,7 +608,7 @@ export default {
|
|
|
this.times = moment().format('YYYY.MM.DD HH:mm')
|
|
|
setTimeout(this.currentTime, 1000)
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
/**
|
|
|
* @Description 格式化时间
|
|
|
* @method param empty
|
|
@@ -628,7 +628,7 @@ export default {
|
|
|
* @method param plazaId 广场id 如果是广场则此参数必填 其他情况下非必填
|
|
|
*/
|
|
|
getSystemList(ccode, level) {
|
|
|
- let params = null
|
|
|
+ let params = null
|
|
|
if (level === 0) {
|
|
|
params = {getParams:{plazaId: ccode, level}}
|
|
|
} else {
|
|
@@ -674,7 +674,7 @@ export default {
|
|
|
* @Param ccode 管理分区编码 必填
|
|
|
* @Param level 1集团 2中心 3区域 0广场 必填
|
|
|
*/
|
|
|
- getEventStatusData(level, ccode) {
|
|
|
+ getEventStatusData(level, ccode) {
|
|
|
let params = {
|
|
|
getParams: {
|
|
|
level,
|
|
@@ -751,13 +751,13 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}).addTo(myMaps)
|
|
|
- if (this.currentLevel === 1) {//1集团
|
|
|
+ if (this.currentLevel === 1) {//1集团
|
|
|
this.pantGroupMap(this.currentZoneData, this.currentSysId)
|
|
|
} else if (this.currentLevel === 2) { // 2中心
|
|
|
this.pantZonesMap(this.currentZoneData, this.currentSysId)
|
|
|
- } else if (this.currentLevel === 3) { // 3区域
|
|
|
+ } else if (this.currentLevel === 3) { // 3区域
|
|
|
this.pantProjectsMap(this.currentZoneData, this.currentSysId)
|
|
|
- }
|
|
|
+ }
|
|
|
},
|
|
|
/**
|
|
|
* @Description 清空地图 并添加全国底图
|
|
@@ -820,7 +820,7 @@ export default {
|
|
|
let promise = new Promise((resolve, reject) => {
|
|
|
let params = {
|
|
|
getParams: {
|
|
|
- smsxt: this.currentSysId,
|
|
|
+ smsxt: this.currentSysId,
|
|
|
level: 2, // 中心
|
|
|
ccode: item.ccode
|
|
|
}
|
|
@@ -893,7 +893,7 @@ export default {
|
|
|
let promise = new Promise((resolve, reject) => {
|
|
|
let params = {
|
|
|
getParams: {
|
|
|
- smsxt: this.currentSysId,
|
|
|
+ smsxt: this.currentSysId,
|
|
|
level: 3, // 区域
|
|
|
ccode: item.ccode
|
|
|
}
|
|
@@ -901,7 +901,7 @@ export default {
|
|
|
querySystemCard(params).then(res => {
|
|
|
if (res.result === 'success') {
|
|
|
let name = item.cname.split('区域')[0]
|
|
|
-
|
|
|
+
|
|
|
let num = 0
|
|
|
if (res.data) {
|
|
|
let equip = res.data[0]
|
|
@@ -961,7 +961,7 @@ export default {
|
|
|
let params = {
|
|
|
getParams: {
|
|
|
plazaId: item.cid, // 所查对象是广场的时候plazaId必传
|
|
|
- smsxt: this.currentSysId,
|
|
|
+ smsxt: this.currentSysId,
|
|
|
level: 0, // 广场
|
|
|
ccode: item.ccode
|
|
|
}
|
|
@@ -1027,14 +1027,14 @@ export default {
|
|
|
html: type =='group' ? name :`<div>${name}</div>`,
|
|
|
className: 'my-leaflet-div-icon',
|
|
|
iconSize: 30
|
|
|
- })
|
|
|
+ })
|
|
|
let circleIcon = L.icon({
|
|
|
iconUrl: require(`../../assets/images/icons/${color}.png`),
|
|
|
iconSize: [24, 24],
|
|
|
iconAnchor: [16, 38],
|
|
|
});
|
|
|
-
|
|
|
- if (color && center) {
|
|
|
+
|
|
|
+ if (color && center) {
|
|
|
let popup = L.popup({closeOnClick:true,offset: [-3,-20]}).setLatLng(center).setContent(contentHtml)
|
|
|
let marker = L.marker(center, { icon: textIcon }).addTo(groupLayer)
|
|
|
let marker2 = L.marker(center,{ icon: circleIcon} ).addTo(groupLayer)
|
|
@@ -1059,10 +1059,10 @@ export default {
|
|
|
this.createNavpathByData(data)
|
|
|
if (type === 'group') {
|
|
|
this.pantZonesMap(data, this.currentSysId)
|
|
|
- }
|
|
|
+ }
|
|
|
if (type === 'zone') {
|
|
|
this.pantProjectsMap(data, this.currentSysId)
|
|
|
- }
|
|
|
+ }
|
|
|
if (type === 'project') {
|
|
|
let routeData = this.$router.resolve({
|
|
|
name:'/home/homePage',
|
|
@@ -1073,9 +1073,9 @@ export default {
|
|
|
plazaName: data.cname,
|
|
|
plazaId: data.ccode
|
|
|
}
|
|
|
- this.$store.commit('SETPLAZENAME', data.cname)
|
|
|
+ this.$store.commit('SETPLAZENAME', data.cname)
|
|
|
localStorage.setItem('PLAZAID', data.ccode)
|
|
|
- }
|
|
|
+ }
|
|
|
})
|
|
|
}
|
|
|
},
|
|
@@ -1109,7 +1109,7 @@ export default {
|
|
|
return ''
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
window.removeEventListener('resize', this.reinitalMap)
|
|
@@ -1149,7 +1149,7 @@ export default {
|
|
|
box-shadow: 0px 2px 10px 0px rgba(31, 35, 41, 0.1);
|
|
|
overflow: hidden;
|
|
|
.home {
|
|
|
- width: 285px;
|
|
|
+ width: 265px;
|
|
|
height: 48px;
|
|
|
// line-height: 48px;
|
|
|
text-align: center;
|
|
@@ -1300,9 +1300,9 @@ export default {
|
|
|
margin-left: 1.2rem;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.system-general {
|
|
|
- width: 29.4%;
|
|
|
+ width: 25.4%;
|
|
|
box-sizing: border-box;
|
|
|
background: white;
|
|
|
.system-main-title {
|
|
@@ -1328,7 +1328,7 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
width: 25%;
|
|
|
- padding: 1.2rem 0 1.2rem 1rem ;
|
|
|
+ padding: 1.2rem 0 1.2rem 1rem ;
|
|
|
border-right: 1px solid #EFF0F1;
|
|
|
.img {
|
|
|
height: 2.8rem;
|
|
@@ -1435,7 +1435,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.map-box {
|
|
|
- width: calc(52.6% - 2.4rem);
|
|
|
+ width: calc(56.6% - 2.4rem);
|
|
|
margin: 0 12px;
|
|
|
.cards-list {
|
|
|
display: flex;
|
|
@@ -1484,9 +1484,9 @@ export default {
|
|
|
#map {
|
|
|
height: 70vh;
|
|
|
overflow: hidden;
|
|
|
-
|
|
|
+
|
|
|
svg {
|
|
|
- pointer-events: none;
|
|
|
+ pointer-events: none;
|
|
|
}
|
|
|
}
|
|
|
.legend {
|
|
@@ -1596,4 +1596,5 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
|
|
+
|