From b2f563e557d7b19334b6591a00001e3fb522da21 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 13 六月 2025 17:05:44 +0800
Subject: [PATCH] 2025.6.13
---
src/views/main/MonitorView.vue | 74 ++++++++++++++++++++++++++++++-------
1 files changed, 60 insertions(+), 14 deletions(-)
diff --git a/src/views/main/MonitorView.vue b/src/views/main/MonitorView.vue
index bb6117b..fc0eea2 100644
--- a/src/views/main/MonitorView.vue
+++ b/src/views/main/MonitorView.vue
@@ -1,16 +1,17 @@
<template>
- <el-row>
- <el-col :span="7" class="page-right">
- <el-scrollbar height="var(--fy-body-height)">
- <ManagementView></ManagementView>
- </el-scrollbar>
- </el-col>
+ <BaseMap></BaseMap>
+ <el-row class="overlay-container" v-if="true">
<el-col :span="17">
<el-scrollbar class="page-left-top">
- <VisualizationView></VisualizationView>
+ <!-- <VisualizationView></VisualizationView> -->
</el-scrollbar>
- <el-scrollbar class="page-left-bottom">
- <InspectionView></InspectionView>
+ <el-scrollbar class="page-left-bottom p-events-auto">
+ <!-- <InspectionView></InspectionView> -->
+ </el-scrollbar>
+ </el-col>
+ <el-col :span="7" class="page-right">
+ <el-scrollbar height="var(--fy-body-height)" class="p-events-auto">
+ <ManagementView></ManagementView>
</el-scrollbar>
</el-col>
<!-- <el-col :span="7" class="page-right">
@@ -19,23 +20,36 @@
</el-scrollbar>
</el-col> -->
</el-row>
+ <SupervisionVisual class="supervision-view"></SupervisionVisual>
+ <TaskStats class="task-stats"></TaskStats>
+ <WorkStream class="work-stream"></WorkStream>
+ <!-- <ProblemTrack class="problem-track"></ProblemTrack> -->
</template>
<script setup>
import { provide, ref, unref } from 'vue'
-import InspectionView from '@/views/inspection/InspectionView.vue'
-import ManagementView from '@/views/management/ManagementView.vue'
-import StatisticView from '@/views/management/StatisticView.vue'
-import VisualizationView from '@/views/visualization/VisualizationView.vue'
+
import { useAreaStore } from '@/stores/area.js'
import { useSubtaskStore } from '@/stores/subtask.js'
import { useMapStore } from '@/stores/map.js'
+
import taskApi from '@/api/fysp/taskApi.js'
import marks from '@/utils/map/marks.js'
import mapUtil from '@/utils/map/util.js'
import scene_1 from '@/assets/icon/scene_1.png'
-provide('mapHeight', 'calc(var(--fy-body-height) / 4 * 3)')
+import InspectionView from '@/views/inspection/InspectionView.vue'
+import ManagementView from '@/views/management/ManagementView.vue'
+import StatisticView from '@/views/management/StatisticView.vue'
+import VisualizationView from '@/views/visualization/VisualizationView.vue'
+
+import ProblemTrack from '@/views/inspection/problem/ProblemTrack.vue'
+import SupervisionVisual from '@/views/visualization/SupervisionVisual.vue'
+import WorkStream from '@/views/inspection/WorkStream.vue'
+import TaskStats from '@/views/management/TaskStats.vue'
+
+// provide('mapHeight', 'calc(var(--fy-body-height) / 4 * 3)')
+provide('mapHeight', 'calc(var(--fy-body-height))')
provide('excludeMapHeight', 'calc(var(--fy-body-height) / 4 * 1)')
const windowHeight = ref(window.innerHeight)
@@ -85,4 +99,36 @@
.page-right {
/* background-color: aliceblue; */
}
+
+.overlay-container {
+ /* background: aliceblue; */
+ position: absolute;
+ width: 100%;
+ /* height: 100vh; */
+ top: 0;
+ left: 0;
+ /* padding: 4px; */
+ pointer-events: none;
+}
+
+.work-stream {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+}
+
+.task-stats {
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.supervision-view {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+}
+.problem-track {
+}
</style>
--
Gitblit v1.9.3