From a700ba5597acdb90720b2a05c54969b06bca3ef2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E8=89=AF?= <841369634@qq.com>
Date: Thu, 4 Jun 2026 16:53:33 +0800
Subject: [PATCH] =?UTF-8?q?perf:=201)=20`=E6=89=A7=E8=A1=8C=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85`=20=E9=87=8C=E7=9A=84=20`=E5=9B=BE=E7=89=87`=20?=
 =?UTF-8?q?=E5=8F=AF=E7=82=B9=E5=87=BB=E6=94=BE=E5=A4=A7=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=EF=BC=8C`=E6=96=87=E6=A1=A3`=20=E5=92=8C=20`=E5=85=B6=E4=BB=96?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6`=20=E5=8F=AF=E7=82=B9=E5=87=BB=E4=B8=8B?=
 =?UTF-8?q?=E8=BD=BD=E4=BA=86;=202)=20`=E6=96=87=E6=A1=A3=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9=E6=8F=90=E5=8F=96`=20=E8=8A=82=E7=82=B9=E7=9A=84?=
 =?UTF-8?q?=E6=89=A7=E8=A1=8C=E8=AF=A6=E6=83=85=E4=B8=AD=EF=BC=8C=E4=BC=9A?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=20`=E8=BE=93=E5=85=A5=E6=96=87=E6=A1=A3`=20?=
 =?UTF-8?q?=E4=BA=86=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../impl/base_document_extract_node.py        |  2 +-
 .../execution-detail-card/index.vue           | 89 +++++++++++++++++--
 2 files changed, 85 insertions(+), 6 deletions(-)

diff --git a/apps/application/flow/step_node/document_extract_node/impl/base_document_extract_node.py b/apps/application/flow/step_node/document_extract_node/impl/base_document_extract_node.py
index 68eeadfe055..495cc5db0a6 100644
--- a/apps/application/flow/step_node/document_extract_node/impl/base_document_extract_node.py
+++ b/apps/application/flow/step_node/document_extract_node/impl/base_document_extract_node.py
@@ -17,12 +17,12 @@
 class BaseDocumentExtractNode(IDocumentExtractNode):
     def save_context(self, details, workflow_manage):
         self.context['content'] = details.get('content')
+        self.context['document_list'] = details.get('document_list')
         self.context['exception_message'] = details.get('err_message')
 
     def execute(self, document, chat_id=None, **kwargs):
         get_buffer = FileBufferHandle().get_buffer
 
-        self.context['document_list'] = document
         content = []
         if document is None or not isinstance(document, list):
             return NodeResult({'content': '', 'document_list': []}, {})
diff --git a/ui/src/components/execution-detail-card/index.vue b/ui/src/components/execution-detail-card/index.vue
index f163b40c7a3..73b8b9afcf9 100644
--- a/ui/src/components/execution-detail-card/index.vue
+++ b/ui/src/components/execution-detail-card/index.vue
@@ -68,7 +68,12 @@
 
                   <el-space wrap>
                     <template v-for="(f, i) in data.document_list" :key="i">
-                      <el-card shadow="never" style="--el-card-padding: 8px" class="file cursor">
+                      <el-card
+                        shadow="never"
+                        style="--el-card-padding: 8px"
+                        class="file cursor"
+                        @click="downloadFile(f)"
+                      >
                         <div class="flex align-center">
                           <img :src="getImgUrl(f && f?.name)" alt="" width="24" />
                           <div class="ml-4 ellipsis" :title="f && f?.name">
@@ -90,6 +95,11 @@
                         fit="cover"
                         style="width: 40px; height: 40px; display: block"
                         class="border-r-6"
+                        :preview-src-list="data.image_list.map((img: any) => img.url)"
+                        :initial-index="i"
+                        :zoom-rate="1.2"
+                        :max-scale="7"
+                        :min-scale="0.2"
                       />
                     </template>
                   </el-space>
@@ -109,7 +119,7 @@
                   </el-space>
                 </div>
                 <div v-if="data.video_list?.length > 0">
-                  <p class="mb-8 color-secondary">{{ $t('common.fileUpload.image') }}:</p>
+                  <p class="mb-8 color-secondary">{{ $t('common.fileUpload.video') }}:</p>
 
                   <el-space wrap>
                     <template v-for="(f, i) in data.video_list" :key="i">
@@ -124,11 +134,16 @@
                   </el-space>
                 </div>
                 <div v-if="data.other_list?.length > 0">
-                  <p class="mb-8 color-secondary">{{ $t('common.fileUpload.document') }}:</p>
+                  <p class="mb-8 color-secondary">{{ $t('common.fileUpload.other') }}:</p>
 
                   <el-space wrap>
                     <template v-for="(f, i) in data.other_list" :key="i">
-                      <el-card shadow="never" style="--el-card-padding: 8px" class="file cursor">
+                      <el-card
+                        shadow="never"
+                        style="--el-card-padding: 8px"
+                        class="file cursor"
+                        @click="downloadFile(f)"
+                      >
                         <div class="flex align-center">
                           <img :src="getImgUrl(f && f?.name)" alt="" width="24" />
                           <div class="ml-4 ellipsis" :title="f && f?.name">
