From 756be572e470c4a2e2e971350a545b3e8d9c0180 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 12 七月 2024 17:17:07 +0800
Subject: [PATCH] 2024.7.12
---
src/views/main/MonitorView.vue | 38 ++++++++++++++++++++++++++++++--------
1 files changed, 30 insertions(+), 8 deletions(-)
diff --git a/src/views/main/MonitorView.vue b/src/views/main/MonitorView.vue
index 3038b9a..6591259 100644
--- a/src/views/main/MonitorView.vue
+++ b/src/views/main/MonitorView.vue
@@ -1,11 +1,11 @@
<template>
<el-row>
- <el-col :span="6" class="page-right">
+ <el-col :span="7" class="page-right">
<el-scrollbar height="var(--fy-body-height)">
<ManagementView></ManagementView>
</el-scrollbar>
</el-col>
- <el-col :span="12">
+ <el-col :span="10">
<el-scrollbar class="page-left-top">
<VisualizationView></VisualizationView>
</el-scrollbar>
@@ -13,31 +13,53 @@
<InspectionView></InspectionView>
</el-scrollbar>
</el-col>
- <el-col :span="6" class="page-right">
+ <el-col :span="7" class="page-right">
<el-scrollbar height="var(--fy-body-height)">
- <ManagementView></ManagementView>
+ <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'
-import { provide } from 'vue'
+const windowHeight = ref(window.innerHeight)
+const areaStore = useAreaStore()
+areaStore.setTimeOneDay()
+areaStore.setLocation({
+ pCode: '31',
+ pName: '涓婃捣甯�',
+ cCode: '3100',
+ cName: '涓婃捣甯�',
+ dCode: '310106',
+ dName: '闈欏畨鍖�'
+})
+areaStore.setSceneType('1')
-provide('mapHeight', 'calc(var(--fy-body-height) / 3 * 2)')
+// const headerHeight = computed(()=>{
+// return
+// })
+// fetch('../../assets/styles/layout.scss').then((res) => {
+// console.log(res.text())
+// })
+
+provide('mapHeight', 'calc(var(--fy-body-height) / 4 * 3)')
+provide('excludeMapHeight', 'calc(var(--fy-body-height) / 4 * 1)')
</script>
<style scoped>
.page-left-top {
- height: calc(var(--fy-body-height) / 3 * 2);
+ height: calc(var(--fy-body-height) / 4 * 3);
/* background-color: aquamarine; */
}
.page-left-bottom {
- height: calc(var(--fy-body-height) / 3 * 1);
+ height: calc(var(--fy-body-height) / 4 * 1);
/* background-color: bisque; */
}
--
Gitblit v1.9.3