ID1686-已签到页面改版优化

zhangchen

2025-08-27 267560778112315d0a6e5a7626a342ed65fba456

ID1686-已签到页面改版优化

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

@@ -14,7 +14,7 @@
      <div class="col row1-col2">
        <Card
          title="治疗模式"
          :icon="zlmsImg"
          :icon="tslImg"
          background-color="#ffffff"
          class="mini-card row1-col2-row1"
          header-class-name="mihi-header"
@@ -44,7 +44,7 @@
      <div class="col row1-col3">
        <Card
          title="置换总量"
          :icon="zlmsImg"
          :icon="zlztImg"
          background-color="#ffffff"
          class="mini-card row1-col3-row1"
          header-class-name="mihi-header"
@@ -55,7 +55,7 @@
        </Card>
        <Card
          title="透析时长"
          :icon="zlmsImg"
          :icon="cljdImg"
          background-color="#ffffff"
          class="mini-card row1-col3-row2"
          header-class-name="mihi-header"
@@ -68,7 +68,7 @@
      <div class="col row1-col4">
        <Card
          title="透析器"
          :icon="zlmsImg"
          :icon="txqImg"
          background-color="#ffffff"
          class="mini-card row1-col4-row1"
          header-class-name="mihi-header"
@@ -79,7 +79,7 @@
        </Card>
        <Card
          title="抗凝剂"
          :icon="zlmsImg"
          :icon="tslImg"
          background-color="#ffffff"
          class="mini-card row1-col4-row2"
          header-class-name="mihi-header"
@@ -139,7 +139,7 @@
        </Card>
        <Card
          title="处方备注"
          :icon="zlmsImg"
          :icon="maibo2Img"
          background-color="#ffffff"
          class="mini-card row1-col5-row2"
          header-class-name="mihi-header"
@@ -155,7 +155,7 @@
        <div class="row2-col1-row1">
          <Card
            title="处方血流量"
            :icon="zlmsImg"
            :icon="cljdImg"
            background-color="#ffffff"
            class="mini-card row2-col1-row1-col1"
            header-class-name="mihi-header"
@@ -166,7 +166,7 @@
          </Card>
          <Card
            title="处方钠"
            :icon="zlmsImg"
            :icon="cljdImg"
            background-color="#ffffff"
            class="mini-card row2-col1-row1-col2"
            header-class-name="mihi-header"
@@ -179,7 +179,7 @@
        <div class="row2-col1-row2">
          <Card
            title="透析液流量"
            :icon="zlmsImg"
            :icon="cljdImg"
            background-color="#ffffff"
            class="mini-card row2-col1-row2-col1"
            header-class-name="mihi-header"
@@ -190,7 +190,7 @@
          </Card>
          <Card
            title="透析液种类"
            :icon="zlmsImg"
            :icon="cljdImg"
            background-color="#ffffff"
            class="mini-card row2-col1-row2-col2"
            header-class-name="mihi-header"
@@ -203,7 +203,7 @@
        </div>
        <Card
          title="治疗状态"
          :icon="zlmsImg"
          :icon="zlztImg"
          background-color="#ffffff"
          class="mini-card row2-col1-row3"
          header-class-name="mihi-header"
@@ -216,7 +216,7 @@
      <div class="col row2-col2">
        <Card
          title="参考指标"
          :icon="zlmsImg"
          :icon="tizhongImg"
          background-color="#ffffff"
          class="reference-indicators"
          header-class-name="mihi-header"
@@ -307,10 +307,12 @@
        class="btn"
      />
    </div>
    <!-- 定时任务 -->
    <ScheduledTaskDialog ref="scheduledTaskDialogRef" />
  </div>
</template>
<script lang="ts" setup name="SignedIn">
import { computed, onMounted, ref } from "vue";
import { computed, defineAsyncComponent, onMounted, ref } from "vue";
import dayjs from "dayjs";
import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");
@@ -330,6 +332,7 @@
import txqImg from "@/img/txq.png";
import tizhongImg from "@/img/tizhong.png";
import yizhuImg from "@/img/yizhu.png";
import maibo2Img from "@/img/maibo2.png";

import {
  getItemName,
@@ -339,7 +342,10 @@
} from "@/store/type/bedsideAuxiliaryScreen.type";
// @ts-ignore
import BlockBotttom from "../components/BlockBotttom.vue";
import { ElMessage } from "element-plus/es";
import { ElMessage } from "element-plus";
const ScheduledTaskDialog = defineAsyncComponent(
  () => import("../components/ScheduledTask.vue")
);

interface Props {
  height: number;
@@ -349,6 +355,8 @@
const bedsideAuxiliaryScreenStore = useBedsideAuxiliaryScreenStore();

const bloodPressureRectangularChart = ref<HTMLElement | null>(null);
const scheduledTaskDialogRef = ref<any>(null);


const pageData = computed(() => {
  return Object.assign(bedsideAuxiliaryScreenStore.deviceData.signedIn, {
@@ -407,7 +415,14 @@
});

/** 点击定时任务 */
const onScheduledTasksClick = () => {};
const onScheduledTasksClick = () => {
  if (
    !bedsideAuxiliaryScreenStore.deviceCode ||
    !bedsideAuxiliaryScreenStore.deviceData.deviceCode
  )
    return ElMessage.warning("未初始化或正在进行初始化操作中");
  scheduledTaskDialogRef.value?.openDialog();
};

const onCallBumberClick = () => {
  ElMessage({