From 1ef360a14efab8a1defa1dfdc13bb5af64a9d621 Mon Sep 17 00:00:00 2001
From: husq <931347610@qq.com>
Date: Mon, 18 Sep 2023 17:02:51 +0800
Subject: [PATCH] 飞行指令打开
---
src/pages/page-web/projects/project_list/index.vue | 36 ++++++++++++++++++++++++++++++------
1 files changed, 30 insertions(+), 6 deletions(-)
diff --git a/src/pages/page-web/projects/project_list/index.vue b/src/pages/page-web/projects/project_list/index.vue
index cb5aa9e..ac8b103 100644
--- a/src/pages/page-web/projects/project_list/index.vue
+++ b/src/pages/page-web/projects/project_list/index.vue
@@ -5,14 +5,27 @@
</div>
<div class="right_content">
<div class="map">
- <Map />
+ <!-- <Map /> -->
+ <GMap />
+ </div>
+ <div class="media-wrapper" v-if="root.$route.name === ERouterName.MEDIA">
+ <MediaPanel />
+ </div>
+ <div class="task-wrapper" v-if="root.$route.name === ERouterName.TASK">
+ <TaskPanel />
</div>
</div>
</div>
</template>
<script setup lang="ts">
-import Map from '/@/components/cesiumMap/cesium.vue'
+// import Map from '/@/components/cesiumMap/cesium.vue'
+import GMap from '/@/components/GMap.vue'
+import MediaPanel from '/@/components/MediaPanel.vue'
+import TaskPanel from '/@/components/task/TaskPanel.vue'
+import { EBizCode, ERouterName } from '/@/types'
+import { getRoot } from '/@/root'
+const root = getRoot()
</script>
<style scoped lang="scss">
@@ -23,20 +36,31 @@
width: 100%;
.left_content {
- width: 335px;
- min-height: 100vh;
+ width: 370px;
+ max-height: 100vh;
background-color: black;
- color:$text-white-basic;
+ color: $text-white-basic;
}
.right_content {
position: relative;
- flex:1;
+ flex: 1;
.map {
width: 100%;
height: 100%;
}
+
+ .media-wrapper,
+ .task-wrapper {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 100;
+ background: #f6f8fa;
+ }
}
}
</style>
--
Gitblit v1.9.3