From 3398aca0f3b5ac513a5fc34146ac9d382dce723b Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 14 六月 2024 17:40:24 +0800
Subject: [PATCH] 原型制作
---
src/views/main/MonitorView.vue | 40 +++++++++++++++++++++++++++++++++-------
1 files changed, 33 insertions(+), 7 deletions(-)
diff --git a/src/views/main/MonitorView.vue b/src/views/main/MonitorView.vue
index e1fb6b2..3038b9a 100644
--- a/src/views/main/MonitorView.vue
+++ b/src/views/main/MonitorView.vue
@@ -1,13 +1,22 @@
<template>
<el-row>
- <el-col :span="8">
- <InspectionView></InspectionView>
+ <el-col :span="6" class="page-right">
+ <el-scrollbar height="var(--fy-body-height)">
+ <ManagementView></ManagementView>
+ </el-scrollbar>
</el-col>
- <el-col :span="8">
- <ManagementView></ManagementView>
+ <el-col :span="12">
+ <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">
- <VisualizationView></VisualizationView>
+ <el-col :span="6" class="page-right">
+ <el-scrollbar height="var(--fy-body-height)">
+ <ManagementView></ManagementView>
+ </el-scrollbar>
</el-col>
</el-row>
</template>
@@ -16,6 +25,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