<template>
|
<div class="containerMR">
|
<!-- <button @click="Test()" style="height: 500px; width: 500px;"></button> -->
|
<mainRight v-if="right1"></mainRight> <!-- 首页概况 -->
|
<mainRightQY v-else-if="right2"></mainRightQY> <!-- 企业运营 -->
|
<mainRightSF v-else-if="right3" ></mainRightSF><!-- 企业安全生产 -->
|
<mainRightYJ v-else-if="right4"></mainRightYJ> <!-- 应急管理-->
|
<mainRightHJ v-else-if="right5"></mainRightHJ> <!-- 环境监测 -->
|
<mainRightWater v-else-if="right6"></mainRightWater><!-- 智慧水务 -->
|
<mainindexSF2 v-else-if="right7" ></mainindexSF2><!-- 企业安全生产2 -->
|
<MainRightInver v-else-if="right8" ></MainRightInver><!-- 企业安全生产2 -->
|
<MainRightWater2 v-else-if="right9"></MainRightWater2><!-- 智慧水务2 -->
|
</div>
|
|
</template>
|
|
<script>
|
|
import mainRight from './Parkoverview/index.vue'
|
import mainRightQY from './EnterpriseOperation/index.vue'
|
import mainRightYJ from './Emergency/index.vue'
|
import mainRightHJ from './Environmental/index.vue'
|
import mainRightSF from './Safe/index.vue'
|
import mainRightWater from './water/index.vue'
|
import mainindexSF2 from './Safe/indexSF2.vue'
|
import MainRightInver from './investment/index.vue'
|
import MainRightWater2 from './water/indexRight2.vue'
|
|
|
export default {
|
components: {
|
mainRight,
|
mainRightQY,
|
mainRightYJ,
|
mainRightHJ,
|
mainRightSF,
|
mainindexSF2,
|
mainRightWater,
|
MainRightInver,
|
MainRightWater2
|
},
|
data() {
|
return {
|
right1: true,
|
right2: false,
|
right3: false,
|
right4: false,
|
right5: false,
|
right6: false,
|
right7: false,
|
right8: false,
|
right9:false
|
};
|
},
|
|
methods: {
|
componmentInit() {
|
this.right1 = false;
|
this.right2 = false;
|
this.right3 = false;
|
this.right4 = false;
|
this.right5 = false;
|
this.right6 = false;
|
this.right7 = false;
|
this.right8 = false;
|
this.right9=false;
|
},
|
|
componentDisplay(parm) {
|
this.componmentInit();
|
switch (parm) {
|
case "0":
|
this.right1 = true;
|
break;
|
case "1":
|
this.right2 = true;
|
break;
|
case "2":
|
this.right3 = true;
|
break;
|
case "3":
|
|
this.right4 = true;
|
break;
|
case "4":
|
this.right5 = true;
|
break;
|
case "5":
|
this.right6=true;
|
//this.right9 = true;
|
break;
|
case "6":
|
this.right8 = true;
|
break;
|
|
}
|
|
if(this.right3!=true&&this.right8!=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', "")
|
}
|
|
|
|
|
},
|
|
|
|
},
|
|
|
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.componmentInit();
|
this.right7=true;
|
},
|
},
|
|
'$store.state.waterClock': {
|
deep: true, //深度监听
|
handler(newValue, oldValue) {
|
if(newValue!=""){
|
this.componmentInit();
|
this.right9=true;
|
}
|
},
|
},
|
|
|
},
|
|
|
|
|
|
|
}
|
</script>
|
|
<style scoped="scoped" lang="less">
|
.containerMR {
|
margin-top: 140px;
|
margin-left: 135px;
|
margin-right: 20px;
|
height: calc(100% - 210px);
|
width: calc(100% - 117px);
|
}
|
</style>
|
