From 1647970bed0d49ea6e471f7df8391a9d866d4ebe Mon Sep 17 00:00:00 2001
From: lbw_9527443 <780139497@qq.com>
Date: Fri, 21 Nov 2025 19:36:34 +0800
Subject: [PATCH] =?UTF-8?q?fix(components):=20=E4=B8=BA=E5=BD=95=E9=9F=B3?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E6=B7=BB=E5=8A=A0=E6=A0=87=E9=A2=98=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA=E5=92=8C=E6=96=87=E6=9C=AC=E6=BA=A2=E5=87=BA=E5=A4=84?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加标题提示以显示完整录音名称，并设置文本溢出样式防止布局问题
---
 .../person/components/SalesTimelineWithTaskList.vue   | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/my-vue-app/src/views/person/components/SalesTimelineWithTaskList.vue b/my-vue-app/src/views/person/components/SalesTimelineWithTaskList.vue
index 90c8b98..7b6616b 100644
--- a/my-vue-app/src/views/person/components/SalesTimelineWithTaskList.vue
+++ b/my-vue-app/src/views/person/components/SalesTimelineWithTaskList.vue
@@ -336,7 +336,7 @@
             <div class="recording-item" v-for="recording in filteredRecordings" :key="recording.id">
               <div class="recording-info">
                 <div class="recording-header">
-                  <span class="recording-name">{{ recording.name }}</span>
+                  <span class="recording-name" :title="recording.name">{{ recording.name }}</span>
                   <span class="recording-score">分数: {{ recording.score }}</span>
                 </div>
                 <span class="recording-time">{{ recording.time }}</span>
@@ -877,7 +877,14 @@ $indigo: #4f46e5;
 .recording-item { display: flex; flex-direction: column; justify-content: space-between; padding: 12px 16px; background-color: $slate-50; border-radius: 8px; transition: all 0.2s ease; &:hover { background-color: $slate-100; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); } }
 .recording-info { display: flex; flex-direction: column; gap: 4px; flex: 1; }
 .recording-header { display: flex; justify-content: space-between; align-items: center; }
-.recording-name { font-weight: 500; color: $slate-800; }
+.recording-name { 
+  font-weight: 500; 
+  color: $slate-800; 
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: calc(100% - 80px);
+}
 .recording-time { font-size: 0.8rem; color: $slate-600; }
 .recording-type { font-size: 0.75rem; color: $slate-500; background-color: $slate-200; padding: 2px 8px; border-radius: 12px; display: inline-block; width: fit-content; }
 .recording-score { font-size: 0.8rem; color: $warning; font-weight: 600; }