From b745ea141fbbaea16b9b13ce18b778fc50f6fcd0 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Wed, 07 Jan 2026 16:43:26 +0800
Subject: [PATCH] feat:反无系统基建相关处理
---
applications/drone-command/src/components/basic-container/main.vue | 4 +
applications/drone-command/src/styles/common.scss | 5 -
applications/drone-command/src/views/dataCockpit/components/MapContainer.vue | 32 ++++++++++
applications/drone-command/src/views/dataCockpit/components/RightContainer.vue | 13 ++++
applications/drone-command/src/page/index/top/index.vue | 2
applications/drone-command/src/styles/sidebar.scss | 23 +++++++
applications/drone-command/src/assets/images/topContainer/top-bg.png | 0
applications/drone-command/src/styles/top.scss | 1
applications/drone-command/src/store/modules/common.js | 13 ++++
applications/drone-command/src/views/dataCockpit/components/LeftContainer.vue | 13 ++++
applications/drone-command/src/views/dataCockpit/index.vue | 30 +++++++++-
applications/drone-command/src/views/dataCockpit/components/CenterContainer.vue | 13 ++++
12 files changed, 138 insertions(+), 11 deletions(-)
diff --git a/applications/drone-command/src/assets/images/topContainer/top-bg.png b/applications/drone-command/src/assets/images/topContainer/top-bg.png
index d46a8d7..25c59ff 100644
--- a/applications/drone-command/src/assets/images/topContainer/top-bg.png
+++ b/applications/drone-command/src/assets/images/topContainer/top-bg.png
Binary files differ
diff --git a/applications/drone-command/src/components/basic-container/main.vue b/applications/drone-command/src/components/basic-container/main.vue
index 66e3372..43459d6 100644
--- a/applications/drone-command/src/components/basic-container/main.vue
+++ b/applications/drone-command/src/components/basic-container/main.vue
@@ -2,7 +2,7 @@
* @Author : yuan
* @Date : 2025-06-14 15:19:16
* @LastEditors : yuan
- * @LastEditTime : 2026-01-07 09:28:08
+ * @LastEditTime : 2026-01-07 16:26:20
* @FilePath : \applications\drone-command\src\components\basic-container\main.vue
* @Description :
* Copyright 2025 OBKoro1, All Rights Reserved.
@@ -45,6 +45,8 @@
<style lang="scss" scoped>
.basic-container {
+ margin-top: 109px;
+
height: 0;
flex: 1;
diff --git a/applications/drone-command/src/page/index/top/index.vue b/applications/drone-command/src/page/index/top/index.vue
index 72f37dd..be12e2b 100644
--- a/applications/drone-command/src/page/index/top/index.vue
+++ b/applications/drone-command/src/page/index/top/index.vue
@@ -116,7 +116,7 @@
display: flex;
justify-content: space-between;
height: 100%;
- background: url('@/assets/images/topContainer/top-bg.png') center no-repeat !important;
+ background: url('@/assets/images/topContainer/top-bg.png') center / 100% 100% no-repeat !important;
}
.top-bar__left {
diff --git a/applications/drone-command/src/store/modules/common.js b/applications/drone-command/src/store/modules/common.js
index ce4a88f..c9737e6 100644
--- a/applications/drone-command/src/store/modules/common.js
+++ b/applications/drone-command/src/store/modules/common.js
@@ -23,6 +23,15 @@
},
safeHeight: 0, // 获取选择航线高度
positionsArr: [], // 获取选择航线点数据
+
+
+ // 地图设置
+ mapSetting: {
+ mode: 17, // 0为标准地图, 1为卫星地图
+ roadLine: true,
+ visual: '3D',
+ isDark: false,
+ },
},
mutations: {
setSafeHeight (state, data) {
@@ -104,6 +113,10 @@
type: 'session',
});
},
+
+ SET_MAP_MODE: (state, mode) => {
+ state.mapSetting.mode = mode
+ }
},
};
export default common;
diff --git a/applications/drone-command/src/styles/common.scss b/applications/drone-command/src/styles/common.scss
index 6d8c733..6f734ad 100644
--- a/applications/drone-command/src/styles/common.scss
+++ b/applications/drone-command/src/styles/common.scss
@@ -63,12 +63,12 @@
top: 0;
left: 0;
width: 100%;
- height: 97px;
+ height: 109px;
z-index: 9;
}
> .leaf-container {
- padding-top: 97px;
+ padding-top: 109px;
width: 160px;
height: 100%;
@@ -125,7 +125,6 @@
}
.main-avue-view-container {
- margin-top: 97px;
height: 0;
flex: 1;
display: flex;
diff --git a/applications/drone-command/src/styles/sidebar.scss b/applications/drone-command/src/styles/sidebar.scss
index 1e3baa4..1065933 100644
--- a/applications/drone-command/src/styles/sidebar.scss
+++ b/applications/drone-command/src/styles/sidebar.scss
@@ -37,6 +37,29 @@
background-color: rgba(0, 0, 0, .4);
}
+ .el-menu-item {
+ padding-left: 41.4px !important;
+ }
+
+ .el-sub-menu {
+ .el-sub-menu__title {
+ padding-left: 41.4px !important;
+ }
+
+ .el-menu-item {
+ padding-left: 54px !important;
+ }
+
+ &.is-active {
+
+ .el-sub-menu__title {
+ i, span {
+ color: #fff;
+ }
+ }
+ }
+ }
+
.el-menu-item, .el-sub-menu__title {
i {
margin-right: 5px;
diff --git a/applications/drone-command/src/styles/top.scss b/applications/drone-command/src/styles/top.scss
index 100597e..dd2148e 100644
--- a/applications/drone-command/src/styles/top.scss
+++ b/applications/drone-command/src/styles/top.scss
@@ -1,7 +1,6 @@
.avue-top {
position: relative;
background-color: #fff;
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
color: rgba(0, 0, 0, .65);
font-size: 28px;
height: $top_height;
diff --git a/applications/drone-command/src/views/dataCockpit/components/CenterContainer.vue b/applications/drone-command/src/views/dataCockpit/components/CenterContainer.vue
new file mode 100644
index 0000000..f59947f
--- /dev/null
+++ b/applications/drone-command/src/views/dataCockpit/components/CenterContainer.vue
@@ -0,0 +1,13 @@
+<template>
+ <div>
+
+ </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/applications/drone-command/src/views/dataCockpit/components/LeftContainer.vue b/applications/drone-command/src/views/dataCockpit/components/LeftContainer.vue
new file mode 100644
index 0000000..f59947f
--- /dev/null
+++ b/applications/drone-command/src/views/dataCockpit/components/LeftContainer.vue
@@ -0,0 +1,13 @@
+<template>
+ <div>
+
+ </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/applications/drone-command/src/views/dataCockpit/components/MapContainer.vue b/applications/drone-command/src/views/dataCockpit/components/MapContainer.vue
index f59947f..bb01816 100644
--- a/applications/drone-command/src/views/dataCockpit/components/MapContainer.vue
+++ b/applications/drone-command/src/views/dataCockpit/components/MapContainer.vue
@@ -1,13 +1,41 @@
<template>
- <div>
+ <div class="ztzf-cesium map-container" id="cesium">
</div>
</template>
<script setup>
+import { PublicCesium } from '@/utils/cesium/publicCesium'
+let viewInstance = null
+let viewer = null
+onMounted(() => {
+ viewInstance = new PublicCesium({
+ dom: 'cesium',
+ flatMode: false,
+ terrain: false,
+ layerMode: 4,
+ contour: false,
+ })
+ viewer = viewInstance.getViewer()
+})
+
+onBeforeUnmount(() => {
+ if (viewInstance) {
+ viewInstance.destroy()
+ viewInstance = null
+ }
+
+ viewer = null
+})
</script>
<style lang="scss" scoped>
-
+.map-container {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
</style>
\ No newline at end of file
diff --git a/applications/drone-command/src/views/dataCockpit/components/RightContainer.vue b/applications/drone-command/src/views/dataCockpit/components/RightContainer.vue
new file mode 100644
index 0000000..f59947f
--- /dev/null
+++ b/applications/drone-command/src/views/dataCockpit/components/RightContainer.vue
@@ -0,0 +1,13 @@
+<template>
+ <div>
+
+ </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/applications/drone-command/src/views/dataCockpit/index.vue b/applications/drone-command/src/views/dataCockpit/index.vue
index 68546d2..2d1cf1d 100644
--- a/applications/drone-command/src/views/dataCockpit/index.vue
+++ b/applications/drone-command/src/views/dataCockpit/index.vue
@@ -1,9 +1,33 @@
+<!--
+ * @Author : yuan
+ * @Date : 2026-01-06 16:35:50
+ * @LastEditors : yuan
+ * @LastEditTime : 2026-01-07 15:20:14
+ * @FilePath : \applications\drone-command\src\views\dataCockpit\index.vue
+ * @Description :
+ * Copyright 2026 OBKoro1, All Rights Reserved.
+ * 2026-01-06 16:35:50
+-->
<template>
- <basic-container>
- 维护记录管理
- </basic-container>
+ <div class="page-container">
+ <MapContainer />
+ <LeftContainer />
+ <RightContainer />
+ <CenterContainer />
+ </div>
</template>
+
<script setup>
+ import MapContainer from './components/MapContainer.vue';
+ import LeftContainer from './components/LeftContainer.vue';
+ import RightContainer from './components/RightContainer.vue';
+ import CenterContainer from './components/CenterContainer.vue';
</script>
+
<style scoped lang="scss">
+ .page-container {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ }
</style>
--
Gitblit v1.9.3