rt-sim-training-client/src/views/iscs/iscsSystem/config/index.vue

<template>
  <div style="height: 100%; width: 100%;">
    <standFAS v-if="mode == 'standFAS'" />
    <stationHallFAS v-else-if="mode == 'stationHallFAS'" />
    <systemFAS v-else-if="mode == 'systemFAS'" />
    <home-screen v-else-if="mode === 'PA'" />
    <main-screen v-else-if="mode === 'MainScreen'" />
    <lcd-control v-else-if="mode === 'LCDcontrol'" />
    <time-preview v-else-if="mode === 'TimePreview'" />
    <station-network v-else-if="mode === 'StationNetwork'" />
    <emergency-release v-else-if="mode === 'EmergencyRelease'" />
  </div>
</template>

<script>
import standFAS from './fire-alarm/stand';
import stationHallFAS from './fire-alarm/stationHall';
import systemFAS from './fire-alarm/system';
import HomeScreen from './broadcast/homeScreen';
import MainScreen from './pis/mainScreen';
import LcdControl from './pis/lcdControl';
import TimePreview from './pis/timePreview';
import StationNetwork from './pis/stationNetwork';
import EmergencyRelease from './pis/emergencyRelease';

export default {
    components: {
        standFAS,
        stationHallFAS,
        systemFAS,
        HomeScreen,
        MainScreen,
        LcdControl,
        TimePreview,
        StationNetwork,
        EmergencyRelease
    },
    data() {
        return {
            mode: 'standFAS'
        };
    },
    watch: {
        '$route': function(val) {
            this.mode = this.$route.params.mode;
        }
    }
};
</script>

<style lang="scss" scoped>

</style>