|
@@ -13,9 +13,9 @@
|
|
|
<div class="home-right">
|
|
|
<span style="color: #8d9399">
|
|
|
<span class="span3">{{ times }}</span>
|
|
|
- <img @mouseenter="showSwitchTip = true" @mouseleave="delayToHideTip" src="../../assets/images/icons/switch.png">
|
|
|
- <div class="tip" v-show="showSwitchTip" @mouseenter="cancelHideTip" @mouseleave="showSwitchTip = false" @click="changeSkin" >
|
|
|
- {{skinMode === 'light' ? '切换深色版':'切换浅色版'}}
|
|
|
+ <img @click="changeSkin" @mouseenter="showSwitchTip = true" @mouseleave="delayToHideTip" src="../../assets/images/icons/switch.png">
|
|
|
+ <div class="tip" v-show="showSwitchTip" @mouseenter="cancelHideTip" @mouseleave="showSwitchTip = false" >
|
|
|
+ {{skinMode === 'light' ? '切换驾驶舱':'切换集团首页'}}
|
|
|
</div>
|
|
|
</span>
|
|
|
</div>
|
|
@@ -448,6 +448,7 @@ export default {
|
|
|
东莞: { center: [23.644524198573688, 114.83844948916203], zoom: 8 },
|
|
|
南宁: { center: [22.48, 108.19], zoom: 7 },
|
|
|
广州: { center: [22.755920681486405, 112.01244459124548], zoom: 7 },
|
|
|
+ 深圳: { center: [22.755920681486405, 112.01244459124548], zoom: 7 },
|
|
|
太原: { center: [37.54, 112.33], zoom: 7 },
|
|
|
武汉: { center: [31.147006308556566, 112.97898510653813], zoom: 7 },
|
|
|
郑州: { center: [34.46, 113.4], zoom: 7 },
|
|
@@ -533,25 +534,27 @@ export default {
|
|
|
const vm = this
|
|
|
const mapDom = document.querySelector("#map")
|
|
|
const icons = mapDom.querySelectorAll(".my-leaflet-div-icon")
|
|
|
- if (this.skinMode === 'light') {
|
|
|
- this.skinMode = 'dark'
|
|
|
- icons.forEach(dom => {
|
|
|
- dom.style.color = "#FFF"
|
|
|
- })
|
|
|
- } else {
|
|
|
- this.skinMode = 'light'
|
|
|
- icons.forEach(dom => {
|
|
|
- dom.style.color = "#333"
|
|
|
- })
|
|
|
- }
|
|
|
- if (this.mapLayer) {
|
|
|
- this.mapLayer.setStyle({
|
|
|
- weight: 1,
|
|
|
- color: vm.skinMode === "light" ? "#B3D2FF" :"#56a3c2",
|
|
|
- fillColor: vm.skinMode === "light" ? "#DEECFF" : "#21285c",
|
|
|
- fillOpacity: vm.skinMode === "light" ? 0.2 : 1
|
|
|
- })
|
|
|
- }
|
|
|
+ this.$nextTick(()=>{
|
|
|
+ if (this.skinMode === 'light') {
|
|
|
+ this.skinMode = 'dark'
|
|
|
+ icons.forEach(dom => {
|
|
|
+ dom.style.color = "#FFF"
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ this.skinMode = 'light'
|
|
|
+ icons.forEach(dom => {
|
|
|
+ dom.style.color = "#333"
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if (this.mapLayer) {
|
|
|
+ this.mapLayer.setStyle({
|
|
|
+ weight: 1,
|
|
|
+ color: vm.skinMode === "light" ? "#B3D2FF" :"#56a3c2",
|
|
|
+ fillColor: vm.skinMode === "light" ? "#DEECFF" : "#21285c",
|
|
|
+ fillOpacity: vm.skinMode === "light" ? 0.2 : 1
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
downloadExcel() {
|
|
|
let tableContent = document.querySelector("#tableReport").outerHTML;
|