From 3519b38f8230634a319d9e97a38092fbb8e402f4 Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期三, 23 七月 2025 14:14:36 +0800
Subject: [PATCH] ID1625-已签到状态页面修改完成
---
src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue | 67 +++++++++++++++++++++++++++------
src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue | 3 +
2 files changed, 57 insertions(+), 13 deletions(-)
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
index b45c005..6faafca 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/Card.vue
@@ -5,7 +5,7 @@
'--bg-color': props.backgroundColor,
}"
>
- <div class="card-header">
+ <div class="card-header" :class="props.headerClassName">
<img :src="props.icon" class="card-icon" alt="" srcset="" />
<span class="card-title">{{ props.title }}</span>
</div>
@@ -21,6 +21,7 @@
title: string; // 标题
icon: string;
height?: number;
+ headerClassName?: string; // 头部类名
}
const props = defineProps<Props>();
</script>
diff --git a/src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue b/src/views/mobile/bedsideAuxiliaryScreen/pages/SignedIn.vue
index a46bc4e..68e24e7 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
@@ -61,9 +69,10 @@
<div class="row1-col4">
<Card
title="透析器(显示规格)"
- :icon="tslImg"
+ :icon="txqImg"
background-color="#ffffff"
class="row1-col4-row"
+ header-class-name="mihi-header"
>
<div class="item-box dialyzer">
{{ pageData.dialyzer }}
@@ -71,9 +80,10 @@
</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-item">
@@ -97,9 +107,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 +119,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 +131,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 +145,23 @@
</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 +203,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,
@@ -325,7 +347,7 @@
}
}
.row2 {
- height: 18.72%;
+ height: 21.72%;
overflow: hidden;
display: flex;
gap: 4px;
@@ -394,5 +416,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