feat:数据驾驶舱相关处理

shuishen

2026-01-12 5667f2b4fc7555ba678d5aef13b096cd38da64db

 applications/drone-command/src/views/dataCockpit/index.vue

@@ -2,7 +2,7 @@
 * @Author       : yuan
 * @Date         : 2026-01-06 16:35:50
 * @LastEditors  : yuan
 * @LastEditTime : 2026-01-08 09:45:25
 * @LastEditTime : 2026-01-09 16:34:39
 * @FilePath     : \applications\drone-command\src\views\dataCockpit\index.vue
 * @Description  : 
 * Copyright 2026 OBKoro1, All Rights Reserved. 
@@ -10,9 +10,9 @@
-->
<template>
  <div class="page-container">
    <MapContainer />  
    <MapContainer :online-devices="onlineDevices" :left-collapsed="leftCollapsed" />  
    <LeftContainer class="left-container" v-model:activeId="leftActiveId" v-model:collapsed="leftCollapsed" />  
    <RightContainer class="right-container" v-model:collapsed="rightCollapsed" />  
    <RightContainer class="right-container" v-model:collapsed="rightCollapsed" v-model:onlineDevices="onlineDevices" />  
    <CenterContainer @select-warning="onSelectWarning" @select-equipment="onSelectEquipment" />  
  </div>
</template>
@@ -27,6 +27,7 @@
  const leftCollapsed = ref(false);

  const rightCollapsed = ref(false);
  const onlineDevices = ref([]);

  const onSelectWarning = (type) => {
    leftActiveId.value = type;
@@ -52,7 +53,7 @@
    bottom: 0;
    width: 401px;
    z-index: 9;
    backdrop-filter: blur(5px);
    backdrop-filter: blur(2px);

    ::v-deep(.wrapper) {
      display: flex;
@@ -63,6 +64,7 @@
      padding: 20px;
      width: 300px;
      background: rgba(0,0,0,0.3);
      backdrop-filter: blur(16px);
      border-radius: 10px 10px 10px 10px;
    }
  }