单应用项目,可以创建很多独立工具类页面 ,不用登录 初始化的页面
zhangchen
2025-07-23 3519b38f8230634a319d9e97a38092fbb8e402f4
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
@@ -61,9 +69,10 @@
      <div class="row1-col4">
        <Card
          title="透析器(显示规格)"
          :icon="tslImg"
          :icon="txqImg"
          background-color="#ffffff"
          class="row1-col4-row"
          header-class-name="mihi-header"
        >
          <div class="item-box dialyzer">
            {{ pageData.dialyzer }}
@@ -71,9 +80,10 @@
        </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-item">
@@ -97,9 +107,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 +119,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 +131,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 +145,23 @@
      </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 +203,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,
@@ -325,7 +347,7 @@
    }
  }
  .row2 {
    height: 18.72%;
    height: 21.72%;
    overflow: hidden;
    display: flex;
    gap: 4px;
@@ -394,5 +416,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>