From 3653db5756ad6ae89eb573409a3b0fa9926175a5 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 05 六月 2024 17:37:58 +0800
Subject: [PATCH] 原型制作，新增现场巡查和区县巡查统计
---
src/views/main/MonitorView.vue | 33 +++++++++++++++++++++++++--------
1 files changed, 25 insertions(+), 8 deletions(-)
diff --git a/src/views/main/MonitorView.vue b/src/views/main/MonitorView.vue
index e1fb6b2..5f35cd8 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>
@@ -18,4 +22,17 @@
import VisualizationView from '@/views/visualization/VisualizationView.vue'
</script>
-<style scoped></style>
+<style scoped>
+.page-left-top {
+ height: calc(var(--fy-body-height) / 2);
+ background-color: aquamarine;
+}
+.page-left-bottom {
+ height: calc(var(--fy-body-height) / 2);
+ background-color: bisque;
+}
+
+.page-right {
+ /* background-color: aliceblue; */
+}
+</style>
--
Gitblit v1.9.3