| | |
| | | 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 }} |
| | |
| | | backgroundColor="#D6DEF1" |
| | | borderRadius="50%" |
| | | /> |
| | | <div class="cftsl-text">当前时间:<span class="">{{ time }}</span></div> |
| | | </div> |
| | | </Card> |
| | | <Card |
| | |
| | | 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, { |
| | |
| | | // 生成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); |
| | |
| | | } |
| | | } |
| | | |
| | | .progress-box { |
| | | .progress-box { |
| | | display: flex; |
| | | align-items: center; |
| | | flex-direction: column; |