| | |
| | | :icon="zlmsImg" |
| | | background-color="#ffffff" |
| | | class="mini-card left-row1-col2-row1" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div class="item-box dialysis-mode-content"> |
| | | <div class="dialysis-mode-content-box"> |
| | |
| | | :icon="zlmsImg" |
| | | background-color="#ffffff" |
| | | class="mini-card left-row1-col2-item-row2" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div class="prescription-remarks"> |
| | | {{ pageData.prescriptionRemarks }} |
| | |
| | | <div class="left-row1-col3"> |
| | | <Card |
| | | title="透析器" |
| | | :icon="zlmsImg" |
| | | :icon="txqImg" |
| | | background-color="#ffffff" |
| | | class="mini-card left-row1-col3-row1" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div class="item-box prescription-ehydration-olume"> |
| | | <span class="text">{{ pageData.dialyzer }}</span> |
| | |
| | | </Card> |
| | | <Card |
| | | title="异常指标" |
| | | :icon="zlmsImg" |
| | | :icon="xinlvImg" |
| | | background-color="#ffffff" |
| | | class="mini-card left-row1-col3-row2" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div class="dialysis-mode-content"> |
| | | <span |
| | |
| | | <div class="left-row2"> |
| | | <Card |
| | | title="血温监测" |
| | | :icon="zlmsImg" |
| | | :icon="xinLv2Img" |
| | | background-color="#ffffff" |
| | | class="mini-card left-row2-col1" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div class="item-box current-lood0emperature"> |
| | | <span class="text">{{ pageData.currentBloodTemperature }}</span> |
| | |
| | | </Card> |
| | | <Card |
| | | title="血压监测" |
| | | :icon="zlmsImg" |
| | | :icon="xinLv2Img" |
| | | background-color="#ffffff" |
| | | class="mini-card left-row2-col2" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div class="item-box venous-pressure"> |
| | | <span class="text" |
| | |
| | | </Card> |
| | | <Card |
| | | title="血压脉搏趋势图" |
| | | :icon="zlmsImg" |
| | | :icon="xinLv2Img" |
| | | background-color="#ffffff" |
| | | class="mini-card left-row2-col3" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div class=""></div> |
| | | </Card> |
| | |
| | | <div class="left-row3"> |
| | | <Card |
| | | title="血容量监测" |
| | | :icon="zlmsImg" |
| | | :icon="xinLv2Img" |
| | | background-color="#ffffff" |
| | | class="mini-card left-row3-col1" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div class="item-box current-lood0emperature"> |
| | | <span class="text">{{ pageData.bloodVolumeMonitoring }}</span> |
| | |
| | | </Card> |
| | | <Card |
| | | title="KTV监测" |
| | | :icon="zlmsImg" |
| | | :icon="xinLv2Img" |
| | | background-color="#ffffff" |
| | | class="mini-card left-row3-col2" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div class="item-box venous-pressure"> |
| | | <span class="text">{{ pageData.ktv }}</span> |
| | |
| | | </Card> |
| | | <Card |
| | | title="KTV趋势图" |
| | | :icon="zlmsImg" |
| | | :icon="xinLv2Img" |
| | | background-color="#ffffff" |
| | | class="mini-card ktv-card left-row3-col3" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div style="height: 100%"> |
| | | <div ref="ktvListEchartRef" style="width: 100%; height: 100%"></div> |
| | |
| | | <div class="left-row4"> |
| | | <Card |
| | | title="血流量" |
| | | :icon="zlmsImg" |
| | | :icon="txqImg" |
| | | background-color="#ffffff" |
| | | class="mini-card left-row4-col" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div class="item-box current-lood0emperature"> |
| | | <span class="text">{{ pageData.bloodFlow }}</span> |
| | |
| | | </Card> |
| | | <Card |
| | | title="透析液流量" |
| | | :icon="zlmsImg" |
| | | :icon="txqImg" |
| | | background-color="#ffffff" |
| | | class="mini-card left-row4-col" |
| | | header-class-name="mihi-header" |
| | | header-class-name="mini-header" |
| | | > |
| | | <div class="item-box current-lood0emperature"> |
| | | <span class="text">{{ pageData.dialysisFluidFlowRate }}</span> |
| | |
| | | <div class="right-box-row1"> |
| | | <Card |
| | | title="治疗状态" |
| | | :icon="zlmsImg" |
| | | :icon="txztImg" |
| | | background-color="#ffffff" |
| | | class="mini-card right-box-row1-col1" |
| | | header-class-name="mini-header" |
| | |
| | | </Card> |
| | | <Card |
| | | title="脱水量详情" |
| | | :icon="zlmsImg" |
| | | :icon="cljdImg" |
| | | background-color="#ffffff" |
| | | class="mini-card right-box-row1-col2" |
| | | header-class-name="mini-header" |
| | |
| | | <div class="right-box-row2"> |
| | | <Card |
| | | title="时间进度" |
| | | :icon="zlmsImg" |
| | | :icon="sjjdImg" |
| | | background-color="#ffffff" |
| | | class="mini-card right-box-row2-item" |
| | | header-class-name="mini-header" |
| | |
| | | </Card> |
| | | <Card |
| | | title="超滤进度" |
| | | :icon="zlmsImg" |
| | | :icon="cljdImg" |
| | | background-color="#ffffff" |
| | | class="mini-card right-box-row2-item" |
| | | header-class-name="mini-header" |
| | |
| | | <div class="right-box-row3"> |
| | | <Card |
| | | title="临时医嘱" |
| | | :icon="zlmsImg" |
| | | :icon="yizhuImg" |
| | | background-color="#ffffff" |
| | | class="mini-card right-box-row2-item" |
| | | header-class-name="mini-header" |
| | |
| | | import jiaoHaoImg from "@/img/jiaoHao.png"; |
| | | import kaiShiImg from "@/img/kaiShi.png"; |
| | | import addImg from "@/img/add.png"; |
| | | import txqImg from "@/img/txq.png"; |
| | | import xinlvImg from "@/img/xinlv.png"; |
| | | import xinLv2Img from "@/img/xinlv2.png"; |
| | | import txztImg from "@/img/txzt.png"; |
| | | import cljdImg from "@/img/cljd.png"; |
| | | import sjjdImg from "@/img/sjjd.png"; |
| | | import yizhuImg from "@/img/yizhu.png"; |
| | | |
| | | interface Props { |
| | | height: number; |
| | |
| | | margin-bottom: 0px; |
| | | } |
| | | } |
| | | :deep(.mihi-header) { |
| | | :deep(.mini-header) { |
| | | flex: 0 0 4px; |
| | | .card-icon { |
| | | width: 4px; |