From d6e6f8b5b31e132e4597eb531168d3e88f3bda72 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期五, 04 七月 2025 17:26:49 +0800
Subject: [PATCH] 2025.7.4 动态溯源
---
src/components/monitor/FactorTrend.vue | 21 +++++++++++++++------
1 files changed, 15 insertions(+), 6 deletions(-)
diff --git a/src/components/monitor/FactorTrend.vue b/src/components/monitor/FactorTrend.vue
index 8256d81..babe6f1 100644
--- a/src/components/monitor/FactorTrend.vue
+++ b/src/components/monitor/FactorTrend.vue
@@ -1,7 +1,8 @@
<template>
<BaseCard size="medium" direction="left">
<template #content>
- <el-scrollbar height="calc(49vh - var(--bevel-length-2))" always>
+ <DashBoard ref="dashBoardRef" :factor-datas="factorDatas"></DashBoard>
+ <el-scrollbar :height="height" always>
<div v-for="item in seriesList" :key="item.key">
<el-row
v-show="selectFactorType.includes(item.series.key)"
@@ -34,8 +35,10 @@
import { checkboxOptions } from '@/constant/checkbox-options';
import { factorName } from '@/constant/factor-name';
import { factorUnit } from '@/constant/factor-unit';
+import DashBoard from '@/views/realtimemode/component/DashBoard.vue';
export default {
+ components: { DashBoard },
props: {
loading: Boolean,
factorDatas: FactorDatas,
@@ -56,16 +59,13 @@
},
data() {
return {
+ height: 'calc(99vh - var(--bevel-length-2))',
xAxis: [],
allSeries: new Map(),
seriesList: []
};
},
- computed: {
- // factorTypes() {
- // return checkboxOptions(this.deviceType);
- // }
- },
+ computed: {},
watch: {
factorDatas: {
handler() {
@@ -165,7 +165,16 @@
getUnit(label) {
// fixeme 2024.5.15 淇CO灞曠ず鍗曚綅鍜屽師濮嬫暟鎹笉涓�鑷撮棶棰�
return label == 'CO' ? '渭g/m鲁' : factorUnit[label].unit;
+ },
+ calcHeight() {
+ const h1 = this.$refs.dashBoardRef
+ ? this.$refs.dashBoardRef.$el.offsetHeight
+ : 0;
+ this.height = `calc(98vh - var(--bevel-length-2) - ${h1}px)`;
}
+ },
+ mounted() {
+ this.calcHeight();
}
};
</script>
--
Gitblit v1.9.3