From 40be2ea26ee284457e7dd9ee6070842244ad3472 Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期三, 17 九月 2025 22:26:35 +0800
Subject: [PATCH] ID2093-透析中页面显示当前时间
---
src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue | 30 ++++++++++++++++++++++++++++--
1 files changed, 28 insertions(+), 2 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
index 79f8750..422c356 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
@@ -241,7 +241,7 @@
header-class-name="mini-header"
>
<div class="progress-box">
- <div class="item-num">
+ <div class="item-num item-num-2">
{{ jgTime4(pageData.dialysisDuration) }}/{{
pageData.prescriptionDialysisDurationHour
}}:{{ pageData.prescriptionDialysisDurationMin }}
@@ -256,6 +256,7 @@
backgroundColor="#D6DEF1"
borderRadius="50%"
/>
+ <div class="cftsl-text">当前时间:<span class="">{{ time }}</span></div>
</div>
</Card>
<Card
@@ -394,6 +395,9 @@
const ktvListEchartRef = ref<HTMLElement | null>(null);
// 血压脉搏趋势图的
const bloodPressureAndPulseEchartRef = ref<HTMLElement | null>(null);
+
+const time = ref(dayjs().format("HH:mm"))
+let timer: number | undefined
const pageData = computed(() => {
return Object.assign(bedsideAuxiliaryScreenStore.deviceData.underTreatment, {
@@ -794,9 +798,17 @@
// 生成ktv趋势图
generateKtvListEchart(pageData.value.ktvList);
generatBloodPressureAndPulseEchart(pageData.value.monitoringRecord);
+ // 初始化
+ time.value = dayjs().format("HH:mm")
+
+ // 每分钟刷新一次
+ timer = window.setInterval(() => {
+ time.value = dayjs().format("HH:mm")
+ }, 1000 * 1)
});
onBeforeUnmount(() => {
+ if (timer) clearInterval(timer)
// 销毁图表实例
if (ktvListEchartRef.value) {
const chart = echarts.getInstanceByDom(ktvListEchartRef.value);
@@ -979,7 +991,7 @@
}
}
- .progress-box {
+.progress-box {
display: flex;
align-items: center;
flex-direction: column;
@@ -991,6 +1003,20 @@
color: #333333;
text-align: left;
font-style: normal;
+ &.item-num-2 {
+ margin-bottom: 2px;
+ }
+ }
+ .cftsl-text {
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 600;
+ font-size: 5px;
+ color: #333333;
+ text-align: left;
+ font-style: normal;
+ .cftsl-num {
+ color: #a91a1a;
+ }
}
}
--
Gitblit v1.8.0