fix: 修改执行详情中的多路召回展示

This commit is contained in:
wangdan-fit2cloud 2024-09-12 15:38:39 +08:00
parent ef900c4e01
commit a32d0983f1
3 changed files with 35 additions and 9 deletions

View File

@ -171,7 +171,27 @@
<template v-if="item.type == WorkflowType.RrerankerNode"> <template v-if="item.type == WorkflowType.RrerankerNode">
<div class="card-never border-r-4"> <div class="card-never border-r-4">
<h5 class="p-8-12">检索内容</h5> <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>
<div class="card-never border-r-4 mt-8"> <div class="card-never border-r-4 mt-8">
<h5 class="p-8-12">检索结果</h5> <h5 class="p-8-12">检索结果</h5>
@ -183,7 +203,7 @@
> >
<CardBox <CardBox
shadow="never" shadow="never"
title="" :title="''"
class="paragraph-source-card cursor mb-8 paragraph-source-card-height" class="paragraph-source-card cursor mb-8 paragraph-source-card-height"
:showIcon="false" :showIcon="false"
> >
@ -191,13 +211,15 @@
{{ paragraph.metadata.relevance_score?.toFixed(3) }} {{ paragraph.metadata.relevance_score?.toFixed(3) }}
</div> </div>
<template #description> <template #description>
<el-scrollbar height="150"> <div class="mt-8">
<MdPreview <el-scrollbar height="150">
ref="editorRef" <MdPreview
editorId="preview-only" ref="editorRef"
:modelValue="paragraph.page_content" editorId="preview-only"
/> :modelValue="paragraph.page_content"
</el-scrollbar> />
</el-scrollbar>
</div>
</template> </template>
</CardBox> </CardBox>
</template> </template>

View File

@ -66,6 +66,9 @@ function cardLeave() {
min-height: var(--card-min-height); min-height: var(--card-min-height);
min-width: var(--card-min-width); min-width: var(--card-min-width);
border-radius: 8px; border-radius: 8px;
.title {
height: 20px;
}
.description { .description {
color: var(--app-text-color-secondary); color: var(--app-text-color-secondary);
line-height: 22px; line-height: 22px;

View File

@ -89,6 +89,7 @@ onMounted(() => {
lf.value.deleteEdge(id) lf.value.deleteEdge(id)
}) })
}) })
setTimeout(() => { setTimeout(() => {
lf.value?.fitView() lf.value?.fitView()
}, 500) }, 500)