<template>
|
<div class="containerM">
|
<MainLeft v-if="left1"></MainLeft> <!-- 首页概况 -->
|
<MainLeftQY v-if="left2"></MainLeftQY> <!-- 企业运营 -->
|
<MainLeftSafe v-if="left7" ref="MainSafeCoMpany"></MainLeftSafe> <!-- 安全 -->
|
<MainLeftEme v-if="left4"></MainLeftEme> <!-- 应急指挥 -->
|
<MainLeftev v-if="left5"></MainLeftev><!-- 环境 -->
|
<MainLeftWater v-if="left6"></MainLeftWater><!-- 水务 -->
|
<MainLeftSafe2 v-if="left3"></MainLeftSafe2><!-- 安全2 -->
|
<MainLeftInver v-if="left8"></MainLeftInver><!-- 招商 -->
|
<MainWaterLeft2 v-if="left9"></MainWaterLeft2><!-- 水务2 -->
|
</div>
|
</template>
|
|
<script>
|
import MainLeft from "./Parkoverview/index.vue"
|
import MainLeftQY from "./EnterpriseOperation/index.vue"
|
import MainLeftEme from './Emergency/index.vue'
|
import MainLeftev from './Environmental/index.vue'
|
import MainLeftSafe from './Safe/index.vue'
|
import MainLeftSafe2 from './Safe/Indexleft2.vue'
|
import MainLeftWater from './water/index.vue'
|
// import MainLeftWater from './water/indexVideo.vue'
|
import MainLeftInver from './investment/index.vue'
|
import MainWaterLeft2 from './water/indexVideo.vue'
|
|
|
|
export default {
|
components: {
|
MainLeft,
|
MainLeftQY,
|
MainLeftEme,
|
MainLeftev,
|
MainLeftSafe,
|
MainLeftSafe2,
|
MainLeftWater,
|
MainLeftInver,
|
MainWaterLeft2
|
},
|
data() {
|
return {
|
left1:true,
|
left2:false,
|
left3:false,
|
left4:false,
|
left5:false,
|
left6:false,
|
left7:false,
|
left8:false,
|
left9:false,
|
};
|
},
|
|
methods: {
|
compentLeftInit(){
|
this.left1=false;
|
this.left2=false;
|
this.left3=false;
|
this.left4=false;
|
this.left5=false;
|
this.left6=false;
|
this.left7=false;
|
this.left8=false;
|
this.left9=false;
|
},
|
|
componentDisplay(parm) {
|
this.compentLeftInit();
|
switch (parm) {
|
case "0":
|
this.left1 = true;
|
break;
|
case "1":
|
this.left2 = true;
|
break;
|
case "2":
|
this.left3 = true;
|
break;
|
case "3":
|
this.left4 = true;
|
break;
|
case "4":
|
this.left5 = true;
|
break;
|
case "5":
|
this.left6 = true;
|
//this.left9 = true;
|
break;
|
case "6":
|
this.left8 = true;
|
break;
|
}
|
|
if(this.left3!=true&&this.left7!=true){
|
if(window.sceneObj.handler!=null){
|
window.sceneObj.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
}
|
// if(window.sceneObj.WHPQYFB!=null){
|
// window.sceneObj.WHPQYFB.setVisibility(false);
|
// }
|
this.$store.commit('savePath', "");
|
}
|
|
|
if(this.left6!=true&&this.left9!=true){
|
if(window.sceneObj.handler!=null){
|
window.sceneObj.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
}
|
if(window.sceneObj.WaterLocList.length>0){
|
for(let i=0;i<window.sceneObj.WaterLocList.length;i++){
|
window.sceneObj.WaterLocList[i].deleteObject();
|
}
|
}
|
this.$store.commit('savewaterClock', "");
|
}
|
|
|
|
},
|
},
|
|
|
watch: {
|
'$store.state.Pid': {
|
deep: true, //深度监听
|
handler(newValue, oldValue) {
|
if(newValue==""){
|
if(window.sceneObj.handler!=null){
|
window.sceneObj.handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
|
}
|
// if(window.sceneObj.WHPQYFB!=null){
|
// window.sceneObj.WHPQYFB.setVisibility(false);
|
// }
|
return;
|
}
|
this.compentLeftInit();
|
this.left7=true;
|
},
|
},
|
|
'$store.state.waterClock': {
|
deep: true, //深度监听
|
handler(newValue, oldValue) {
|
if(newValue!=""){
|
this.compentLeftInit();
|
this.left9=true;
|
}
|
|
},
|
},
|
|
|
|
|
},
|
|
|
|
|
}
|
</script>
|
|
<style scoped="scoped" lang="less">
|
.containerM {
|
margin-top: 140px;
|
margin-left: 10px;
|
height: calc(100% - 210px);
|
width: calc(100% - 117px);
|
}
|
</style>
|
