122 lines
4.2 KiB
Vue
122 lines
4.2 KiB
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'" />
|
|
<!-- <mainScreenPA v-else-if="mode === 'mainScreenPA'" /> -->
|
|
<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'" />
|
|
<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 GraphicEle from './graphicEle';
|
|
import DeviceControl from './deviceControl';
|
|
|
|
export default {
|
|
components: {
|
|
standFAS,
|
|
stationHallFAS,
|
|
systemFAS,
|
|
HomeScreen,
|
|
MainScreen,
|
|
LcdControl,
|
|
TimePreview,
|
|
StationNetwork,
|
|
EmergencyRelease,
|
|
controlBAS,
|
|
controlPermissionBAS,
|
|
// mainScreenPA,
|
|
radioListeningPA,
|
|
timePreviewPA,
|
|
controlCCTV,
|
|
timeCCTV,
|
|
timeEditCCTV,
|
|
statusCCTV,
|
|
centerStatusCCTV,
|
|
PSD,
|
|
AFC,
|
|
stationHallACS,
|
|
standACS,
|
|
doorFG,
|
|
Sensor,
|
|
GraphicEle,
|
|
DeviceControl,
|
|
BigSystem
|
|
},
|
|
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>
|