From 052d0e8bd9c1d8e0d243a166bedf761fc5a7a891 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 14 Jan 2026 16:38:00 +0800
Subject: [PATCH] feat:通用弹窗样式调整
---
applications/drone-command/src/views/dataCockpit/index.vue | 16 +++++++++++-----
1 files changed, 11 insertions(+), 5 deletions(-)
diff --git a/applications/drone-command/src/views/dataCockpit/index.vue b/applications/drone-command/src/views/dataCockpit/index.vue
index f2abbe5..137328a 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-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,15 +10,19 @@
-->
<template>
<div class="page-container">
- <MapContainer />
+ <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" />
+ <RightContainer class="right-container" v-model:collapsed="rightCollapsed" v-model:onlineDevices="onlineDevices" />
<CenterContainer @select-warning="onSelectWarning" @select-equipment="onSelectEquipment" />
</div>
</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';
@@ -27,6 +31,7 @@
const leftCollapsed = ref(false);
const rightCollapsed = ref(false);
+ const onlineDevices = ref([]);
const onSelectWarning = (type) => {
leftActiveId.value = type;
@@ -52,7 +57,7 @@
bottom: 0;
width: 401px;
z-index: 9;
- backdrop-filter: blur(5px);
+ backdrop-filter: blur(2px);
::v-deep(.wrapper) {
display: flex;
@@ -63,6 +68,7 @@
padding: 20px;
width: 300px;
background: rgba(0,0,0,0.3);
+ backdrop-filter: blur(16px);
border-radius: 10px 10px 10px 10px;
}
}
--
Gitblit v1.9.3