zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Multi channel recall execution details optimize style

Browse Source
This commit is contained in:
wangdan-fit2cloud 2025-02-18 16:54:16 +08:00 committed by shaohuzhang1
parent 168f822416
commit 0d96f797f1
5 changed files with 24 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
ui/src/components/ai-chat/ExecutionDetailDialog.vue
View File

@ -147,7 +147,11 @@
)" )"
:key="paragraphIndex" :key="paragraphIndex"
> >
<ParagraphCard :data="paragraph" :index="paragraphIndex" /> <ParagraphCard
:data="paragraph"
:content="paragraph.content"
:index="paragraphIndex"
/>
</template> </template>
</template> </template>
<template v-else> -</template> <template v-else> -</template>
@ -423,17 +427,11 @@
v-for="(paragraph, paragraphIndex) in item.document_list" v-for="(paragraph, paragraphIndex) in item.document_list"
:key="paragraphIndex" :key="paragraphIndex"
> >
<CardBox shadow="never" title="" class="cursor mb-8" :showIcon="false"> <ParagraphCard
<template #description> :data="paragraph.metadata"
<el-scrollbar max-height="150"> :content="paragraph.page_content"
<MdPreview :index="paragraphIndex"
ref="editorRef" />
editorId="preview-only"
:modelValue="paragraph.page_content"
/>
</el-scrollbar>
</template>
</CardBox>
</template> </template>
</template> </template>
<template v-else> -</template> <template v-else> -</template>
@ -449,27 +447,11 @@
v-for="(paragraph, paragraphIndex) in item.result_list" v-for="(paragraph, paragraphIndex) in item.result_list"
:key="paragraphIndex" :key="paragraphIndex"
> >
<CardBox <ParagraphCard
shadow="never" :data="paragraph.metadata"
:title="`${$t('chat.executionDetails.paragraph')}${paragraphIndex + 1}`" :content="paragraph.page_content"
class="paragraph-source-card cursor mb-8 paragraph-source-card-height" :index="paragraphIndex"
:showIcon="false" />
>
<div class="active-button primary">
{{ paragraph.metadata.relevance_score?.toFixed(3) }}
</div>
<template #description>
<div class="mt-8">
<el-scrollbar height="150">
<MdPreview
ref="editorRef"
editorId="preview-only"
:modelValue="paragraph.page_content"
/>
</el-scrollbar>
</div>
</template>
</CardBox>
</template> </template>
</template> </template>
<template v-else> -</template> <template v-else> -</template>

3
ui/src/components/ai-chat/ParagraphSourceDialog.vue
View File

@ -22,7 +22,7 @@
<el-form-item :label="$t('chat.KnowledgeSource.referenceParagraph')"> <el-form-item :label="$t('chat.KnowledgeSource.referenceParagraph')">
<div v-if="detail.paragraph_list.length > 0" class="w-full"> <div v-if="detail.paragraph_list.length > 0" class="w-full">
<template v-for="(item, index) in detail.paragraph_list" :key="index"> <template v-for="(item, index) in detail.paragraph_list" :key="index">
<ParagraphCard :data="item" :index="index" /> <ParagraphCard :data="item" :content="item.content" :index="index" />
</template> </template>
</div> </div>
<span v-else> - </span> <span v-else> - </span>
@ -79,7 +79,6 @@ defineExpose({ open })
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.paragraph-source { .paragraph-source {
width: 90% !important; width: 90% !important;
} }
} }
</style> </style>

6
ui/src/components/ai-chat/component/ParagraphCard.vue
View File

@ -12,7 +12,7 @@
<div class="active-button primary">{{ data.similarity?.toFixed(3) }}</div> <div class="active-button primary">{{ data.similarity?.toFixed(3) }}</div>
<template #description> <template #description>
<el-scrollbar height="150"> <el-scrollbar height="150">
<MdPreview ref="editorRef" editorId="preview-only" :modelValue="data.content" /> <MdPreview ref="editorRef" editorId="preview-only" :modelValue="content" noImgZoomIn/>
</el-scrollbar> </el-scrollbar>
</template> </template>
<template #footer> <template #footer>
@ -62,6 +62,10 @@ const props = defineProps({
type: Object, type: Object,
default: () => {} default: () => {}
}, },
content: {
type: String,
default: ''
},
index: { index: {
type: Number, type: Number,
default: 0 default: 0

4
ui/src/components/card-box/index.vue
View File

@ -2,13 +2,13 @@
<el-card shadow="hover" class="card-box" @mouseenter="cardEnter()" @mouseleave="cardLeave()"> <el-card shadow="hover" class="card-box" @mouseenter="cardEnter()" @mouseleave="cardLeave()">
<div class="card-header"> <div class="card-header">
<slot name="header"> <slot name="header">
<div class="title flex" :class="$slots.subTitle ? '' : 'align-center'"> <div class="title flex align-center" :class="$slots.subTitle?'mt-4':''">
<slot name="icon"> <slot name="icon">
<AppAvatar v-if="showIcon" class="mr-12 avatar-blue" shape="square" :size="32"> <AppAvatar v-if="showIcon" class="mr-12 avatar-blue" shape="square" :size="32">
<img src="@/assets/icon_document.svg" style="width: 58%" alt="" /> <img src="@/assets/icon_document.svg" style="width: 58%" alt="" />
</AppAvatar> </AppAvatar>
</slot> </slot>
<div style="width: 90%;margin-top: -5px;"> <div style="width: 90%;">
<auto-tooltip :content="title" style="width: 65%; height: 22px"> <auto-tooltip :content="title" style="width: 65%; height: 22px">
{{ title }} {{ title }}
</auto-tooltip> </auto-tooltip>

2
ui/src/styles/app.scss
View File

@ -495,7 +495,7 @@ h5 {
} }
.avatar-light { .avatar-light {
background: var(--el-color-primary-light-4); background: var(--el-color-primary-light-3);
} }
.avatar-purple { .avatar-purple {