|
@@ -78,8 +78,7 @@
|
|
|
transform: item.expand ? 'rotate(0)' : 'rotate(180deg)',
|
|
|
}"
|
|
|
>
|
|
|
- <!-- <img v-if="item.showColor" :src="`../../assets/images/icons/${skinMode === 'light'?'arrow':'expand_dark'}.png`" /> -->
|
|
|
- <img v-if="item.showColor" src="`../../assets/images/icons/arrow.png`" />
|
|
|
+ <img v-if="item.showColor" src="../../assets/images/icons/arrow.png" />
|
|
|
<img v-else src="../../assets/images/icons/grey.png" />
|
|
|
</div>
|
|
|
<div class="system-equipments">
|
|
@@ -1184,7 +1183,6 @@ export default {
|
|
|
return {
|
|
|
weight: 1,
|
|
|
color: vm.skinMode === "light" ? "#B3D2FF" :"#56a3c2",
|
|
|
- // fillColor: vm.skinMode === "light" ? "#DEECFF" : "red",
|
|
|
fillColor: vm.skinMode === "light" ? "#DEECFF" : "#21285c",
|
|
|
fillOpacity: vm.skinMode === "light" ? 0.2 : 1
|
|
|
};
|
|
@@ -1555,9 +1553,24 @@ export default {
|
|
|
let marker = L.marker(center, { icon: textIcon }).addTo(groupLayer);
|
|
|
let marker2 = L.marker(center, { icon: circleIcon }).addTo(groupLayer);
|
|
|
let feaureGroup = L.featureGroup([marker, marker2]);
|
|
|
+
|
|
|
+ popup.on('add' , (ev) => {
|
|
|
+ let popupDom = document.querySelectorAll('.leaflet-mypopup-content')[0]
|
|
|
+ let tipDom = document.querySelectorAll('.leaflet-popup-tip')[0]
|
|
|
+ console.log(tipDom)
|
|
|
+ if (this.skinMode === 'light') {
|
|
|
+ popupDom.setAttribute('class', 'leaflet-mypopup-content')
|
|
|
+ tipDom.style.background="white"
|
|
|
+ } else {
|
|
|
+ popupDom.setAttribute('class', 'dark-leaflet-mypopup-content')
|
|
|
+ tipDom.style.background="#09173E"
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
marker2.on("mouseover", (ev) => {
|
|
|
- popup.openOn(myMaps);
|
|
|
+ popup.openOn(myMaps);
|
|
|
});
|
|
|
+
|
|
|
marker2.on("mouseout", (ev) => {
|
|
|
myMaps.closePopup(popup);
|
|
|
});
|
|
@@ -1615,10 +1628,10 @@ export default {
|
|
|
? "段"
|
|
|
: "台"
|
|
|
}</span>
|
|
|
- <span><span style="display: inline-block;width: 16px;height: 16px;line-height: 16px;border-radius: 8px; color: white; background : #F54E45;text-align: center;cursor: default;">!</span><em>${
|
|
|
- item.is_exception_num
|
|
|
- }</em></span>
|
|
|
- </div>`;
|
|
|
+ <span><span style="display: inline-block;width: 16px;height: 16px;line-height: 16px;border-radius: 8px; color: white; background : #F54E45;text-align: center;cursor: default;">!</span><em>${
|
|
|
+ item.is_exception_num
|
|
|
+ }</em></span>
|
|
|
+ </div>`;
|
|
|
} else {
|
|
|
html += `<div class="line">
|
|
|
<span>${item.category_name}</span>
|
|
@@ -1632,7 +1645,7 @@ export default {
|
|
|
</div>`;
|
|
|
}
|
|
|
}
|
|
|
- return `<div class="leaflet-mypopup-content"><div class="title"><span>${name}</span>-<span>${that.currentSelectedSys.smsxtname}</span></div>${html}</div>`;
|
|
|
+ return `<div class="leaflet-mypopup-content" }"><div class="title"><span>${name}</span>-<span>${that.currentSelectedSys.smsxtname}</span></div>${html}</div>`;
|
|
|
} else {
|
|
|
return "";
|
|
|
}
|