From ebd0ec4f51288042b6fc5bf714b1febbb63cfacc Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Fri, 09 Jan 2026 18:03:49 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
applications/drone-command/src/views/dataCockpit/index.vue | 24 ++++++++++++++++++++----
1 files changed, 20 insertions(+), 4 deletions(-)
diff --git a/applications/drone-command/src/views/dataCockpit/index.vue b/applications/drone-command/src/views/dataCockpit/index.vue
index f813e63..f2abbe5 100644
--- a/applications/drone-command/src/views/dataCockpit/index.vue
+++ b/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-07 17:33:02
+ * @LastEditTime : 2026-01-08 09:45:25
* @FilePath : \applications\drone-command\src\views\dataCockpit\index.vue
* @Description :
* Copyright 2026 OBKoro1, All Rights Reserved.
@@ -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">
@@ -41,6 +55,8 @@
backdrop-filter: blur(5px);
::v-deep(.wrapper) {
+ display: flex;
+ flex-direction: column;
position: absolute;
top: 17px;
bottom: 20px;
--
Gitblit v1.9.3