From 0a97c702074830791cb29a158098f05c8033c4b1 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 07 六月 2024 17:39:43 +0800
Subject: [PATCH] 原型制作中
---
src/views/main/MonitorView.vue | 37 +++++++++++++++++++++++++++++--------
1 files changed, 29 insertions(+), 8 deletions(-)
diff --git a/src/views/main/MonitorView.vue b/src/views/main/MonitorView.vue
index e1fb6b2..4a88dca 100644
--- a/src/views/main/MonitorView.vue
+++ b/src/views/main/MonitorView.vue
@@ -1,13 +1,17 @@
<template>
<el-row>
- <el-col :span="8">
- <InspectionView></InspectionView>
+ <el-col :span="16">
+ <el-scrollbar class="page-left-top">
+ <VisualizationView></VisualizationView>
+ </el-scrollbar>
+ <el-scrollbar class="page-left-bottom">
+ <InspectionView></InspectionView>
+ </el-scrollbar>
</el-col>
- <el-col :span="8">
- <ManagementView></ManagementView>
- </el-col>
- <el-col :span="8">
- <VisualizationView></VisualizationView>
+ <el-col :span="8" class="page-right">
+ <el-scrollbar height="var(--fy-body-height)">
+ <ManagementView></ManagementView>
+ </el-scrollbar>
</el-col>
</el-row>
</template>
@@ -16,6 +20,23 @@
import InspectionView from '@/views/inspection/InspectionView.vue'
import ManagementView from '@/views/management/ManagementView.vue'
import VisualizationView from '@/views/visualization/VisualizationView.vue'
+
+import { provide } from 'vue'
+
+provide('mapHeight', 'calc(var(--fy-body-height) / 3 * 2)')
</script>
-<style scoped></style>
+<style scoped>
+.page-left-top {
+ height: calc(var(--fy-body-height) / 3 * 2);
+ /* background-color: aquamarine; */
+}
+.page-left-bottom {
+ height: calc(var(--fy-body-height) / 3 * 1);
+ /* background-color: bisque; */
+}
+
+.page-right {
+ /* background-color: aliceblue; */
+}
+</style>
--
Gitblit v1.9.3