From 6cfa5b9f2d1b804f2d82a187b9fbfa6bf3147c1a Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 18 Jun 2024 15:09:43 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=BC=95=E7=94=A8?=
 =?UTF-8?q?=E5=88=86=E6=AE=B5=E6=96=87=E4=BB=B6=E5=90=8D=E8=BF=87=E9=95=BF?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/components/ai-chat/ParagraphSourceDialog.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/ai-chat/ParagraphSourceDialog.vue b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
index b8de0077b85..5a5b9e10b5c 100644
--- a/ui/src/components/ai-chat/ParagraphSourceDialog.vue
+++ b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
@@ -43,18 +43,22 @@
                   </template>
                   <template #footer>
                     <div class="footer-content flex-between">
-                      <el-text>
-                        <el-icon>
+                      <el-text class="flex align-center">
+                        <el-icon class="mr-4">
                           <Document />
                         </el-icon>
-                        {{ item?.document_name }}
+                        <span class="ellipsis-1 break-all" :title="item?.document_name">
+                          {{ item?.document_name }}</span
+                        >
                       </el-text>
                       <div class="flex align-center">
                         <AppAvatar class="mr-8" shape="square" :size="18">
                           <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
                         </AppAvatar>
 
-                        <span class="ellipsis"> {{ item?.dataset_name }}</span>
+                        <span class="ellipsis" :title="item?.dataset_name">
+                          {{ item?.dataset_name }}</span
+                        >
                       </div>
                     </div>
                   </template>