From 8095b6b503a018da167117e83beb1f4cdb1d544e Mon Sep 17 00:00:00 2001
From: wx <645899409@qq.com>
Date: Wed, 21 Jan 2026 09:15:52 +0800
Subject: [PATCH] =?UTF-8?q?update=201.=E5=85=B3=E7=88=B1=E4=BA=BA=E5=91=98?=
 =?UTF-8?q?=E3=80=81=E6=80=A5=E6=95=91=E4=BA=BA=E5=91=98=E5=90=8D=E7=A7=B0?=
 =?UTF-8?q?=E8=B6=85=E5=87=BA=E5=90=8E=EF=BC=8C=E6=9B=BF=E6=8D=A2=E4=B8=BA?=
 =?UTF-8?q?...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/indexSun/oneRightNew.vue | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/views/indexSun/oneRightNew.vue b/src/views/indexSun/oneRightNew.vue
index 20b6c45..4cff223 100644
--- a/src/views/indexSun/oneRightNew.vue
+++ b/src/views/indexSun/oneRightNew.vue
@@ -60,7 +60,10 @@
                     <div>
                         <div class="emer-info-title">关爱联络员</div>
                         <template v-if="props.userData?.careLiaisonName && props.userData?.careLiaisonPhone">
-                            <div style="color: #ffffff">{{ props.userData?.careLiaisonName }}</div>
+                            <Tooltip placement="top">
+                                <template #title>{{ props.userData?.careLiaisonName }} </template>
+                                <div style="color: #ffffff" class="to-many-word">{{ props.userData?.careLiaisonName }}</div>
+                            </Tooltip>
                             <div style="color: #ffffff">{{ props.userData?.careLiaisonPhone }}</div>
                         </template>
                         <template v-else>
@@ -71,7 +74,10 @@
                         <div class="emer-info-title">急救人员1</div>
                         <template v-if="props.userData?.lifeguardName">
                             <div>
-                                <div style="color: #ffffff; margin-right: 5px">{{ props.userData?.lifeguardName }}</div>
+                                <Tooltip placement="top">
+                                    <template #title>{{ props.userData?.lifeguardName }} </template>
+                                    <div style="color: #ffffff; margin-right: 5px" class="to-many-word">{{ props.userData?.lifeguardName }}</div>
+                                </Tooltip>
                                 <div style="color: #ffffff">{{ props.userData?.lifeguardPhone }}</div>
                             </div>
                         </template>
@@ -83,7 +89,10 @@
                         <div class="emer-info-title">急救人员2</div>
                         <template v-if="props.userData?.lifeguardName2">
                             <div>
-                                <div style="color: #ffffff; margin-right: 5px">{{ props.userData?.lifeguardName2 }}</div>
+                                <Tooltip placement="top">
+                                    <template #title>{{ props.userData?.lifeguardName2 }} </template>
+                                    <div style="color: #ffffff; margin-right: 5px" class="to-many-word">{{ props.userData?.lifeguardName2 }}</div>
+                                </Tooltip>
                                 <div style="color: #ffffff">{{ props.userData?.lifeguardPhone2 }}</div>
                             </div>
                         </template>
@@ -169,6 +178,7 @@
     import Dialog from '/@/components/dialog/Dialog.vue';
     import { useTheme } from '/@/hooks/theme/useTheme.ts';
     import { healthArchivesApi } from '/@/views/indexSun/indexSun.api.ts';
+    import { Tooltip } from 'ant-design-vue';
 
     const props = defineProps({
         userData: { type: Object, default: () => {} },
@@ -376,7 +386,7 @@
         display: flex;
         line-height: 30px;
         > div {
-            width: 50%;
+            width: calc(100% / 3);
             text-align: center;
         }
         .emer-info-title {
@@ -469,4 +479,10 @@
             font-size: 14px;
         }
     }
+
+    .to-many-word {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
 </style>