| | |
| | | --> |
| | | <template> |
| | | <div class="page-container"> |
| | | <MapContainer :online-devices="onlineDevices" :left-collapsed="leftCollapsed" /> |
| | | <DeviceMapContainer |
| | | :online-devices="onlineDevices" |
| | | :left-collapsed="leftCollapsed" |
| | | container-id="data-cockpit-map" |
| | | /> |
| | | <LeftContainer class="left-container" v-model:activeId="leftActiveId" v-model:collapsed="leftCollapsed" /> |
| | | <RightContainer class="right-container" v-model:collapsed="rightCollapsed" v-model:onlineDevices="onlineDevices" /> |
| | | <CenterContainer @select-warning="onSelectWarning" @select-equipment="onSelectEquipment" /> |
| | |
| | | </template> |
| | | |
| | | <script setup> |
| | | import MapContainer from './components/MapContainer.vue'; |
| | | import DeviceMapContainer from '@/components/map-container/device-map-container.vue'; |
| | | import LeftContainer from './components/LeftContainer.vue'; |
| | | import RightContainer from './components/RightContainer.vue'; |
| | | import CenterContainer from './components/CenterContainer.vue'; |