| | |
| | | </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"; |
| | | |
| | |
| | | ); |
| | | }); |
| | | |
| | | // const; |
| | | watch( |
| | | () => pageData.value.ktvList, |
| | | (newVal) => { |
| | | generateKtvListEchart(newVal); |
| | | }, |
| | | { deep: true } |
| | | ); |
| | | |
| | | watch( |
| | | () => pageData.value.monitoringRecord, |
| | | (newVal) => { |
| | | generatBloodPressureAndPulseEchart(newVal); |
| | | }, |
| | | { deep: true } |
| | | ); |
| | | |
| | | /** 生成ktv趋势图 */ |
| | | const generateKtvListEchart = (ktvList: KtvItem[]) => { |
| | |
| | | |
| | | 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", |
| | |
| | | axisTick: { show: false }, |
| | | axisLabel: { show: false }, |
| | | splitLine: { show: false }, |
| | | min: 80, |
| | | max: 180, |
| | | interval: 20, |
| | | min: "dataMin", // 自动以数据最小值为最小值 |
| | | max: "dataMax", |
| | | gridIndex: 0, |
| | | }, |
| | | { |
| | |
| | | axisTick: { show: false }, |
| | | axisLabel: { show: false }, |
| | | splitLine: { show: false }, |
| | | min: 40, |
| | | max: 120, |
| | | interval: 20, |
| | | min: "dataMin", // 自动以数据最小值为最小值 |
| | | max: "dataMax", |
| | | gridIndex: 1, |
| | | }, |
| | | { |
| | |
| | | axisTick: { show: false }, |
| | | axisLabel: { show: false }, |
| | | splitLine: { show: false }, |
| | | min: 40, |
| | | max: 140, |
| | | interval: 20, |
| | | min: "dataMin", // 自动以数据最小值为最小值 |
| | | max: "dataMax", |
| | | gridIndex: 2, |
| | | }, |
| | | ], |