From a32d0983f1718b7e7d0b259e1d0a34eabd25bfd1 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 12 Sep 2024 15:38:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E6=89=A7=E8=A1=8C?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E4=B8=AD=E7=9A=84=E5=A4=9A=E8=B7=AF=E5=8F=AC?=
 =?UTF-8?q?=E5=9B=9E=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ai-chat/ExecutionDetailDialog.vue         | 40 ++++++++++++++-----
 ui/src/components/card-box/index.vue          |  3 ++
 ui/src/workflow/index.vue                     |  1 +
 3 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/ui/src/components/ai-chat/ExecutionDetailDialog.vue b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
index 88ebe0f66..715108b1c 100644
--- a/ui/src/components/ai-chat/ExecutionDetailDialog.vue
+++ b/ui/src/components/ai-chat/ExecutionDetailDialog.vue
@@ -171,7 +171,27 @@
                   <template v-if="item.type == WorkflowType.RrerankerNode">
                     <div class="card-never border-r-4">
                       <h5 class="p-8-12">检索内容</h5>
-                      <div class="p-8-12 border-t-dashed lighter">{{ item.question || '-' }}</div>
+                      <div class="p-8-12 border-t-dashed lighter">
+                        <template v-if="item.document_list?.length > 0">
+                          <template
+                            v-for="(paragraph, paragraphIndex) in item.document_list"
+                            :key="paragraphIndex"
+                          >
+                            <CardBox shadow="never" title="" class="cursor mb-8" :showIcon="false">
+                              <template #description>
+                                <el-scrollbar max-height="150">
+                                  <MdPreview
+                                    ref="editorRef"
+                                    editorId="preview-only"
+                                    :modelValue="paragraph"
+                                  />
+                                </el-scrollbar>
+                              </template>
+                            </CardBox>
+                          </template>
+                        </template>
+                        <template v-else> - </template>
+                      </div>
                     </div>
                     <div class="card-never border-r-4 mt-8">
                       <h5 class="p-8-12">检索结果</h5>
@@ -183,7 +203,7 @@
                           >
                             <CardBox
                               shadow="never"
-                              title=""
+                              :title="''"
                               class="paragraph-source-card cursor mb-8 paragraph-source-card-height"
                               :showIcon="false"
                             >
@@ -191,13 +211,15 @@
                                 {{ paragraph.metadata.relevance_score?.toFixed(3) }}
                               </div>
                               <template #description>
-                                <el-scrollbar height="150">
-                                  <MdPreview
-                                    ref="editorRef"
-                                    editorId="preview-only"
-                                    :modelValue="paragraph.page_content"
-                                  />
-                                </el-scrollbar>
+                                <div class="mt-8">
+                                  <el-scrollbar height="150">
+                                    <MdPreview
+                                      ref="editorRef"
+                                      editorId="preview-only"
+                                      :modelValue="paragraph.page_content"
+                                    />
+                                  </el-scrollbar>
+                                </div>
                               </template>
                             </CardBox>
                           </template>
diff --git a/ui/src/components/card-box/index.vue b/ui/src/components/card-box/index.vue
index dfcde8a02..47e329cd9 100644
--- a/ui/src/components/card-box/index.vue
+++ b/ui/src/components/card-box/index.vue
@@ -66,6 +66,9 @@ function cardLeave() {
   min-height: var(--card-min-height);
   min-width: var(--card-min-width);
   border-radius: 8px;
+  .title {
+    height: 20px;
+  }
   .description {
     color: var(--app-text-color-secondary);
     line-height: 22px;
diff --git a/ui/src/workflow/index.vue b/ui/src/workflow/index.vue
index 6bee5d49a..8a6a65727 100644
--- a/ui/src/workflow/index.vue
+++ b/ui/src/workflow/index.vue
@@ -89,6 +89,7 @@ onMounted(() => {
         lf.value.deleteEdge(id)
       })
     })
+
     setTimeout(() => {
       lf.value?.fitView()
     }, 500)