98 lines
3.5 KiB
Vue
98 lines
3.5 KiB
Vue
<template>
|
|
<div style="height: 100%; width: 100%;overflow-y:hidden;overflow-x:hidden;position: relative;">
|
|
<psd-system v-if="mode=='psdSystem'" />
|
|
<substation v-else-if="mode=='substation'" />
|
|
<schedule v-else-if="mode=='schedule'" />
|
|
<normal v-else-if="mode.includes('environment')" />
|
|
<fas v-else-if="fasList.includes(mode)" />
|
|
<signal-system v-else-if="mode === 'signal'" />
|
|
<!-- environmentThree -->
|
|
<!-- <normal v-else-if="mode=='environmentFour'" />
|
|
<normal v-else-if="mode=='environmentFive'" />
|
|
<normal v-else-if="mode=='environmentSix'" />
|
|
<normal v-else-if="mode=='environmentSeven'" />
|
|
<normal v-else-if="mode=='environmentEight'" />
|
|
<normal v-else-if="mode=='environmentNine'" />
|
|
<normal v-else-if="mode=='environmentTen'" />
|
|
<normal v-else-if="mode=='environmentThirteen'" />
|
|
<normal v-else-if="mode=='environmentEleven'" />
|
|
<normal v-else-if="mode=='environmentTwelve'" /> -->
|
|
<!-- <big-screen v-else-if="mode === 'signal'" /> -->
|
|
<!-- <big-screen v-else-if="mode === 'signal'" /> -->
|
|
<ticket-or-entrance v-else-if="mode === 'autoTicket'" />
|
|
<!-- -->
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import PsdSystem from './psdSystem/index.vue';
|
|
import Substation from './powerMonitor/substation.vue';
|
|
import Normal from './environment/index.vue';
|
|
import Schedule from './schedule';
|
|
import Fas from './fas/index.vue';
|
|
import SignalSystem from './signalSystem/index.vue';
|
|
// import BigScreen from '@/views/designPlatform/bigScreen';
|
|
import TicketOrEntrance from './ticketOrEntrance/index';
|
|
// import BigScreen from '@/views/designPlatform/bigScreen';
|
|
import { getSimulationInfoNew } from '@/api/simulation';
|
|
import { getByGroupStationList } from '@/api/jmap/map';
|
|
import { loadRunPlanData } from '@/utils/loaddata';
|
|
export default {
|
|
components:{
|
|
Schedule,
|
|
PsdSystem,
|
|
Substation,
|
|
Normal,
|
|
// BigScreen,
|
|
SignalSystem,
|
|
Fas,
|
|
TicketOrEntrance
|
|
},
|
|
data() {
|
|
return {
|
|
mode: 'index',
|
|
deviceList: [],
|
|
fasList:['sensing', 'gas', 'section', 'linkage', 'stationHall', 'platform']
|
|
};
|
|
},
|
|
computed: {
|
|
group() {
|
|
return this.$route.query.group;
|
|
}
|
|
},
|
|
watch: {
|
|
'$route': function(val) {
|
|
this.mode = this.$route.params.mode;
|
|
},
|
|
'$store.state.socket.runPlanReloadCount': function (val) {
|
|
getSimulationInfoNew(this.group).then(res => {
|
|
this.$store.dispatch('runPlan/setRunPlanInfo', res.data.runPlan);
|
|
loadRunPlanData(this.group);
|
|
});
|
|
}
|
|
},
|
|
mounted() {
|
|
this.mode = this.$route.params.mode;
|
|
getSimulationInfoNew(this.group).then(res => {
|
|
this.$store.dispatch('runPlan/setRunPlanInfo', res.data.runPlan);
|
|
this.loadRunData();
|
|
});
|
|
},
|
|
methods: {
|
|
loadRunData() {
|
|
this.$store.dispatch('runPlan/clear').then(() => {
|
|
if (this.group) {
|
|
// 获取排序的车站列表
|
|
getByGroupStationList(this.group).then(response => {
|
|
this.$store.dispatch('runPlan/setStations', response.data).then(() => {
|
|
loadRunPlanData(this.group);
|
|
});
|
|
}).catch(() => {
|
|
this.$messageBox(this.$t('display.schema.getStationListFail'));
|
|
});
|
|
}
|
|
});
|
|
}
|
|
}
|
|
};
|
|
</script>
|