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/components/NotSignedIn.vue | 164 +++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 141 insertions(+), 23 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/NotSignedIn.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/NotSignedIn.vue
index 115872b..b54fbdd 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/NotSignedIn.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/NotSignedIn.vue
@@ -19,7 +19,9 @@
background-color="#E5EEFF"
class="row1-center-row1-item"
>
- <div class=""></div>
+ <div class="dialysis-mode-content">
+ <span>{{ pageData.dialysisMode }}</span>
+ </div>
</Card>
<Card
title="治疗模式"
@@ -27,7 +29,9 @@
background-color="#F1EEFA"
class="row1-center-row1-item"
>
- <div class=""></div>
+ <div class="dialysis-mode-content item-2">
+ <span>未签到</span>
+ </div>
</Card>
</div>
<Card
@@ -36,7 +40,19 @@
background-color="#D9F0E2"
class="row1-center-row2"
>
- <div class=""></div>
+ <div class="list-box-1">
+ <div
+ v-for="(item, index) in pageData.pipingList"
+ :key="index"
+ class="list-item"
+ style="color: #3ab859"
+ >
+ <div class="list-item-left">
+ {{ item.name }}
+ </div>
+ <div class="list-item-right">{{ item.数量 }}{{ item.单位 }}</div>
+ </div>
+ </div>
</Card>
</div>
<div class="row1-right">
@@ -46,7 +62,18 @@
background-color="#F9DEDE"
class="row1-right-item"
>
- <div class=""></div>
+ <div class="list-box-1">
+ <div
+ v-for="(item, index) in pageData.dialyzerList"
+ :key="index"
+ class="list-item"
+ >
+ <div class="list-item-left">
+ {{ item.name }}
+ </div>
+ <div class="list-item-right">{{ item.数量 }}{{ item.单位 }}</div>
+ </div>
+ </div>
</Card>
<Card
title="透析液"
@@ -54,7 +81,18 @@
background-color="#EFE5FF"
class="row1-right-item"
>
- <div class=""></div>
+ <div class="list-box-1">
+ <div
+ v-for="(item, index) in pageData.dialysateList"
+ :key="index"
+ class="list-item"
+ >
+ <div class="list-item-left">
+ {{ item.name }}
+ </div>
+ <div class="list-item-right">{{ item.数量 }}{{ item.单位 }}</div>
+ </div>
+ </div>
</Card>
</div>
</div>
@@ -65,7 +103,22 @@
background-color="#FFEDD2"
class="row-item"
>
- <div class=""></div>
+ <div class="list-box-2">
+ <div
+ v-for="(item, index) in pageData.anticoagulant"
+ :key="index"
+ class="list-item"
+ >
+ <div class="list-item-name">
+ {{ item.name }}
+ </div>
+ <div class="list-item-num">
+ <span>首剂：{{ item.首剂 }}{{ item.单位 }}</span>
+ <span>追加/维持：{{ item.是否为追加 ? item.追加剂量 : item.维持剂量 }}{{ item.单位 }}</span>
+ <span>总量：{{ item.总量 }}{{ item.单位 }}</span>
+ </div>
+ </div>
+ </div>
</Card>
<Card
title="一次性使用透析护理包"
@@ -73,21 +126,18 @@
background-color="#E5EEFF"
class="row-item"
>
- <div class="">
- <p>999</p>
- <p>999</p>
- <p>999</p>
- <p>999</p>
- <p>999</p>
- <p>999</p>
- <p>999</p>
- <p>999</p>
- <p>999</p>
- <p>999</p>
- <p>999</p>
- <p>999</p>
- <p>999</p>
-
+ <div class="list-box-1">
+ <div
+ v-for="(item, index) in pageData.carePackage"
+ :key="index"
+ class="list-item"
+ style="color: #1D77BD"
+ >
+ <div class="list-item-left">
+ {{ item.name }}
+ </div>
+ <div class="list-item-right">{{ item.数量 }}{{ item.单位 }}</div>
+ </div>
</div>
</Card>
</div>
@@ -98,7 +148,19 @@
background-color="#FFEDD2"
class="row-item"
>
- <div class=""></div>
+ <div class="list-box-1">
+ <div
+ v-for="(item, index) in pageData.punctureNeedle"
+ :key="index"
+ class="list-item"
+ style="color: #A78718"
+ >
+ <div class="list-item-left">
+ {{ item.name }}
+ </div>
+ <div class="list-item-right">{{ item.数量 }}{{ item.单位 }}</div>
+ </div>
+ </div>
</Card>
<Card
title="血管通路"
@@ -106,7 +168,16 @@
background-color="#E5EEFF"
class="row-item"
>
- <div class=""></div>
+ <div class="list-box-1">
+ <div
+ v-for="(item, index) in pageData.vascularAccess"
+ :key="index"
+ class="list-item"
+ style="color: #1D77BD"
+ >
+ <div class="list-item-left">{{ item.位置 }} {{ item.类型 }}</div>
+ </div>
+ </div>
</Card>
</div>
</div>
@@ -172,6 +243,21 @@
gap: 4px; // 行间间距
.row1-center-row1-item {
flex: 1;
+ .dialysis-mode-content {
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 500;
+ font-size: 11px;
+ color: #3a75b8;
+ text-align: center;
+ font-style: normal;
+ &.item-2 {
+ color: #333;
+ }
+ }
}
}
.row1-center-row2 {
@@ -198,5 +284,37 @@
flex: 1;
}
}
+ .list-box-1 {
+ .list-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 500;
+ font-size: 5px;
+ color: #a78718;
+ line-height: 6px;
+ text-align: left;
+ font-style: normal;
+ .list-item-left {
+ flex: 1;
+ }
+ .list-item-right {
+ }
+ }
+ }
+ .list-box-2 {
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 500;
+ font-size: 5px;
+ color: #A78718;
+ text-align: left;
+ font-style: normal;
+ .list-item {
+ &:not(:last-child) {
+ margin-bottom: 3px;
+ }
+ }
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0