Merge branch 'ID1825-床旁副屏改版' into test

zhangchen

2025-07-26 bae842ad4d3ea87ed547dcbf5c8dd85ba0bdbb01

 src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue

@@ -12,7 +12,12 @@
        </el-image>
      </div>
      <div class="row1-col2">
        <Card title="异常指标" :icon="tslImg" background-color="#ffffff">
        <Card
          title="异常指标"
          :icon="xinlvImg"
          background-color="#ffffff"
          header-class-name="mihi-header"
        >
          <div class="dialysis-mode-content">
            <span
              v-for="(item, index) in pageData.abnormalItems"
@@ -30,9 +35,10 @@
        <div class="row1-col3-row1">
          <Card
            title="治疗模式"
            :icon="tslImg"
            :icon="zlmsImg"
            background-color="#ffffff"
            class="row1-col3-row1-item"
            header-class-name="mihi-header"
          >
            <div class="item-box dialysis-mode-content">
              {{ pageData.dialysisPlan }}
@@ -40,18 +46,20 @@
          </Card>
          <Card
            title="治疗状态"
            :icon="tslImg"
            :icon="zlztImg"
            background-color="#ffffff"
            class="row1-col3-row1-item"
            header-class-name="mihi-header"
          >
            <div class="item-box treatment-status">已签到</div>
          </Card>
        </div>
        <Card
          title="处方脱水量"
          :icon="tslImg"
          :icon="cljdImg"
          background-color="#ffffff"
          class="row1-col3-row2"
          header-class-name="mihi-header"
        >
          <div class="item-box prescription-ehydration-olume">
            {{ pageData.prescriptionDehydrationVolume }} L
@@ -60,10 +68,11 @@
      </div>
      <div class="row1-col4">
        <Card
          title="透析器(显示规格)"
          :icon="tslImg"
          title="透析器"
          :icon="txqImg"
          background-color="#ffffff"
          class="row1-col4-row"
          header-class-name="mihi-header"
        >
          <div class="item-box dialyzer">
            {{ pageData.dialyzer }}
@@ -71,21 +80,31 @@
        </Card>
        <Card
          title="脱水量详情"
          :icon="tslImg"
          :icon="cljdImg"
          background-color="#ffffff"
          class="row1-col4-row"
          header-class-name="mihi-header"
        >
          <div class="dehydrated-level">
          <div class="dehydrated-level left-0">
            <div class="dehydrated-level-item">
              <span class="item-left"
                >平均脱水量：{{ pageData.averageDehydrationRate }} L</span
                >平均脱水量:{{ pageData.averageDehydrationRate }} L</span
              >
              <span class="item-right">(最近3周9次)</span>
              <span class="item-right">(最近9次)</span>
            </div>
            <div class="dehydrated-level-item">
              <span class="item-left"
                >最大脱水量：{{ pageData.maximumDehydrationCapacity }} L</span
              >
                ><span
                  >最大脱水量:{{ pageData.maximumDehydrationCapacity }} L</span
                >
                <template v-if="pageData.maximumDehydrationDuration"
                  >/
                  <span class="level-dete">{{
                    pageData.maximumDehydrationDuration
                  }}</span>
                </template>
              </span>

              <span class="item-right"
                >({{ pageData.maximumDehydrationCapacityDate }})</span
              >
@@ -97,9 +116,10 @@
    <div class="row2">
      <Card
        title="干体重"
        :icon="tslImg"
        :icon="tizhongImg"
        background-color="#ffffff"
        class="row2-item"
        header-class-name="big-header"
      >
        <div class="weight-box">
          <span class="weight-text">{{ pageData.dryWeight }}</span>
@@ -108,9 +128,10 @@
      </Card>
      <Card
        title="透前体重"
        :icon="tslImg"
        :icon="tizhongImg"
        background-color="#ffffff"
        class="row2-item"
        header-class-name="big-header"
      >
        <div class="weight-box">
          <span class="weight-text">{{ pageData.preDialysisWeight }}</span>
@@ -119,9 +140,10 @@
      </Card>
      <Card
        title="上次透后体重"
        :icon="tslImg"
        :icon="tizhongImg"
        background-color="#ffffff"
        class="row2-item"
        header-class-name="big-header"
      >
        <div class="weight-box">
          <span class="weight-text">{{
@@ -132,20 +154,25 @@
      </Card>
      <Card
        title="体重增长"
        :icon="tslImg"
        :icon="tizhongImg"
        background-color="#ffffff"
        class="row2-item"
        header-class-name="big-header"
      >
        <div class="weight-box">
          <span v-if="pageData.weightIncreaseRate > 0" class="weight-text"
            >+</span
          >
          <span class="weight-text">{{ pageData.weightIncrease }}</span>
          <span class="unit-text">kg</span>
        </div>
      </Card>
      <Card
        title="增长率"
        :icon="tslImg"
        :icon="tizhongImg"
        background-color="#ffffff"
        class="row2-item"
        header-class-name="big-header"
      >
        <div class="weight-box">
          <span class="weight-text">{{ pageData.weightIncreaseRate }}</span>
@@ -187,6 +214,12 @@
import dingShiImg from "@/img/dingshi2.png";
import jiaoHaoImg from "@/img/jiaoHao.png";
import kaiShiImg from "@/img/kaiShi.png";
import xinlvImg from "@/img/xinlv.png";
import zlmsImg from "@/img/zlms.png";
import zlztImg from "@/img/txzt.png";
import cljdImg from "@/img/cljd.png";
import txqImg from "@/img/txq.png";
import tizhongImg from "@/img/tizhong.png";

import {
  getItemName,
@@ -298,6 +331,9 @@
          flex-direction: column;
          align-items: center;
          justify-content: space-between;
          &.left-0 {
            padding-left: 0;
          }
          .dehydrated-level-item {
            width: 100%;
            display: flex;
@@ -310,6 +346,14 @@
              color: #333333;
              line-height: 6px;
              font-style: normal;
              .level-dete {
                font-family: PingFangSC, PingFang SC;
                font-weight: 600;
                font-size: 4px;
                color: #d58e56;
                text-align: left;
                font-style: normal;
              }
            }
            .item-right {
              font-family: PingFangSC, PingFang SC;
@@ -325,7 +369,7 @@
    }
  }
  .row2 {
    height: 18.72%;
    height: 21.72%;
    overflow: hidden;
    display: flex;
    gap: 4px;
@@ -394,5 +438,26 @@
      color: #8079cb;
    }
  }
  // card header class
  :deep(.mihi-header) {
    flex: 0 0 4px;
    .card-icon {
      width: 4px;
      height: 4px;
    }
    .card-title {
      font-size: 4px;
    }
  }
  :deep(.big-header) {
    flex: 0 0 9px;
    .card-icon {
      width: 9px;
      height: 9px;
    }
    .card-title {
      font-size: 5px;
    }
  }
}
</style>