From fc9b2dd35b7a10998112f74f705c1d1494fc401e Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Sat, 24 Apr 2021 17:25:42 +0800
Subject: [PATCH] 地图细节优化
---
public/map/popup/html/FlareClusterLayer_v3.html | 44 +++++++++++++++++++++++++++++++++++++++-----
1 files changed, 39 insertions(+), 5 deletions(-)
diff --git a/public/map/popup/html/FlareClusterLayer_v3.html b/public/map/popup/html/FlareClusterLayer_v3.html
index 6944d37..c5acf79 100644
--- a/public/map/popup/html/FlareClusterLayer_v3.html
+++ b/public/map/popup/html/FlareClusterLayer_v3.html
@@ -19,6 +19,7 @@
#appliu {
/* border: 1px solid #000; */
border-radius: 5px 5px 5px 5px;
+ width: ;
}
.names {
@@ -42,6 +43,17 @@
padding-left: 8px;
/* border: 1px solid rgb(30, 160, 192); */
}
+ /* .msgs::after{
+ content: '';
+ display: block;
+ width: 10px;
+ height: 10px;
+ background-color: aquamarine;
+ z-index: 1111111;
+ position: relative;
+ top: 40px;
+ left: 20px;
+ } */
</style>
</head>
@@ -63,7 +75,8 @@
el: '#appliu',
data: {
num: '',
- name: ''
+ name: '',
+ statesss: '',
},
ourData: '',
// ip2: '',
@@ -80,11 +93,32 @@
me.name = dat.deviceName.length >= 13 ? dat.deviceName.substring(0, 13) + '···' : dat.deviceName;
this.num = "无数据" && dat.deviceNumber;
var ct = document.getElementsByClassName('names')[0];
- if (dat.onlineStatus == 1) {
- ct.style.backgroundImage = 'linear-gradient(to right, #3DDEA8 , #1FBD9A';
- } else {
- ct.style.backgroundImage = 'linear-gradient(to right, #787878 , #5F5F5F';
+ // if (dat.onlineStatus == 1) {
+ // ct.style.backgroundImage = 'linear-gradient(to right, #3DDEA8 , #1FBD9A';
+ // } else {
+ // ct.style.backgroundImage = 'linear-gradient(to right, #787878 , #5F5F5F';
+ // }
+ if (dat.state != '') {
+ ct.style.backgroundImage = 'linear-gradient(to right, #F49966 , #F49966';
+ // cordActive.style.backgroundImage = 'linear-gradient(to right, #F49966 , #F49966';
+ this.statesss = '故障';
+ } else {
+ if (dat.jtype != 1) {
+ if (dat.onlineStatus == 1) {//el-tabs__active-bar
+ ct.style.backgroundImage = 'linear-gradient(to right, #32C1A2 , #32C1A2';
+ // cordActive.style.backgroundImage = 'linear-gradient(to right, #32C1A2 , #32C1A2';
+ this.statesss = '在线';
+ } else {
+ ct.style.backgroundImage = 'linear-gradient(to right, #CDCDCD , #CDCDCD';
+ // cordActive.style.backgroundImage = 'linear-gradient(to right, #CDCDCD , #CDCDCD';
+ this.statesss = '离线';
+ }
+ } else {
+ ct.style.backgroundImage = 'linear-gradient(to right, #F35B5B , #F35B5B';
+ // cordActive.style.backgroundImage = 'linear-gradient(to right, #F35B5B , #F35B5B';
+ this.statesss = '警报';
+ }
}
}
},
--
Gitblit v1.9.3