From a7fb2f5eab3e548f040004c1019f1c994eb91ad4 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期二, 09 十二月 2025 14:44:36 +0800
Subject: [PATCH] 日常更新
---
src/views/home/index.vue | 136 ++++++++++++++++++++++++---------------------
1 files changed, 72 insertions(+), 64 deletions(-)
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 842ec92..fb0485c 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,6 +1,6 @@
<template>
<div class="homeclass">
- <!-- 标头 -->
+ <!-- 标头 新ui-->
<div style="height: 8%; padding-top: 20px">
<el-row>
<el-col :span="12">
@@ -38,7 +38,7 @@
/>
</el-col>
<el-col v-else :span="12">
- <div class="dateclas" style="float: right; margin-top: 20px">
+ <div class="dateclas" style="float: right; margin-top: 6px">
<div class="dateTimeclas" style="float: right">{{ clockNum }}S</div>
{{ datetext }}
</div>
@@ -47,7 +47,10 @@
</div>
<!-- 识别后需要显示的内容 -->
- <div v-if="!dialogVisible" style="height: 86%; padding-left: 20px">
+ <div
+ v-if="!dialogVisible"
+ style="height: 86%; padding-left: 20px; margin-bottom: 20px"
+ >
<el-row style="height: 100%" :gutter="20">
<el-col :span="7">
<!-- 患者信息 -->
@@ -74,13 +77,13 @@
float: right;
"
>
- 男
+ {{patientInfo.patientGenderText}}
</div>
<!-- 头像和患者信息 -->
<div
style="
display: grid;
- grid-template-columns: minmax(250px, 40%) 1fr;
+ grid-template-columns: minmax(180px, 40%) 1fr;
height: 100%;
"
>
@@ -100,19 +103,20 @@
<!-- 患者信息 -->
<div
style="
- font-size: 50px;
+ font-size: 40px;
font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
font-weight: 800;
- padding-left: 20px;
- padding-top: 50px;
+ padding-left: 5px;
+ padding-top: 60px;
color: #ffffff;
+ height: 100%;
"
>
<div
style="
- height: 30%;
text-align: left;
width: 100%;
+ font-size: 30px;
display: flex;
align-items: center;
line-height: 1.5;
@@ -123,8 +127,8 @@
</div>
<div
style="
- font-size: 75px;
- height: 50%;
+ font-size: 50px;
+ height: 40%;
text-align: left;
width: 100%;
display: flex;
@@ -137,7 +141,7 @@
</div>
<div
style="
- font-size: 34px;
+ font-size: 24px;
font-weight: 400;
white-space: nowrap;
height: 20%;
@@ -186,12 +190,11 @@
签到时间
</template>
<template v-else>下次透析</template>
-
</div>
<div style="display: grid; place-items: center; height: 100%">
<div
style="
- font-size: 40px;
+ font-size: 30px;
font-weight: 700;
white-space: nowrap;
padding-left: 20px;
@@ -199,14 +202,14 @@
"
>
<template v-if="patientInfo.isAfterMed === 0">
- {{date.substring(0,16)}}
+ {{ date.substring(0, 16) }}
</template>
<template v-else>
<span v-if="patientInfo.nextRecordDate">{{
patientInfo.nextRecordDate.substring(0, 11)
}}</span>
- <span>
+ <span>
<template v-if="patientInfo.下次透析时段 === 0"
>上午</template
>
@@ -219,15 +222,14 @@
<template v-else>未安排</template>
</span>
{{ patientInfo.下次透析方案名称 }}
- </template>
+ </template>
</div>
-
</div>
</div>
</div>
<div
style="
- height: 40%;
+ height: 37%;
margin-top: 20px;
border-radius: 12px;
width: 100%;
@@ -246,7 +248,7 @@
class="textwenben"
style="
height: 28%;
- font-size: 40px;
+ font-size: 35px;
font-weight: 500;
background-color: #dfb144;
width: 100%;
@@ -259,21 +261,19 @@
</template>
<template v-else>干体重(kg)</template>
</template>
- <template v-else>
-
- 分区/床位号
- </template>
+ <template v-else> 分区/床位号 </template>
</div>
<div
class="textwenben"
style="
- height: 70%;
- font-size: 80px;
+ height: 72%;
+ font-size: 50px;
color: #dfb144;
font-weight: 1000;
text-align: center;
background: #ffffff;
opacity: 0.8;
+ border-radius: 0 0 12px 12px;
width: 100%;
"
>
@@ -286,11 +286,8 @@
<template v-else> {{ patientInfo.pureWeight }} (kg)</template>
</template>
<template v-else>
- {{ patientInfo.设备分区名称 }}<br />{{
- patientInfo.deviceNo
- }}
+ {{ patientInfo.设备分区名称 }}<br />{{ patientInfo.deviceNo }}
</template>
-
</div>
</el-row>
</div>
@@ -298,7 +295,7 @@
<el-col :span="17">
<el-row style="height: 61%; width: 100%" gutter="20">
<el-col :span="16">
- <div style="height: 100%; width: 100%; padding-bottom: 10px">
+ <div style="height: 100%; width: 100%">
<div class="cyc-container">
<div class="cyc-label">
<template v-if="configData.deviceType === '体重秤'">
@@ -345,7 +342,7 @@
class="textwenben"
style="
height: 28%;
- font-size: 40px;
+ font-size: 35px;
font-weight: 500;
background-color: #41b593;
width: 100%;
@@ -375,6 +372,7 @@
font-weight: 1000;
text-align: center;
width: 100%;
+ border-radius: 0 0 12px 12px;
"
>
<template v-if="configData.deviceType === '体重秤'">
@@ -411,7 +409,7 @@
class="textwenben"
style="
height: 28%;
- font-size: 40px;
+ font-size: 35px;
font-weight: 500;
background-color: #65aaf6;
width: 100%;
@@ -440,6 +438,7 @@
font-weight: 1000;
background-color: #ffffff;
text-align: center;
+ border-radius: 0 0 12px 12px;
width: 100%;
"
>
@@ -468,28 +467,28 @@
</div>
</el-col>
</el-row>
-
<div
- v-if="configData.deviceType === '体重秤'"
- ref="myChartRef1"
- class="echat"
- style="height: 39%; width: calc(100% - 20px); margin-top: 20px"
- ></div>
- <div
- v-if="configData.deviceType === '血压计'"
- ref="myChartRef2"
- class="echat"
- style="height: 39%; width: calc(100% - 20px); margin-top: 20px"
- ></div>
+ style="
+ height: 37%;
+ border-radius: 12px;
+ width: calc(100% - 25px);
+ margin-top: 25px;
+ "
+ >
+ <div
+ v-if="configData.deviceType === '体重秤'"
+ ref="myChartRef1"
+ class="echat"
+ style="height: 100%"
+ ></div>
+ <div
+ v-if="configData.deviceType === '血压计'"
+ ref="myChartRef2"
+ class="echat"
+ style="height: 100%"
+ ></div>
+ </div>
</el-col>
-
-
-
-
-
-
-
- <!-- <el-col :span="6">2</el-col> -->
</el-row>
</div>
<!-- 内容 识别窗口页-->
@@ -804,9 +803,10 @@
borderRadius: 5,
backgroundColor: "#409EFF",
left: 20,
+ top:20,
textStyle: {
color: "#ffffff",
- fontSize: 28,
+ fontSize: 18,
},
},
tooltip: {
@@ -865,6 +865,7 @@
borderRadius: 5,
backgroundColor: "#409EFF",
left: 20,
+ top: 20,
textStyle: {
color: "#ffffff",
fontSize: 18,
@@ -874,7 +875,15 @@
trigger: "axis",
},
legend: {
+ textStyle: {
+ fontSize: 18, // 设置字体大小
+ fontWeight: "normal", // 可选：加粗、正常等
+ color: "#333", // 可选：文字颜色
+ },
+ // 其他 legend 配置
data: legendData, //['透前体重', '透后体重', '干体重']
+ right: "20px",
+ top: "4%",
},
grid: {
left: "3%",
@@ -1030,12 +1039,12 @@
},`;
dialogVisible.value = false;
speech.value?.speak({ text: str }).then(() => {});
- if(configData.value.deviceType==='体重秤'){
- setTimeout(() => {
- intiTubiao();
- }, 1000);
+ if (configData.value.deviceType === "体重秤") {
+ setTimeout(() => {
+ intiTubiao();
+ }, 1000);
}
- if(configData.value.deviceType==='血压计'){
+ if (configData.value.deviceType === "血压计") {
setTimeout(() => {
intiTubiaoXY();
}, 1000);
@@ -1732,7 +1741,6 @@
.echat {
background-color: #ffffff;
border-radius: 12px;
- padding-top: 1%;
}
.dateclas {
width: 404px;
@@ -1825,7 +1833,7 @@
border-radius: 12px;
// background-color: #65aaf6;
display: grid;
- grid-template-columns: minmax(100px, 100px) 1fr;
+ grid-template-columns: minmax(80px, 80px) 1fr;
text-align: center;
// grid-template-columns: minmax(150px, 25%) 1fr;
background-color: rgba(255, 255, 255, 0.2); /* 白色背景 + 20% 不透明 */
@@ -1835,9 +1843,9 @@
border-radius: 12px 0px 0px 12px;
writing-mode: vertical-rl;
background: #41b593;
- line-height: 100px;
+ line-height: 80px;
font-size: 40px;
- width: 100px;
+ width: 80px;
font-weight: 500;
text-align: center;
color: #ffffff;
@@ -1846,7 +1854,7 @@
display: flex;
align-items: center;
justify-content: center;
- font-size: 150px;
+ font-size: 120px;
color: #ffffff;
font-weight: 800;
}
--
Gitblit v1.8.0