rt-sim-training-client/src/views/iscs/iscsSystem/stationConfig/index.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>