joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

代码调整

Browse Source
This commit is contained in:
joylink_cuiweidong 2022-10-18 17:20:40 +08:00
parent bf098fc8e1
commit acde5489ca
1 changed files with 23 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/iscs/iscsSystemNew/stationConfig/environment.vue
View File

@ -3,17 +3,17 @@
<div class="Substation" :style="{'background':bacground}">
<div class="Substation_header">{{ title }}</div>
<div v-if="mode.includes('environmentFive')" class="environmentFive-box">
<div class="button_box" :class="{'active': mode == 'environmentFive01'}" @click="handleButton('01', mode == 'environmentFive01')">小系统1模式</div>
<div class="button_box" :class="{'active': mode == 'environmentFive02'}" @click="handleButton('02', mode == 'environmentFive02')">小系统2模式</div>
<div class="button_box" :class="{'active': mode == 'environmentFive03'}" @click="handleButton('03', mode == 'environmentFive03')">小系统3模式</div>
<div class="button_box" :class="{'active': userInterface == 'environmentFive01'}" @click="handleButton('01', userInterface == 'environmentFive01')">小系统1模式</div>
<div class="button_box" :class="{'active': userInterface == 'environmentFive02'}" @click="handleButton('02', userInterface == 'environmentFive02')">小系统2模式</div>
<div class="button_box" :class="{'active': userInterface == 'environmentFive03'}" @click="handleButton('03', userInterface == 'environmentFive03')">小系统3模式</div>
</div>
<div v-if="mode.includes('environmentNine')" class="environmentFive-box">
<div class="button_box" :class="{'active': mode == 'environmentNine01'}" @click="handleIllumination('01', mode == 'environmentNine01')">照明系统</div>
<div class="button_box" :class="{'active': mode == 'environmentNine02'}" @click="handleIllumination('02', mode == 'environmentNine02')">照明系统监测</div>
<div class="button_box" :class="{'active': userInterface == 'environmentNine01'}" @click="handleIllumination('01', userInterface == 'environmentNine01')">照明系统</div>
<div class="button_box" :class="{'active': userInterface == 'environmentNine02'}" @click="handleIllumination('02', userInterface == 'environmentNine02')">照明系统监测</div>
</div>
<div v-if="mode.includes('environmentEleven') || mode.includes('environmentTwelve')" class="environmentFive-box">
<div class="button_box" :class="{'active': mode == 'environmentEleven'}" @click="handleEnvironment('environmentEleven', mode == 'environmentEleven', '人防门')">人防门</div>
<div class="button_box" :class="{'active': mode == 'environmentTwelve'}" @click="handleEnvironment('environmentTwelve', mode == 'environmentTwelve', '防淹门系统')">防淹门</div>
<div v-if="userInterface.includes('environmentEleven') || userInterface.includes('environmentTwelve')" class="environmentFive-box">
<div class="button_box" :class="{'active': userInterface == 'environmentEleven'}" @click="handleEnvironment('environmentEleven', userInterface == 'environmentEleven', '人防门')">人防门</div>
<div class="button_box" :class="{'active': userInterface == 'environmentTwelve'}" @click="handleEnvironment('environmentTwelve', userInterface == 'environmentTwelve', '防淹门系统')">防淹门</div>
</div>
<div>
<iscsSystem ref="iscsPlate" />
@ -50,6 +50,7 @@ export default {
data() {
return {
title: '',
userInterface:'',
bacground: 'rgba(0,0,0,0)',
loading: false,
width: window.innerWidth,
@ -60,7 +61,6 @@ export default {
},
watch:{
'mode':function() {
debugger;
this.getInitData();
}
},
@ -70,28 +70,29 @@ export default {
methods:{
handleButton(type, judge) {
if (!judge) {
this.mode = `environmentFive${type}`;
this.system = 'environmentFive';
this.title = `${this.stationName} 小系统${Number(type)}原理图`;
this.getDetail();
this.userInterface = `environmentFive${type}`;
this.getDetail(this.userInterface);
}
},
handleIllumination(type, judge) {
if (!judge) {
this.mode = `environmentNine${type}`;
this.system = 'environmentNine';
this.title = `${this.stationName} 照明系统`;
this.getDetail();
this.userInterface = `environmentNine${type}`;
this.getDetail(this.userInterface);
}
},
handleEnvironment(type, judge, name) {
if (!judge) {
this.mode = type;
this.title = `${this.stationName} ${name}`;
this.getDetail();
this.userInterface = type;
this.getDetail(this.userInterface );
}
},
getInitData() {
let userInterface = '';
this.system = 'environment';
if (this.mode == 'environmentThree') {
this.title = this.stationName + ' 隧道通风系统';
@ -102,7 +103,7 @@ export default {
this.scaleRate = window.innerWidth / 2000;
this.height = 900;
} else if (this.mode == 'environmentFive') {
this.mode = 'environmentFive01';
userInterface = 'environmentFive01';
this.system = 'environmentFive';
this.title = this.stationName + ' 小系统1原理图';
this.scaleRate = window.innerWidth / 2000;
@ -121,7 +122,7 @@ export default {
this.height = 900;
} else if (this.mode == 'environmentNine') {
this.system = 'environmentNine';
this.mode = 'environmentNine01';
userInterface = 'environmentNine01';
this.title = this.stationName + ' 照明系统';
this.scaleRate = window.innerWidth / 1920;
this.height = 800;
@ -137,20 +138,22 @@ export default {
this.title = this.stationName + ' 人防门';
this.scaleRate = window.innerWidth / 1920;
this.height = 900;
userInterface = this.mode;
} else if (this.mode == 'environmentTwelve') {
this.title = this.stationName + ' 防淹门系统';
this.scaleRate = window.innerWidth / 1920;
this.height = 900;
}
this.getDetail();
this.userInterface = userInterface;
this.getDetail(userInterface);
},
getDetail() {
getDetail(userInterface) {
const params = {
// lineCode: this.$route.query.lineCode,
mapId: this.$route.query.mapId,
system: this.system,
totalSystem :'environment02',
userInterface : this.mode
userInterface : userInterface || this.mode
};
this.loading = true;
this.$refs.iscsPlate.show({}, this.width, this.height, this.scaleRate);