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

<template>
  <div style="height: 100%; width: 100%;overflow-y: auto;">
    <standFAS v-if="mode == 'standFAS'" />
    <stationHallFAS v-else-if="mode == 'stationHallFAS'" />
    <systemFAS v-else-if="mode == 'systemFAS'" />
    <home-screen v-else-if="mode === 'mainScreenPA'" />
    <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'" />
    <controlBAS v-else-if="mode === 'controlBAS'" />
    <controlPermissionBAS v-else-if="mode === 'controlPermissionBAS'" />
    <radioListeningPA v-else-if="mode === 'radioListeningPA'" />
    <timePreviewPA v-else-if="mode === 'timePreviewPA'" />
    <controlCCTV v-else-if="mode === 'controlCCTV'" />
    <timeCCTV v-else-if="mode === 'timeCCTV'" />
    <timeEditCCTV v-else-if="mode === 'timeEditCCTV'" />
    <statusCCTV v-else-if="mode === 'statusCCTV'" />
    <centerStatusCCTV v-else-if="mode === 'centerStatusCCTV'" />
    <PSD v-else-if="mode === 'PSD'" />
    <AFC v-else-if="mode === 'AFC'" />
    <stationHallACS v-else-if="mode === 'stationHallACS'" />
    <standACS v-else-if="mode === 'standACS'" />
    <doorFG v-else-if="mode === 'doorFG'" />
    <sensor v-else-if="mode==='sensor'" />
    <big-system v-else-if="mode==='bigSystem'" />
    <small-system v-else-if="mode==='smallSystem'" />
    <water-system v-else-if="mode==='waterSystem'" />
    <lighting-system v-else-if="mode === 'lighting'" />
    <graphic-ele ref="graphicEle" />
    <device-control ref="deviceControl" />
  </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';
import controlBAS from './bas/controlBAS';
import controlPermissionBAS from './bas/controlPermissionBAS';
import radioListeningPA from './pa/radioListeningPA';
import timePreviewPA from './pa/timePreviewPA';
import controlCCTV from './cctv/controlCCTV';
import timeCCTV from './cctv/timeCCTV';
import timeEditCCTV from './cctv/timeEditCCTV';
import statusCCTV from './cctv/statusCCTV';
import centerStatusCCTV from './cctv/centerStatusCCTV';
import PSD from './psd/psd';
import AFC from './afc/afc';
import stationHallACS from './acs/stationHallACS';
import standACS from './acs/standACS';
import doorFG from './fg/doorFG';
import Sensor from './bas/sensor';
import BigSystem from './bas/bigSystem';
import SmallSystem from './bas/smallSystem';
import waterSystem from './bas/waterSystem';
import LightingSystem from './bas/lightingSystem';
import GraphicEle from './graphicEle';
import DeviceControl from './deviceControl';

export default {
    components: {
        standFAS,
        stationHallFAS,
        systemFAS,
        HomeScreen,
        MainScreen,
        LcdControl,
        TimePreview,
        StationNetwork,
        EmergencyRelease,
        controlBAS,
        controlPermissionBAS,
        radioListeningPA,
        timePreviewPA,
        controlCCTV,
        timeCCTV,
        timeEditCCTV,
        statusCCTV,
        centerStatusCCTV,
        PSD,
        AFC,
        stationHallACS,
        standACS,
        doorFG,
        Sensor,
        GraphicEle,
        DeviceControl,
        SmallSystem,
        BigSystem,
        waterSystem,
        LightingSystem
    },
    data() {
        return {
            mode: 'standFAS',
            deviceList: ['ManualAlarmButton', 'SmokeDetector', 'FireHydranAlarmButton', 'GasFireControl']
        };
    },
    watch: {
        '$route': function(val) {
            this.mode = this.$route.params.mode;
        },
        '$store.state.iscs.selectedCount': function() {
            const device = this.$store.state.iscs.selected;
            if (device._type === 'IscsButton' && device.function === 'GraphicEle') {
                this.$refs.graphicEle.doShow();
            } else if (this.deviceList.includes(device._type)) {
                this.$refs.deviceControl.doShow(device);
            }
        }
    },
    mounted() {
        this.mode = this.$route.params.mode;
    }
};
</script>

<style lang="scss" scoped>

</style>