From 58a5242ff58523f5d048da13fc543ffba5065414 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期三, 12 六月 2024 17:36:40 +0800
Subject: [PATCH] 原型制作
---
src/views/main/MonitorView.vue | 21 +++++++++++++++------
1 files changed, 15 insertions(+), 6 deletions(-)
diff --git a/src/views/main/MonitorView.vue b/src/views/main/MonitorView.vue
index 5f35cd8..3038b9a 100644
--- a/src/views/main/MonitorView.vue
+++ b/src/views/main/MonitorView.vue
@@ -1,6 +1,11 @@
<template>
<el-row>
- <el-col :span="16">
+ <el-col :span="6" class="page-right">
+ <el-scrollbar height="var(--fy-body-height)">
+ <ManagementView></ManagementView>
+ </el-scrollbar>
+ </el-col>
+ <el-col :span="12">
<el-scrollbar class="page-left-top">
<VisualizationView></VisualizationView>
</el-scrollbar>
@@ -8,7 +13,7 @@
<InspectionView></InspectionView>
</el-scrollbar>
</el-col>
- <el-col :span="8" class="page-right">
+ <el-col :span="6" class="page-right">
<el-scrollbar height="var(--fy-body-height)">
<ManagementView></ManagementView>
</el-scrollbar>
@@ -20,16 +25,20 @@
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>
.page-left-top {
- height: calc(var(--fy-body-height) / 2);
- background-color: aquamarine;
+ height: calc(var(--fy-body-height) / 3 * 2);
+ /* background-color: aquamarine; */
}
.page-left-bottom {
- height: calc(var(--fy-body-height) / 2);
- background-color: bisque;
+ height: calc(var(--fy-body-height) / 3 * 1);
+ /* background-color: bisque; */
}
.page-right {
--
Gitblit v1.9.3