From bae842ad4d3ea87ed547dcbf5c8dd85ba0bdbb01 Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期六, 26 七月 2025 15:12:30 +0800
Subject: [PATCH] Merge branch 'ID1825-床旁副屏改版' into test
---
src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue | 101 +++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 83 insertions(+), 18 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue b/src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue
index a46bc4e..d84d884 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue
+++ b/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
@@ -60,10 +68,11 @@
</div>
<div class="row1-col4">
<Card
- title="透析器(显示规格)"
- :icon="tslImg"
+ title="透析器"
+ :icon="txqImg"
background-color="#ffffff"
class="row1-col4-row"
+ header-class-name="mihi-header"
>
<div class="item-box dialyzer">
{{ pageData.dialyzer }}
@@ -71,21 +80,31 @@
</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 left-0">
<div class="dehydrated-level-item">
<span class="item-left"
- >平均脱水量：{{ pageData.averageDehydrationRate }} L</span
+ >平均脱水量:{{ pageData.averageDehydrationRate }} L</span
>
- <span class="item-right">(最近3周9次)</span>
+ <span class="item-right">(最近9次)</span>
</div>
<div class="dehydrated-level-item">
<span class="item-left"
- >最大脱水量：{{ pageData.maximumDehydrationCapacity }} L</span
- >
+ ><span
+ >最大脱水量:{{ pageData.maximumDehydrationCapacity }} L</span
+ >
+ <template v-if="pageData.maximumDehydrationDuration"
+ >/
+ <span class="level-dete">{{
+ pageData.maximumDehydrationDuration
+ }}</span>
+ </template>
+ </span>
+
<span class="item-right"
>({{ pageData.maximumDehydrationCapacityDate }})</span
>
@@ -97,9 +116,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 +128,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 +140,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 +154,25 @@
</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 +214,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,
@@ -298,6 +331,9 @@
flex-direction: column;
align-items: center;
justify-content: space-between;
+ &.left-0 {
+ padding-left: 0;
+ }
.dehydrated-level-item {
width: 100%;
display: flex;
@@ -310,6 +346,14 @@
color: #333333;
line-height: 6px;
font-style: normal;
+ .level-dete {
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 600;
+ font-size: 4px;
+ color: #d58e56;
+ text-align: left;
+ font-style: normal;
+ }
}
.item-right {
font-family: PingFangSC, PingFang SC;
@@ -325,7 +369,7 @@
}
}
.row2 {
- height: 18.72%;
+ height: 21.72%;
overflow: hidden;
display: flex;
gap: 4px;
@@ -394,5 +438,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>
\ No newline at end of file
--
Gitblit v1.8.0