From 17bf58ac59f5cb3e01ac028cdbc37a3c7c6737ed Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期五, 25 七月 2025 15:37:53 +0800
Subject: [PATCH] Merge branch 'ID1825-床旁副屏改版' into test
---
src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue | 22 ++++++++++++++++++----
1 files changed, 18 insertions(+), 4 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
index ee65919..c6c8849 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
@@ -410,6 +410,14 @@
{ deep: true }
);
+watch(
+ () => props.height,
+ () => {
+ generateKtvListEchart(pageData.value.ktvList);
+ generatBloodPressureAndPulseEchart(pageData.value.monitoringRecord);
+ }
+);
+
/** 生成ktv趋势图 */
const generateKtvListEchart = (ktvList: KtvItem[]) => {
if (!ktvListEchartRef.value) return;
@@ -454,7 +462,7 @@
color: "#70CAAE",
},
itemStyle: {
- color: "#70CAAE",
+ color: (params: any) => getColor(params.value),
},
},
],
@@ -464,6 +472,12 @@
};
chart.setOption(option, true); // 第二个参数为 true 表示全量更新
+};
+
+const getColor = (val: number) => {
+ if (val < 1.2) return "#FE0201"; // 红色
+ if (val <= 1.6) return "#70CAAE"; // 绿色
+ return "#FE6500"; // 橙色
};
/** 生成血压脉搏趋势图 */
@@ -491,9 +505,9 @@
const option = {
grid: [
- { top: "5%", height: "28%", left: 40, right: 20, containLabel: true },
- { top: "35%", height: "28%", left: 40, right: 20, containLabel: true },
- { top: "65%", height: "28%", left: 40, right: 20, containLabel: true },
+ { top: "5%", height: "28%", left: 40, right: 20, containLabel: true },
+ { top: "35%", height: "28%", left: 40, right: 20, containLabel: true },
+ { top: "65%", height: "28%", left: 40, right: 20, containLabel: true },
],
tooltip: {
trigger: "axis",
--
Gitblit v1.8.0