Merge branch 'ID1825-床旁副屏改版' into test

zhangchen

2025-07-25 17bf58ac59f5cb3e01ac028cdbc37a3c7c6737ed

Merge branch 'ID1825-床旁副屏改版' into test

 src/store/type/bedsideAuxiliaryScreen.type.ts

@@ -351,7 +351,7 @@
  ktv: string; // 实时ktv
  monitoringRecord: MonitoringRecord[]; // 监测记录列表
  doctorAdvice: any[]; // 透析单医嘱列表
  bloodFlow: string; // 血流量
  bloodFlow: number | null; // 血流量
  bloodVolumeMonitoring: number | null; // 血容量监测
  dialysisFluidFlowRate: number | null; // 透析液流量
  ktvList: KtvItem[]; // 实时ktv计算结果列表
@@ -388,7 +388,7 @@
    ktv: "",
    monitoringRecord: [],
    doctorAdvice: [],
    bloodFlow: "",
    bloodFlow: null,
    bloodVolumeMonitoring: null,
    dialysisFluidFlowRate: null,
    ktvList: [],
@@ -546,11 +546,10 @@
        underTreatment.ktv = seeMsg.透析状态?.实时ktv ?? "";
        underTreatment.monitoringRecord = seeMsg.透析状态?.监测记录列表 ?? [];
        underTreatment.doctorAdvice = seeMsg.透析状态?.透析单医嘱列表 ?? [];
        underTreatment.bloodFlow = "";
        underTreatment.bloodFlow = seeMsg.透析状态?.iot_血流量 ?? null;
        underTreatment.dialysisFluidFlowRate =
          seeMsg.透析状态?.iot_血流量 ?? null;
        underTreatment.bloodVolumeMonitoring =
          seeMsg.透析状态?.iot_透析液流速 ?? null;
        underTreatment.bloodVolumeMonitoring =  null;
        underTreatment.ktvList =
          seeMsg.透析状态?.实时ktv计算结果列表
            ?.realTimeKtvCalcDetailResultInfo ?? [];

 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",