perf: 优化引用分段文件名过长问题

2024-06-18 15:09:43 +08:00 · 2024-06-18 15:09:43 +08:00 · 6cfa5b9f2d
parent 538f88426b
commit 6cfa5b9f2d
1 changed files with 8 additions and 4 deletions
--- 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>