单应用项目,可以创建很多独立工具类页面 ,不用登录 初始化的页面
zhangchen
2025-07-24 1ca9dd0523eca1bf691b6542725ad94181bac094
src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
@@ -18,7 +18,7 @@
            :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">
@@ -34,7 +34,7 @@
            :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 }}
@@ -44,10 +44,10 @@
        <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>
@@ -55,10 +55,10 @@
          </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
@@ -77,10 +77,10 @@
      <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>
@@ -88,10 +88,10 @@
        </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"
@@ -103,10 +103,10 @@
        </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>
@@ -114,10 +114,10 @@
      <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>
@@ -125,10 +125,10 @@
        </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>
@@ -136,10 +136,10 @@
        </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>
@@ -149,10 +149,10 @@
      <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>
@@ -160,10 +160,10 @@
        </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>
@@ -175,7 +175,7 @@
      <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"
@@ -186,7 +186,7 @@
        </Card>
        <Card
          title="脱水量详情"
          :icon="zlmsImg"
          :icon="cljdImg"
          background-color="#ffffff"
          class="mini-card right-box-row1-col2"
          header-class-name="mini-header"
@@ -220,7 +220,7 @@
      <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"
@@ -231,7 +231,7 @@
        </Card>
        <Card
          title="超滤进度"
          :icon="zlmsImg"
          :icon="cljdImg"
          background-color="#ffffff"
          class="mini-card right-box-row2-item"
          header-class-name="mini-header"
@@ -258,7 +258,7 @@
      <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"
@@ -324,6 +324,13 @@
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;
@@ -713,7 +720,7 @@
      margin-bottom: 0px;
    }
  }
  :deep(.mihi-header) {
  :deep(.mini-header) {
    flex: 0 0 4px;
    .card-icon {
      width: 4px;