吉安感知网项目-前端
张含笑
2026-01-09 edaf70cb7f0c4e7c997ddab584b3b05798d58528
applications/drone-command/src/views/dataCockpit/index.vue
@@ -11,9 +11,9 @@
<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>
@@ -22,6 +22,20 @@
  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">