From 04e9d32ac49bf5a38adf3cd7dab6bff6e346eefd Mon Sep 17 00:00:00 2001
From: Riku <risaku@163.com>
Date: 星期一, 08 七月 2024 22:53:51 +0800
Subject: [PATCH] 问题整改跟踪和工作流模块
---
src/views/main/MonitorView.vue | 52 +++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 45 insertions(+), 7 deletions(-)
diff --git a/src/views/main/MonitorView.vue b/src/views/main/MonitorView.vue
index e1fb6b2..9ee3c3f 100644
--- a/src/views/main/MonitorView.vue
+++ b/src/views/main/MonitorView.vue
@@ -1,21 +1,59 @@
<template>
<el-row>
- <el-col :span="8">
- <InspectionView></InspectionView>
- </el-col>
- <el-col :span="8">
+ <el-col :span="7" class="page-right">
+ <!-- <el-scrollbar height="var(--fy-body-height)"> -->
<ManagementView></ManagementView>
+ <!-- </el-scrollbar> -->
</el-col>
- <el-col :span="8">
- <VisualizationView></VisualizationView>
+ <el-col :span="10">
+ <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="7" class="page-right">
+ <el-scrollbar height="var(--fy-body-height)">
+ <StatisticView></StatisticView>
+ </el-scrollbar>
</el-col>
</el-row>
</template>
<script setup>
+import { provide, ref } 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'
+
+const windowHeight = ref(window.innerHeight)
+const areaStore = useAreaStore()
+areaStore.setTimeOneDay()
+
+// const headerHeight = computed(()=>{
+// return
+// })
+// fetch('../../assets/styles/layout.scss').then((res) => {
+// console.log(res.text())
+// })
+
+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