Skip to content

perf: 1) 执行详情 里的 图片 可点击放大查看，文档 和 其他文件 可点击下载了; 2) 文档内容提取 节点的执行详情中，会显示 输入文档 了。 #6181

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wangliang181230 wants to merge 1 commit into
base: v2
Choose a base branch
from
+134 −20
Open

perf: 1) 执行详情 里的 图片 可点击放大查看，文档 和 其他文件 可点击下载了; 2) 文档内容提取 节点的执行详情中，会显示 输入文档 了。 #6181

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/application/flow/step_node/document_extract_node/impl/base_document_extract_node.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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': []}, {})
Expand Down
152 changes: 133 additions & 19 deletions ui/src/components/execution-detail-card/index.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,10 +68,15 @@

<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">
<div class="ml-4 ellipsis" :title="getFileName(f)">
{{ f && f?.name }}
</div>
</div>
Expand All @@ -86,10 +91,16 @@
<template v-for="(f, i) in data.image_list" :key="i">
<el-image
:src="f.url"
alt=""
:alt="getFileName(f)"
:title="getFileName(f)"
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>
Expand All @@ -109,7 +120,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>

@wangliang181230 wangliang181230 Jun 9, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

标题错了，改正为 video 的


<el-space wrap>
<template v-for="(f, i) in data.video_list" :key="i">
Expand All @@ -124,14 +135,19 @@
</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>

@wangliang181230 wangliang181230 Jun 9, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

这里标题也错了，改正为 other 的


<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">
<div class="ml-4 ellipsis" :title="getFileName(f)">
{{ f && f?.name }}
</div>
</div>
Expand Down Expand Up @@ -222,14 +238,27 @@
</h5>
<div class="p-8-12 border-t-dashed lighter pre-wrap">
<template v-if="Array.isArray(data.question)">
<div v-for="(item, qIndex) in data.question" :key="qIndex">
<!-- 先显示图片列表 -->
<template v-for="(item, qIndex) in getImageList(data.question)" :key="qIndex">
<el-image
v-if="item.type === 'image_url'"
:src="item.image_url?.url || item.image_url"
alt=""
:alt="getFileName(item)"
:title="getFileName(item)"
fit="cover"
style="width: 40px; height: 40px; display: block"
class="border-r-6 mb-8"
style="width: 40px; height: 40px"
class="border-r-6 mb-8 mr-8"
:preview-src-list="getImageList(data.question).map((img: any) => img.image_url?.url || img.image_url)"
:initial-index="qIndex"
:zoom-rate="1.2"
:max-scale="7"
:min-scale="0.2"
/>
</template>

@wangliang181230 wangliang181230 Jun 9, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

先显示图片列表，放大后可以左右点击切换图片。

<!-- 再显示视频和文本 -->
<div v-for="(item, qIndex) in data.question" :key="qIndex">
<span
style="display:none"
v-if="item.type === 'image_url'"
/>
<video
v-else-if="item.type === 'video_url'"
Expand Down Expand Up @@ -354,6 +383,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(doc)"
>
<div class="flex align-center">
<img :src="getImgUrl(doc && doc?.name)" alt="" width="24" />
<div class="ml-4 ellipsis" :title="getFileName(doc)">
{{ doc && doc?.name }}
</div>
</div>
</el-card>
</template>
</el-space>
</div>
<div v-else>-</div>
</div>
</div>

@wangliang181230 wangliang181230 Jun 9, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

文档内容提取 显示 输入文档

<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>

Expand Down Expand Up @@ -592,10 +648,14 @@
<el-image
v-if="h.type === 'image_url'"
:src="h.image_url.url"
alt=""
:alt="getFileName(h)"
:title="getFileName(h)"
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>
Expand All @@ -622,10 +682,16 @@
<template v-for="(f, i) in data.image_list" :key="i">
<el-image
:src="f.url || (f.file_id ? `./oss/file/${f.file_id}` : '')"
alt=""
:alt="getFileName(f)"
:title="getFileName(f)"
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>
Expand Down Expand Up @@ -803,6 +869,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">
Expand Down Expand Up @@ -837,7 +904,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">
Expand All @@ -863,21 +930,31 @@
<div v-if="typeof data.first_frame_url === 'string'">
<el-image
:src="data.first_frame_url"
alt=""
:alt="getFileName(data)"
:title="getFileName(data)"
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)">
<el-space wrap>
<template v-for="(f, i) in data.first_frame_url" :key="i">
<el-image
:src="f.url"
alt=""
:alt="getFileName(f)"
:title="getFileName(f)"
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>
Expand All @@ -892,21 +969,31 @@
<div v-if="typeof data.last_frame_url === 'string'">
<el-image
:src="data.last_frame_url"
alt=""
:alt="getFileName(data)"
:title="getFileName(data)"
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)">
<el-space wrap>
<template v-for="(f, i) in data.last_frame_url" :key="i">
<el-image
:src="f.url"
alt=""
:alt="getFileName(f)"
:title="getFileName(f)"
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>
Expand Down Expand Up @@ -1422,6 +1509,33 @@ const isKnowLedge = computed(() => props.type === 'knowledge')
const currentLoopNode = ref(0)
const currentParagraph = ref(0)
const currentWriteContent = ref(0)

const getImageList = (questions: any) => {
const imageList: any[] = []
questions.forEach((question: any) => {
if (question.type === 'image_url') {
imageList.push(question)
}
})
return imageList
}

const getFileName = (file: any) => {
if (file) {
return file?.file_name || file?.name || file?.image_url?.details || JSON.stringify(file)
} else {
return ''
}
}

// 下载文件
const downloadFile = (file: any) => {
if (file && (file.url || file.file_id || file.id)) {
window.open(file.url || `./oss/file/${file.file_id || file.id}`, '_blank')
} else {
console.error('下载文件失败，原因：链接未知，file =', file)
}
}
</script>
<style lang="scss" scoped>
.execution-detail-card {
Expand Down
Loading