From b244cce63fd69c4d4f96e55ac65707c78f07c273 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期三, 16 四月 2025 17:34:28 +0800
Subject: [PATCH] yi

---
 src/views/deviceWindoes2.vue |   22 +++++++++++++---------
 1 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/views/deviceWindoes2.vue b/src/views/deviceWindoes2.vue
index 0e42af7..70ab550 100644
--- a/src/views/deviceWindoes2.vue
+++ b/src/views/deviceWindoes2.vue
@@ -123,7 +123,7 @@
                                 <span class="text-group_3">治疗模式</span>
                               </div>
                               <div class="container-body" style="height: calc(100% - 30px);width: 100%;">
-                                <div class="container-body-text" style="color: #3A75B8;">
+                                <div class="container-body-text" style="color: #3A75B8;font-size: 30;" >
                                   <span style="font-size: 30px;" v-if="deviceData.透析方案 ==='HDF'"> {{deviceData?.置换方式==='前置换'?'前':'后'}}</span> {{ deviceData.透析方案 }}
                                 </div>
                                  
@@ -135,7 +135,7 @@
                               />
                               <span class="text-group_3">人工肾</span>
                             </div>
-                            <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 36px;">
+                            <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 28px;">
                               <div class="grid-container-text" style="color: #A78718;" v-for="(item,index) in deviceData.透析器列表" :key="index">
                                 <div class="left-div">{{item.name}}</div>
                                 <div class="right-div">{{item.数量}}{{item.单位}}</div>
@@ -148,10 +148,10 @@
                               />
                               <span class="text-group_3">一次性循环管路</span>
                             </div>
-                            <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 36px;">
+                            <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 28px;">
                               <div class="grid-container-text" style="color: #3AB859;" v-for="(item,index) in deviceData.管路列表" :key="index">
                                 <div class="left-div">{{item.name}}</div>
-                                <div class="right-div">{{item.数量}}支</div>
+                                <!-- <div class="right-div">{{item.数量}}支</div> -->
                               </div>
                             </div>
                           </div>
@@ -178,7 +178,7 @@
                             />
                             <span class="text-group_3">透析液</span>
                           </div>
-                          <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 40px;">
+                          <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 28px;">
                             <div class="grid-container-text" style="color: #3AB859;" v-for="(item,index) in deviceData.透析液列表" :key="index">
                               <div class="left-div">{{item.name}}</div>
                               <div class="right-div">{{item.数量}}{{item.单位}}</div>
@@ -491,7 +491,7 @@
                     />
                     <span class="text-group_3">抗凝剂</span>
                   </div>
-                  <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 36px;">
+                  <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 28px;">
                     <div class="grid-container-text" style="color: #A78718;" v-for="(item,index) in deviceData.抗凝剂列表" :key="index">
                       <div class="left-div">{{item.name}}</div>
                       <div class="right-div">{{item.数量}}{{item.单位}}</div>
@@ -504,7 +504,7 @@
                     />
                     <span class="text-group_3">穿刺针</span>
                   </div>
-                  <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 30px;">
+                  <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 25px;">
                     <div class="grid-container-text" style="color: #A78718;" v-for="(item,index) in deviceData.穿刺针列表" :key="index">
                       <div class="left-div">{{item.name}}</div>
                       <div class="right-div">{{item.数量}}支</div>
@@ -522,7 +522,7 @@
                     />
                     <span class="text-group_3">一次性使用透析护理包</span>
                   </div>
-                  <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 36px;">
+                  <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 28px;">
                     <div class="grid-container-text" style="color: #1D77BD;" v-for="(item,index) in deviceData.护理包列表" :key="index">
                       <div class="left-div">{{item.name}}</div>
                       <div class="right-div">{{item.数量}}{{item.单位}}</div>
@@ -535,7 +535,7 @@
                     />
                     <span class="text-group_3">血管通路</span>
                   </div>
-                  <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 36px;">
+                  <div class="grid-container" style="height: calc(100% - 30px);width: 100%;font-size: 28px;">
                     <div class="grid-container-text" style="color: #1D77BD;" v-for="(item,index) in deviceData.血管通路列表" :key="index">
                       <div class="left-div">{{item.类型}}</div>
                       <div class="right-div" style="width: 200px;">{{item.位置}}</div>
@@ -1904,6 +1904,10 @@
 }
   .left-div {
     flex-grow: 1; /* 自适应宽度,占满剩余空间 */
+    white-space: nowrap; /* 防止文字自动换行 */
+    overflow: hidden; /* 隐藏超出容器宽度的内容 */
+    text-overflow: ellipsis; /* 当文本溢出时显示省略号 */
+    width: 100%; /* 设置一个具体的宽度或确保有继承宽度 */
     font-weight: 600;
   }
 

--
Gitblit v1.8.0