From 72570e777c70d294e76446b0752e53e4453b8bf5 Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Mon, 7 Jul 2025 15:21:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E9=A6=96=E9=A1=B5=E9=85=8D=E6=96=B9?=
 =?UTF-8?q?=E5=90=8Dui=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/home/HomeFormula.vue | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/home/HomeFormula.vue b/src/components/home/HomeFormula.vue
index 42de2a7..4a36e3f 100644
--- a/src/components/home/HomeFormula.vue
+++ b/src/components/home/HomeFormula.vue
@@ -13,13 +13,15 @@ watchEffect(() => {
 
 <template>
   <div class="home-right-title">
-    <div>
-      <div class="title-formula">
-        <el-icon style="color: #31cb7a; font-size: 1.5rem">
-          <SuccessFilled />
-        </el-icon>
-        <div>{{ formulaInfo?.name || '默认' }}</div>
-      </div>
+    <div class="title-formula">
+      <el-icon style="color: #31cb7a; font-size: 1.5rem">
+        <SuccessFilled />
+      </el-icon>
+      <el-tooltip :content="formulaInfo?.name || '默认'" placement="bottom-start">
+        <div class="name-text">
+          {{ formulaInfo?.name || '默认' }}
+        </div>
+      </el-tooltip>
     </div>
     <div v-if="formulaInfo && formulaInfo.injection_pump_speed" class="title-spend">
       <span>速率</span>
@@ -38,12 +40,20 @@ watchEffect(() => {
   grid-template-columns: 1fr 1fr;
   font-size: 1.5rem;
   .title-formula {
+    width: 100%;
     display: flex;
     align-items: center;
     gap: 5px;
-    padding: 10px;
+    padding-left: 10px;
     font-size: 1.5rem;
     flex-wrap: nowrap;
+    .name-text {
+      // 不换行显示省略号
+      width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   }
   .title-formula {
     flex: 1 1 auto;