mirror of
https://github.com/1Panel-dev/MaxKB.git
synced 2025-12-26 01:33:05 +00:00
118 lines
3.9 KiB
Vue
118 lines
3.9 KiB
Vue
<template>
|
|
<div class="flex align-center mt-16" v-if="!isWorkFlow(props.type)">
|
|
<span class="mr-4 color-secondary">知识来源</span>
|
|
<el-divider direction="vertical" />
|
|
<el-button type="primary" class="mr-8" link @click="openParagraph(data)">
|
|
<AppIcon iconName="app-reference-outlined" class="mr-4"></AppIcon>
|
|
引用分段 {{ data.paragraph_list?.length || 0 }}</el-button
|
|
>
|
|
</div>
|
|
<div class="mt-8" v-if="!isWorkFlow(props.type)">
|
|
<el-row :gutter="8" v-if="uniqueParagraphList?.length">
|
|
<template v-for="(item, index) in uniqueParagraphList" :key="index">
|
|
<el-col :span="12" class="mb-8">
|
|
<el-card shadow="never" class="file-List-card" data-width="40">
|
|
<div class="flex-between">
|
|
<div class="flex">
|
|
<img :src="getImgUrl(item && item?.document_name)" alt="" width="20" />
|
|
<div class="ml-4 ellipsis-1" :title="item?.document_name" v-if="!item.source_url">
|
|
<p>{{ item && item?.document_name }}</p>
|
|
</div>
|
|
<div class="ml-8" v-else>
|
|
<a
|
|
:href="
|
|
item.source_url && !item.source_url.endsWith('/')
|
|
? item.source_url + '/'
|
|
: item.source_url
|
|
"
|
|
target="_blank"
|
|
class="ellipsis"
|
|
:title="item?.document_name?.trim()"
|
|
>
|
|
<span :title="item?.document_name?.trim()">{{ item?.document_name }}</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-card>
|
|
</el-col>
|
|
</template>
|
|
</el-row>
|
|
</div>
|
|
|
|
<div class="border-t color-secondary flex-between mt-12" style="padding-top: 12px">
|
|
<div>
|
|
<span class="mr-8"> 消耗 tokens: {{ data?.message_tokens + data?.answer_tokens }} </span>
|
|
<span> 耗时: {{ data?.run_time?.toFixed(2) }} s</span>
|
|
</div>
|
|
<el-button
|
|
v-if="isWorkFlow(props.type)"
|
|
type="primary"
|
|
link
|
|
@click="openExecutionDetail(data.execution_details)"
|
|
>
|
|
<el-icon class="mr-4"><Document /></el-icon>
|
|
执行详情</el-button
|
|
>
|
|
</div>
|
|
<!-- 知识库引用 dialog -->
|
|
<ParagraphSourceDialog ref="ParagraphSourceDialogRef" />
|
|
<!-- 执行详情 dialog -->
|
|
<ExecutionDetailDialog ref="ExecutionDetailDialogRef" />
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { computed, ref } from 'vue'
|
|
import ParagraphSourceDialog from './ParagraphSourceDialog.vue'
|
|
import ExecutionDetailDialog from './ExecutionDetailDialog.vue'
|
|
import { isWorkFlow } from '@/utils/application'
|
|
import { getImgUrl } from '@/utils/utils'
|
|
const props = defineProps({
|
|
data: {
|
|
type: Object,
|
|
default: () => {}
|
|
},
|
|
type: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
})
|
|
|
|
const ParagraphSourceDialogRef = ref()
|
|
const ExecutionDetailDialogRef = ref()
|
|
function openParagraph(row: any, id?: string) {
|
|
ParagraphSourceDialogRef.value.open(row, id)
|
|
}
|
|
function openExecutionDetail(row: any) {
|
|
ExecutionDetailDialogRef.value.open(row)
|
|
}
|
|
const uniqueParagraphList = computed(() => {
|
|
const seen = new Set()
|
|
return (
|
|
props.data.paragraph_list?.filter((paragraph: any) => {
|
|
const key = paragraph.document_name.trim()
|
|
if (seen.has(key)) {
|
|
return false
|
|
}
|
|
seen.add(key)
|
|
// 判断如果 meta 属性不是 {} 需要json解析 转对象
|
|
if (paragraph.meta && typeof paragraph.meta === 'string') {
|
|
paragraph.meta = JSON.parse(paragraph.meta)
|
|
paragraph.source_url = paragraph.meta.source_url
|
|
}
|
|
return true
|
|
}) || []
|
|
)
|
|
})
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.source_dataset-button {
|
|
background: var(--app-text-color-light-1);
|
|
border: 1px solid #ffffff;
|
|
&:hover {
|
|
border: 1px solid var(--el-color-primary);
|
|
background: var(--el-color-primary-light-9);
|
|
color: var(--el-text-color-primary);
|
|
}
|
|
}
|
|
</style>
|