@@ -230,6 +245,11 @@
                       fit="cover"
                       style="width: 40px; height: 40px; display: block"
                       class="border-r-6 mb-8"
+                      :preview-src-list="[item.image_url?.url || item.image_url]"
+                      :initial-index="qIndex"
+                      :zoom-rate="1.2"
+                      :max-scale="7"
+                      :min-scale="0.2"
                     />
                     <video
                       v-else-if="item.type === 'video_url'"
@@ -354,6 +374,33 @@
           <!-- 文档内容提取 -->
           <template v-if="data.type === WorkflowType.DocumentExtractNode">
             <div class="card-never border-r-6">
+              <h5 class="p-8-12">
+                {{ $t('common.fileUpload.document') }}
+              </h5>
+              <div class="p-8-12 border-t-dashed lighter">
+                <div v-if="data.document_list?.length > 0">
+                  <el-space wrap>
+                    <template v-for="(doc, i) in data.document_list" :key="i">
+                      <el-card
+                        shadow="never"
+                        style="--el-card-padding: 8px"
+                        class="file cursor"
+                        @click="downloadFile(f)"
+                      >
+                        <div class="flex align-center">
+                          <img :src="getImgUrl(doc && doc?.name)" alt="" width="24" />
+                          <div class="ml-4 ellipsis" :title="doc && doc?.name">
+                            {{ doc && doc?.name }}
+                          </div>
+                        </div>
+                      </el-card>
+                    </template>
+                  </el-space>
+                </div>
+                <div v-else>-</div>
+              </div>
+            </div>
+            <div class="card-never border-r-6 mt-8">
               <h5 class="p-8-12 flex align-center">
                 <span class="mr-4"> {{ $t('common.param.outputParam') }}</span>
 
@@ -596,6 +643,9 @@
                           fit="cover"
                           style="width: 40px; height: 40px; display: inline-block"
                           class="border-r-6 mr-8"
+                          :zoom-rate="1.2"
+                          :max-scale="7"
+                          :min-scale="0.2"
                         />
 
                         <span v-else>{{ h.text }}<br /></span>
@@ -626,6 +676,11 @@
                         fit="cover"
                         style="width: 40px; height: 40px; display: block"
                         class="border-r-6"
+                        :preview-src-list="data.image_list.map((img: any) => img.url || (img.file_id ? `./oss/file/${img.file_id}` : ''))"
+                        :initial-index="i"
+                        :zoom-rate="1.2"
+                        :max-scale="7"
+                        :min-scale="0.2"
                       />
                     </template>
                   </el-space>
@@ -803,6 +858,7 @@
               </div>
             </div>
           </template>
+          <!-- 文生视频 -->
           <template v-if="data.type == WorkflowType.TextToVideoGenerateNode">
             <div class="card-never border-r-6 mt-8">
               <h5 class="p-8-12">
@@ -837,7 +893,7 @@
               </div>
             </div>
           </template>
-
+          <!-- 图生视频 -->
           <template v-if="data.type == WorkflowType.ImageToVideoGenerateNode">
             <div class="card-never border-r-6 mt-8">
               <h5 class="p-8-12">
@@ -867,6 +923,9 @@
                     fit="cover"
                     style="width: 40px; height: 40px; display: block"
                     class="border-r-6"
+                    :zoom-rate="1.2"
+                    :max-scale="7"
+                    :min-scale="0.2"
                   />
                 </div>
                 <div v-else-if="Array.isArray(data.first_frame_url)">
@@ -878,6 +937,11 @@
                         fit="cover"
                         style="width: 40px; height: 40px; display: block"
                         class="border-r-6"
+                        :preview-src-list="data.first_frame_url.map((img: any) => img.url)"
+                        :initial-index="i"
+                        :zoom-rate="1.2"
+                        :max-scale="7"
+                        :min-scale="0.2"
                       />
                     </template>
                   </el-space>
@@ -896,6 +960,9 @@
                     fit="cover"
                     style="width: 40px; height: 40px; display: block"
                     class="border-r-6"
+                    :zoom-rate="1.2"
+                    :max-scale="7"
+                    :min-scale="0.2"
                   />
                 </div>
                 <div v-else-if="Array.isArray(data.last_frame_url)">
@@ -907,6 +974,11 @@
                         fit="cover"
                         style="width: 40px; height: 40px; display: block"
                         class="border-r-6"
+                        :preview-src-list="data.last_frame_url.map((img: any) => img.url)"
+                        :initial-index="i"
+                        :zoom-rate="1.2"
+                        :max-scale="7"
+                        :min-scale="0.2"
                       />
                     </template>
                   </el-space>
@@ -1422,6 +1494,13 @@ const isKnowLedge = computed(() => props.type === 'knowledge')
 const currentLoopNode = ref(0)
 const currentParagraph = ref(0)
 const currentWriteContent = ref(0)
+
+// 下载文件
+const downloadFile = (file: any) => {
+  if (file && file.url) {
+    window.open(file.url, '_blank')
+  }
+}
 </script>
 <style lang="scss" scoped>
 .execution-detail-card {