From 69a37b00da3147c95c18e922d113c9a176563af0 Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期四, 24 七月 2025 21:10:19 +0800
Subject: [PATCH] ID1625-x

---
 src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue |   71 ++++++++++++++++++++++++++---------
 1 files changed, 53 insertions(+), 18 deletions(-)

diff --git a/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
index 57cde83..b05d642 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
@@ -308,8 +308,9 @@
           class="btn"
         />
         <BlockBotttom
+          v-if="!whetherDialysisHasBeenEnded"
           :icon="kaiShiImg"
-          text="j结束透析"
+          text="结束透析"
           backgroundColor="#E6A23C"
           @click="() => onEndClick()"
           class="btn"
@@ -319,7 +320,7 @@
   </div>
 </template>
 <script lang="ts" setup name="UnderTreatment">
-import { computed, ref, onMounted, onBeforeUnmount } from "vue";
+import { computed, ref, onMounted, onBeforeUnmount, watch } from "vue";
 import * as echarts from "echarts";
 import dayjs from "dayjs";
 
@@ -355,6 +356,7 @@
 import cljdImg from "@/img/cljd.png";
 import sjjdImg from "@/img/sjjd.png";
 import yizhuImg from "@/img/yizhu.png";
+import { ElMessage } from "element-plus";
 
 interface Props {
   height: number;
@@ -385,7 +387,28 @@
   return "未知状态";
 });
 
-// const;
+/** 是否已结束透析 */
+const whetherDialysisHasBeenEnded = computed(() => {
+  return (
+    +bedsideAuxiliaryScreenStore.deviceData.treatmentStatus >= EMedStatus.END
+  );
+});
+
+watch(
+  () => pageData.value.ktvList,
+  (newVal) => {
+    generateKtvListEchart(newVal);
+  },
+  { deep: true }
+);
+
+watch(
+  () => pageData.value.monitoringRecord,
+  (newVal) => {
+    generatBloodPressureAndPulseEchart(newVal);
+  },
+  { deep: true }
+);
 
 /** 生成ktv趋势图 */
 const generateKtvListEchart = (ktvList: KtvItem[]) => {
@@ -468,9 +491,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: "10%", height: "25%", left: 30, right: 20 },
+      { top: "38%", height: "25%", left: 30, right: 20 },
+      { top: "66%", height: "25%", left: 30, right: 20 },
     ],
     tooltip: {
       trigger: "axis",
@@ -515,9 +538,8 @@
         axisTick: { show: false },
         axisLabel: { show: false },
         splitLine: { show: false },
-        min: 80,
-        max: 180,
-        interval: 20,
+        min: "dataMin", // 自动以数据最小值为最小值
+        max: "dataMax",
         gridIndex: 0,
       },
       {
@@ -527,9 +549,8 @@
         axisTick: { show: false },
         axisLabel: { show: false },
         splitLine: { show: false },
-        min: 40,
-        max: 120,
-        interval: 20,
+        min: "dataMin", // 自动以数据最小值为最小值
+        max: "dataMax",
         gridIndex: 1,
       },
       {
@@ -539,9 +560,8 @@
         axisTick: { show: false },
         axisLabel: { show: false },
         splitLine: { show: false },
-        min: 40,
-        max: 140,
-        interval: 20,
+        min: "dataMin", // 自动以数据最小值为最小值
+        max: "dataMax",
         gridIndex: 2,
       },
     ],
@@ -607,13 +627,28 @@
 const onScheduledTasksClick = () => {};
 
 /** 叫号 */
-const onCallBumberClick = () => {};
+const onCallBumberClick = () => {
+  ElMessage({
+    message: "功能开发中,敬请期待!",
+    type: "warning",
+  });
+};
 
 /** 添加记录 */
-const onAddRecordClick = () => {};
+const onAddRecordClick = () => {
+  ElMessage({
+    message: "功能开发中,敬请期待!",
+    type: "warning",
+  });
+};
 
 /** 结束透析 */
-const onEndClick = () => {};
+const onEndClick = () => {
+  ElMessage({
+    message: "功能开发中,敬请期待!",
+    type: "warning",
+  });
+};
 
 onMounted(() => {
   // 生成ktv趋势图

--
Gitblit v1.8.0