From 3d1f51a22b1f0a02ffd3a5a814d214b7a66751cc Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期五, 25 七月 2025 15:25:52 +0800
Subject: [PATCH] ID1625-修复血流量显示错误bug
---
src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue | 45 +++++++++++++++++++++++++++++----------------
1 files changed, 29 insertions(+), 16 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
index 2c67b9e..754c3aa 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
@@ -394,9 +394,13 @@
);
});
-watch(() => pageData.value.ktvList, (newVal) => {
+watch(
+ () => pageData.value.ktvList,
+ (newVal) => {
generateKtvListEchart(newVal);
-}, { deep: true });
+ },
+ { deep: true }
+);
watch(
() => pageData.value.monitoringRecord,
@@ -447,10 +451,10 @@
symbolSize: 6,
lineStyle: {
width: 2,
- color: "#70CAAE",
+ color: '#70CAAE',
},
itemStyle: {
- color: "#70CAAE",
+ color: (params: any) => getColor(params.value),
},
},
],
@@ -460,6 +464,12 @@
};
chart.setOption(option, true); // 第二个参数为 true 表示全量更新
+};
+
+const getColor = (val: number) => {
+ if (val < 1.2) return "#FE0201"; // 红色
+ if (val <= 1.6) return "#70CAAE"; // 绿色
+ return "#FE6500"; // 橙色
};
/** 生成血压脉搏趋势图 */
@@ -487,9 +497,9 @@
const option = {
grid: [
- { top: "20%", height: "27%", left: 30, right: 20 }, // 伸缩压
- { top: "45%", height: "27%", left: 30, right: 20 }, // 舒张压
- { top: "67%", height: "27%", left: 30, right: 20 }, // 脉搏
+ { 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",
@@ -504,6 +514,7 @@
axisLabel: { show: false },
splitLine: { show: false },
gridIndex: 0,
+ show: false,
},
{
type: "category",
@@ -514,6 +525,7 @@
axisLabel: { show: false },
splitLine: { show: false },
gridIndex: 1,
+ show: false,
},
{
type: "category",
@@ -524,6 +536,7 @@
axisLabel: { show: true }, // 最下面一层显示时间轴
splitLine: { show: false },
gridIndex: 2,
+ show: false,
},
],
yAxis: [
@@ -534,9 +547,9 @@
axisTick: { show: false },
axisLabel: { show: false },
splitLine: { show: false },
- min: 80,
- max: 180,
- interval: 20,
+ min: 0,
+ max: 300,
+ interval: 2,
gridIndex: 0,
},
{
@@ -546,9 +559,9 @@
axisTick: { show: false },
axisLabel: { show: false },
splitLine: { show: false },
- min: 40,
- max: 120,
- interval: 20,
+ min: 0,
+ max: 300,
+ interval: 2,
gridIndex: 1,
},
{
@@ -558,9 +571,9 @@
axisTick: { show: false },
axisLabel: { show: false },
splitLine: { show: false },
- min: 40,
- max: 140,
- interval: 20,
+ min: 0,
+ max: 300,
+ interval: 2,
gridIndex: 2,
},
],
--
Gitblit v1.8.0