From f8fe2290f6279451beaa96142765343edaee25be Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期二, 22 七月 2025 15:13:50 +0800
Subject: [PATCH] ID1625-已签到页面暂存

---
 src/views/mobile/bedsideAuxiliaryScreen/index.vue |   18 ++++++++++++++++--
 1 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/views/mobile/bedsideAuxiliaryScreen/index.vue b/src/views/mobile/bedsideAuxiliaryScreen/index.vue
index cc09d14..876f4b5 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/index.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="bedside-auxiliary-screen-container">
+  <div class="bedside-auxiliary-screen-container" :style="{ backgroundColor: backgroundColor }">
     <Header />
     <div class="bedside-auxiliary-screen-content">
         <div class="content-position"></div>
@@ -20,11 +20,21 @@
 const UnplannedSchedule = defineAsyncComponent(() => import('./components/UnplannedSchedule.vue'));
 // 未签到时的组件
 const NotSignedIn = defineAsyncComponent(() => import('./components/NotSignedIn.vue'));
+// 已签到时的组件
+const SignedIn = defineAsyncComponent(() => import('./components/SignedIn.vue'));
 // 治疗中的组件
 const UnderTreatment = defineAsyncComponent(() => import('./components/UnderTreatment.vue'));
 
 const bedsideAuxiliaryScreenStore = useBedsideAuxiliaryScreenStore();
 const cotentHeight = ref(0);
+const backgroundColor = computed(() => {
+  let color = '#DAE5EC';
+  // 如果是未排班、加载中或未签到页面,背景色为白色
+  if ([EPageType.NOT_INIT, EPageType.LOADING, EPageType.UNPLANNED_SCHEDULE].includes(bedsideAuxiliaryScreenStore.deviceData.pageType)) {
+    color = '#fff';
+  }
+  return color;
+});
 
 const currentComponent = computed(() => {
   let name: any = UnplannedSchedule;
@@ -38,7 +48,10 @@
   } 
   // 已签到
   else if (bedsideAuxiliaryScreenStore.deviceData.pageType === EPageType.SIGNED_IN) {
-  } else {
+    name = SignedIn;
+  }
+  // 透析中 
+  else {
     name = UnderTreatment;
   }
   return name;
@@ -68,6 +81,7 @@
   box-sizing: border-box;
 }
 .bedside-auxiliary-screen-container {
+  background-color: #409eff;
   .bedside-auxiliary-screen-content {
     padding: 6px 12px 0;
   }

--
Gitblit v1.8.0