|
|
@@ -11,14 +11,12 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="home-right">
|
|
|
- <span style="color: #8d9399">
|
|
|
- <span class="span3">{{ times }}</span>
|
|
|
- <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" >
|
|
|
+ <span class="span3" :style="{color: skinMode === 'light' ? '#8e9298' : 'white'}">{{ times }}</span>
|
|
|
+ <img @click="changeSkin" src="../../assets/images/icons/switch.png">
|
|
|
+ <div class="tip" :style="{color: skinMode === 'light' ? '#8e9298' : '#69c4df'}" @click="changeSkin" >
|
|
|
{{skinMode === 'light' ? '切换驾驶舱':'切换集团首页'}}
|
|
|
</div>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- 面包屑 -->
|
|
|
<nav class="navigation">
|
|
|
@@ -353,13 +351,13 @@
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
+ <!-- v-show="pageCount > 9" -->
|
|
|
<Pagination
|
|
|
- v-show="pageCount > 9"
|
|
|
:pageCount="pageCount"
|
|
|
style="float: right; margin-top: 20px"
|
|
|
:page="currentPage"
|
|
|
:pageSize="pageSize"
|
|
|
- :pageCountShow="true"
|
|
|
+ :pageCountShow="false"
|
|
|
@change="currentChangeHandle"
|
|
|
/>
|
|
|
</section>
|
|
|
@@ -407,7 +405,7 @@ export default {
|
|
|
testTree: true,
|
|
|
exceptionData: [],
|
|
|
storeExceptionData: [],
|
|
|
- activeName: "",
|
|
|
+ activeName: "2",
|
|
|
systemExceptionData: {},
|
|
|
showMask: false, // 控制遮罩层的显示隐藏
|
|
|
placeholder: "全部",
|
|
|
@@ -531,29 +529,27 @@ export default {
|
|
|
*/
|
|
|
changeSkin() {
|
|
|
const vm = this
|
|
|
- const mapDom = document.querySelector("#map")
|
|
|
- const icons = mapDom.querySelectorAll(".my-leaflet-div-icon")
|
|
|
- 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
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
+ const mapDom = document.querySelector("#map .leaflet-marker-pane")
|
|
|
+ const icons = mapDom.querySelectorAll(".leaflet-marker-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
|
|
|
+ })
|
|
|
+ }
|
|
|
},
|
|
|
downloadExcel() {
|
|
|
let tableContent = document.querySelector("#tableReport").outerHTML;
|
|
|
@@ -929,9 +925,9 @@ export default {
|
|
|
if (item.expand === 0) {
|
|
|
return { height: `calc((100% - 2rem) / 3)` };
|
|
|
} else if (item.expand === 1) {
|
|
|
- return { height: "calc(100% - 11.2rem)" };
|
|
|
+ return { height: "calc(100% - 14.2rem)" };
|
|
|
} else {
|
|
|
- return { height: "4.6rem" };
|
|
|
+ return { height: "6.6rem" };
|
|
|
}
|
|
|
},
|
|
|
/**
|
|
|
@@ -1199,9 +1195,6 @@ export default {
|
|
|
*@description 打开弹窗
|
|
|
*/
|
|
|
openMaskPanel(system) {
|
|
|
- if(this.skinMode === 'dark') {
|
|
|
- return false;
|
|
|
- }
|
|
|
let target = this.getDataByCityCcode(this.selectedZone)
|
|
|
if (target) {
|
|
|
this.currentDialogLevel = target.level
|
|
|
@@ -1226,6 +1219,7 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
+
|
|
|
if (this.tabData.length) {
|
|
|
this.activeName = this.tabData[0].id;
|
|
|
this.currentDialogTab = this.activeName;
|
|
|
@@ -1557,7 +1551,6 @@ export default {
|
|
|
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"
|
YaolongHan