单应用项目,可以创建很多独立工具类页面 ,不用登录 初始化的页面
zhangchen
2025-09-16 a99886eb9c73018235e2c373f3d82a2b0b2311d5
src/views/mobile/bedsideAuxiliaryScreen/pages/UnderTreatment.vue
@@ -160,25 +160,25 @@
        </div>
        <div class="left-row4">
          <Card
            title="血流量"
            title="静脉压/跨膜压"
            :icon="txqImg"
            background-color="#ffffff"
            class="mini-card left-row4-col"
            header-class-name="mini-header"
          >
            <div class="item-box current-lood0emperature">
              <span class="text">{{ pageData.bloodFlow }}</span>
              <span class="text">{{ pageData.venousPressure2 }}/{{ pageData.transmembranePressure2 }}</span>
            </div>
          </Card>
          <Card
            title="透析液流量"
            title="血流量/透析液流量"
            :icon="txqImg"
            background-color="#ffffff"
            class="mini-card left-row4-col"
            header-class-name="mini-header"
          >
            <div class="item-box current-lood0emperature">
              <span class="text">{{ pageData.dialysisFluidFlowRate }}</span>
              <span class="text">{{ pageData.bloodFlow }}/{{ pageData.dialysisFluidFlowRate }}</span>
            </div>
          </Card>
        </div>
@@ -266,7 +266,7 @@
            header-class-name="mini-header"
          >
            <div class="progress-box">
              <div class="item-num">
              <div class="item-num item-num-2">
                {{ pageData.currentDehydrationVolume }}/{{
                  pageData.prescriptionDehydrationVolume
                }}({{ pageData.currentUltrafiltrationRate }})
@@ -281,6 +281,7 @@
                backgroundColor="#D6DEF1"
                borderRadius="50%"
              />
              <div class="cftsl-text">处方脱水量:<span class="cftsl-num">{{ pageData.处方脱水量 }}L</span></div>
            </div>
          </Card>
        </div>
@@ -303,20 +304,20 @@
            @click="() => onScheduledTasksClick()"
            class="btn"
          />
          <BlockBotttom
          <!-- <BlockBotttom
            :icon="jiaoHaoImg"
            text="叫号"
            backgroundColor="#20C6B6"
            @click="() => onCallBumberClick()"
            class="btn"
          />
          <BlockBotttom
          /> -->
          <!-- <BlockBotttom
            :icon="addImg"
            text="添加记录"
            backgroundColor="#409EFF"
            @click="() => onAddRecordClick()"
            class="btn"
          />
          /> -->
          <BlockBotttom
            v-if="!whetherDialysisHasBeenEnded"
            :icon="kaiShiImg"
@@ -330,6 +331,8 @@
    </div>
    <!-- 定时任务 -->
    <ScheduledTaskDialog ref="scheduledTaskDialogRef" />
    <!-- 结束透析组件 -->
    <EndDialysis ref="endDialysisRef" />
  </div>
</template>
<script lang="ts" setup name="UnderTreatment">
@@ -354,6 +357,7 @@
const ScheduledTaskDialog = defineAsyncComponent(
  () => import("../components/ScheduledTask.vue")
);
const EndDialysis = defineAsyncComponent(() => import("../components/EndDialysis/index.vue"));
import { useBedsideAuxiliaryScreenStore } from "@/store/bedsideAuxiliaryScreen";
import {
  formatSubstituteMode,
@@ -389,6 +393,7 @@
const bedsideAuxiliaryScreenStore = useBedsideAuxiliaryScreenStore();
const scheduledTaskDialogRef = ref<any>(null);
const endDialysisRef = ref<any>(null);
// ktv趋势图的
const ktvListEchartRef = ref<HTMLElement | null>(null);
@@ -418,6 +423,8 @@
    +bedsideAuxiliaryScreenStore.deviceData.treatmentStatus >= EMedStatus.END
  );
});
watch(
  () => pageData.value.ktvList,
@@ -784,10 +791,14 @@
/** 结束透析 */
const onEndClick = () => {
  ElMessage({
    message: "功能开发中,敬请期待!",
    type: "warning",
  });
  if (
    !bedsideAuxiliaryScreenStore.deviceCode ||
    !bedsideAuxiliaryScreenStore.deviceData.deviceCode
  )
    return ElMessage.warning("未初始化或正在进行初始化操作中");
  if (!bedsideAuxiliaryScreenStore.userInfo?.token)
    return ElMessage.warning("请登录");
  endDialysisRef.value?.openDialog();
};
onMounted(() => {
@@ -991,6 +1002,20 @@
      color: #333333;
      text-align: left;
      font-style: normal;
      &.item-num-2 {
        margin-bottom: 2px;
      }
    }
    .cftsl-text {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 5px;
      color: #333333;
      text-align: left;
      font-style: normal;
      .cftsl-num {
        color: #a91a1a;
      }
    }
  }