From 89ab2ec7f8790c5cc184de98682af032c69c2afc Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 11 九月 2024 15:13:27 +0800
Subject: [PATCH] 2024.9.11

---
 src/views/visualization/VisualizationView.vue |   34 ++++++++++++++++++++++++++++++----
 1 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/views/visualization/VisualizationView.vue b/src/views/visualization/VisualizationView.vue
index 920b0aa..d3821d1 100644
--- a/src/views/visualization/VisualizationView.vue
+++ b/src/views/visualization/VisualizationView.vue
@@ -1,11 +1,37 @@
 <template>
-  <el-row class="wrapper"> 鍙鍖� </el-row>
+  <!-- <el-row class="wrapper"> 鍙鍖� </el-row> -->
+  <BaseMap></BaseMap>
+  <el-row class="overlay-container" :style="height">
+    <el-col :span="10">
+      <SubtaskVisual></SubtaskVisual>
+    </el-col>
+    <el-col :span="14">
+      <el-row justify="end">
+        <SupervisionVisual></SupervisionVisual>
+      </el-row>
+    </el-col>
+  </el-row>
 </template>
 
-<script setup></script>
+<script setup>
+import SubtaskVisual from './SubtaskVisual.vue'
+import SupervisionVisual from './SupervisionVisual.vue'
+import { inject } from 'vue'
+
+const mapHeight = inject('mapHeight')
+
+const height = 'height:' + mapHeight
+</script>
 
 <style scoped>
-.wrapper {
-  /* background-color: aquamarine; */
+.overlay-container {
+  /* background: aliceblue; */
+  position: absolute;
+  width: 100%;
+  /* height: 100vh; */
+  top: 0;
+  left: 0;
+  /* padding: 4px; */
+  pointer-events: none;
 }
 </style>

--
Gitblit v1.9.3