| | |
| | | <template> |
| | | <div class="page-container"> |
| | | <MapContainer /> |
| | | <LeftContainer class="left-container" /> |
| | | <RightContainer class="right-container" /> |
| | | <CenterContainer /> |
| | | <LeftContainer class="left-container" v-model:activeId="leftActiveId" v-model:collapsed="leftCollapsed" /> |
| | | <RightContainer class="right-container" v-model:collapsed="rightCollapsed" /> |
| | | <CenterContainer @select-warning="onSelectWarning" @select-equipment="onSelectEquipment" /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import LeftContainer from './components/LeftContainer.vue'; |
| | | import RightContainer from './components/RightContainer.vue'; |
| | | import CenterContainer from './components/CenterContainer.vue'; |
| | | |
| | | const leftActiveId = ref(1); |
| | | const leftCollapsed = ref(false); |
| | | |
| | | const rightCollapsed = ref(false); |
| | | |
| | | const onSelectWarning = (type) => { |
| | | leftActiveId.value = type; |
| | | leftCollapsed.value = false; |
| | | }; |
| | | |
| | | const onSelectEquipment = () => { |
| | | rightCollapsed.value = false; |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |