ID2093-透析中页面显示当前时间

zhangchen

2025-09-17 40be2ea26ee284457e7dd9ee6070842244ad3472

ID2093-透析中页面显示当前时间

 src/store/type/bedsideAuxiliaryScreen.type.ts

@@ -513,7 +513,6 @@
    signedIn: defaultSignedIn(), // 已签到时需要的数据
    underTreatment: defaultUnderTreatment(), // 治疗中需要的数据
    sphygmomanometer: defaultSphygmomanometer(), // 血压计传过来的数据
    患者出生日期: '',
  };
};


 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;
      }
    }
  }