hz/ebiz-ai-knowledge-manage
1
0
Fork 0
mirror of http://112.124.100.131/ebiz-ai/ebiz-ai-knowledge-manage.git synced 2025-12-07 09:56:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(knowledge): 重构知识库命中测试功能

Browse Source 
- 更新命中测试弹窗样式和布局
-增加新的检索模式选项，包括语义检索和混合检索- 添加权重设置和重排序模型选择功能
- 优化参数配置界面，提高用户体验
-调整知识库列表和搜索功能布局
- 移除不必要的组件引用
This commit is contained in:
Huangzhe
2025-04-28 18:05:45 +08:00
parent 3c8d0e9e6a
commit 464a6b1735
2 changed files with 185 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

258
src/views/knowledge/detail/components/HitTest/Index.vue
View File

@@ -5,12 +5,16 @@ export default {
name: 'hitTest',
data() {
return {
testForm: {
isRanking: true
},
datasetId: void 0,
paramsConfig: {
visible: false,
searchMode: 'vector', // 默认选择向量检索
similarity: 0.6, // 默认相似度
topK: 5 // 默认引用分段数
searchMode: 'hybrid_search', // 默认选择向量检索
score_threshold: 0.6, // 默认相似度
top_k: 5, // 默认引用分段数,
reranking_model: ''
},
inputMessage: '',
loading: false,
@@ -121,92 +125,160 @@ export default {
<div class="footer">
<!-- 参数内容 -->
<el-popover placement="top" width="480" v-model="paramsConfig.visible">
<div class="search-params-container">
<h3>检索模式</h3>
<el-popover
trigger="manual"
placement="right"
v-model="paramsConfig.visible"
width="450"
>
<div slot="reference">
<div class="search-params-container">
<h3>检索模式</h3>
<el-radio-group
v-model="paramsConfig.searchMode"
class="search-mode-options"
>
<div
class="search-mode-option"
:class="{ active: paramsConfig.searchMode === 'vector' }"
>
<el-radio v-model="paramsConfig.searchMode" label="vector"
>向量检索
</el-radio>
<p class="option-desc">
向量检索是一种基于向量相似度的检索方式，适用于知识库中的大数据量场景。
</p>
</div>
<el-radio-group
v-model="paramsConfig.searchMode"
class="search-mode-options"
>
<div
class="search-mode-option"
:class="{
active: paramsConfig.searchMode === 'semantic_search'
}"
>
<el-radio
v-model="paramsConfig.searchMode"
label="semantic_search"
key="semantic_search"
>
向量检索
<p class="option-desc">
通过生成查询嵌入并查询与其向量表示最相似的文本分段
</p>
</el-radio>
</div>
<div
class="search-mode-option"
:class="{ active: paramsConfig.searchMode === 'fulltext' }"
>
<el-radio v-model="paramsConfig.searchMode" label="fulltext"
>全文检索
</el-radio>
<p class="option-desc">
全文检索是一种基于文本相似度的检索方式，适用于知识库中的小数据量场景。
</p>
</div>
<div
class="search-mode-option"
:class="{
active: paramsConfig.searchMode === 'full_text_search'
}"
>
<el-radio
v-model="paramsConfig.searchMode"
label="full_text_search"
key="full_text_search"
>
全文检索
<p class="option-desc">
索引文档中的所有词汇，从而允许用户查询任意词汇，并返回包含这些词汇的文本片段
</p>
</el-radio>
</div>
<div
class="search-mode-option"
:class="{ active: paramsConfig.searchMode === 'hybrid' }"
>
<el-radio v-model="paramsConfig.searchMode" label="hybrid"
>混合检索
</el-radio>
<p class="option-desc">
混合检索是一种基于向量和文本相似度的检索方式，适用于知识库中的中等数据量场景。
</p>
</div>
</el-radio-group>
<div
class="search-mode-option"
:class="{
active: paramsConfig.searchMode === 'hybrid_search'
}"
>
<el-radio
v-model="paramsConfig.searchMode"
label="hybrid_search"
key="hybrid_search"
>
混合检索
<p class="option-desc">
同时执行全文检索和向量检索，并应用重排序步骤，从两类查询结果中选择匹配用户问题的最佳结果，用户可以选择设置权重或配置重新排序模型
</p>
</el-radio>
</div>
</el-radio-group>
<div class="params-settings">
<div class="param-item">
<span class="param-label">相似度高于</span>
<el-input-number
v-model="paramsConfig.similarity"
:precision="3"
:step="0.001"
:min="0"
size="small"
controls-position="right"
></el-input-number>
</div>
<div class="param-item">
<span class="param-label">引用分段数 TOP</span>
<el-input-number
v-model="paramsConfig.topK"
:min="1"
:max="20"
size="small"
controls-position="right"
></el-input-number>
<div class="action-buttons">
<el-button size="small" @click="paramsConfig.visible = false"
>取消
</el-button>
<el-button
type="primary"
size="small"
@click="paramsConfig.visible = false"
>确定
</el-button>
</div>
</div>
</div>
<div class="action-buttons">
<el-button size="small" @click="paramsConfig.visible = false"
>取消
</el-button>
<el-button
type="primary"
size="small"
@click="paramsConfig.visible = false"
>确定
</el-button>
</div>
</div>
<el-button
icon="el-icon-setting"
size="small"
slot="reference"
v-if="false"
<!-- 具体的参数内容 -->
<section>
<div class="grid grid-cols-2">
<div class="col-span-1 flex align-items-c">
<span class="param-label mr5">Score 阈值</span>
<el-input-number
v-model="paramsConfig.score_threshold"
:precision="3"
:step="0.001"
:min="0"
size="small"
controls-position="right"
/>
</div>
<div class="col-span-1 flex align-items-c">
<span class="param-label mr5">TOP K</span>
<el-input-number
v-model="paramsConfig.top_k"
:min="1"
:max="20"
size="small"
controls-position="right"
/>
</div>
</div>
<!-- 参数设置 -->
<section
class="mt10 flex fs12"
v-if="paramsConfig.searchMode === 'hybrid_search'"
>
<el-card shadow="never" class="mr5">
<div>权重设置</div>
<div>
通过调整分配的权重，重新排序策略确定是优先进行语义匹配还是关键字匹配。
</div>
</el-card>
<el-card shadow="never">
<div>Rerank 模型</div>
<div>
重排序模型将根据候选文档列表与用户问题语义匹配度进行重新排序，从而改进语义排序的结果
</div>
</el-card>
</section>
<section class="mt10">
<el-form>
<el-form-item>
<template #label>
<el-switch v-model="testForm.isRanking"></el-switch>
Rerank 模型
</template>
<el-select
v-model="paramsConfig.rerank_model"
size="medium"
placeholder="选择一个模型"
>
<el-option
v-for="item in rerankModelOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
</section>
</section>
</el-popover>
<el-button icon="el-icon-setting" size="small" slot="reference"
>参数设置
</el-button>
</el-popover>
@@ -433,6 +505,7 @@ export default {
}
.search-mode-options {
width: 100%;
margin-bottom: 20px;
.search-mode-option {
@@ -449,28 +522,13 @@ export default {
.option-desc {
margin: 5px 0 0 24px;
font-size: 12px;
text-wrap: wrap;
color: #909399;
line-height: 1.4;
}
}
}
.params-settings {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
.param-item {
display: flex;
align-items: center;
.param-label {
margin-right: 10px;
white-space: nowrap;
}
}
}
.action-buttons {
display: flex;
justify-content: flex-end;
@@ -480,4 +538,8 @@ export default {
}
}
}
.ts {
transition: all 0.5;
}
</style>

124
src/views/knowledge/detail/index.vue
View File

@@ -7,36 +7,16 @@
<div class="mr20 header" v-if="!editKnowledge">
{{ knowledgeName }}
</div>
<el-input
class="mr20 w400"
size="small"
v-else
v-model="copyKnowledgeName"
>{{ knowledgeName }}</el-input
>
<el-icon
class="fs16 el-icon-edit-outline cursor-pointer"
@click.native="editKnowledgeName"
v-if="!editKnowledge"
/>
<el-input class="mr20 w400" size="small" v-else v-model="copyKnowledgeName">{{ knowledgeName }}</el-input>
<el-icon class="fs16 el-icon-edit-outline cursor-pointer" @click.native="editKnowledgeName"
v-if="!editKnowledge" />
<div v-else>
<el-button
type="primary"
size="medium"
class="render-button"
@click="saveKnowledgeName"
>保存</el-button
>
<el-button
size="medium"
class="render-button"
@click="cancelKnowledgeName"
>取消</el-button
>
<el-button type="primary" size="medium" class="render-button" @click="saveKnowledgeName">保存</el-button>
<el-button size="medium" class="render-button" @click="cancelKnowledgeName">取消</el-button>
</div>
<span class="segment-content">{{
segmentedMode | filterSegmentedMode
}}</span>
}}</span>
</div>
<p class="mt10 fs14" style="line-height: 20px">
描述：{{ knowledgeDesc }}
@@ -55,8 +35,7 @@
<el-button type="primary" icon="el-icon-s-promotion" size="medium" class="line-button"
@click="handleHitTestClick">命中测试
</el-button>
<el-button
type="primary" icon="el-icon-edit-outline" size="medium" class="line-button"
<el-button type="primary" icon="el-icon-edit-outline" size="medium" class="line-button"
@click="handleMetaData">元数据
</el-button>
</div>
@@ -64,52 +43,29 @@
<div class="mt20 card-body">
<el-empty v-if="!hasList">
<div class="mt20">
<el-button
type="primary"
size="medium"
class="fs14"
@click="jumpAddKnowledge"
>立即添加</el-button
>
<el-button type="primary" size="medium" class="fs14" @click="jumpAddKnowledge">立即添加</el-button>
</div>
</el-empty>
<div class="table-container" v-else>
<div class="flex align-items-c justify-content-b">
<el-form
:model="form"
label-width="100px"
label-position="top"
inline
>
<el-form :model="form" label-width="100px" label-position="top" inline>
<el-form-item label="知识文件名称" prop="fileName">
<el-input
v-model="form.knowledgeNameLike"
size="medium"
placeholder="请输入知识文件名称"
@keydown.enter.native="search"
></el-input>
<el-input v-model="form.knowledgeNameLike" size="medium" placeholder="请输入知识文件名称"
@keydown.enter.native="search"></el-input>
</el-form-item>
<el-form-item label="知识文件来源" prop="documentSource">
<el-select v-model="form.documentSource" size="medium">
<el-option label="全部" value=""></el-option>
<el-option
v-for="item in documentSourceOptions"
:label="item.label"
:value="item.value"
:key="item.value"
></el-option>
<el-option v-for="item in documentSourceOptions" :label="item.label" :value="item.value"
:key="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="上传用户" prop="createdUserLike">
<el-select v-model="form.createdUserLike" size="medium">
<el-option label="全部" value=""></el-option>
<el-option
v-for="item in createdUserOptions"
:label="item.label"
:value="item.value"
:key="item.value"
></el-option>
<el-option v-for="item in createdUserOptions" :label="item.label" :value="item.value"
:key="item.value"></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="关键字">-->
@@ -121,57 +77,27 @@
<!-- ></el-input>-->
<!-- </el-form-item>-->
<el-form-item label="上传时间" prop="times">
<el-date-picker
size="medium"
style="width:100%"
v-model="form.times"
value-format="yyyy-MM-dd"
start-placeholder="开始时间"
end-placeholder="结束时间"
type="daterange"
></el-date-picker>
<el-date-picker size="medium" style="width:100%" v-model="form.times" value-format="yyyy-MM-dd"
start-placeholder="开始时间" end-placeholder="结束时间" type="daterange"></el-date-picker>
</el-form-item>
</el-form>
<div class="mt15 flex align-items-c justify-content-b">
<el-button size="medium" type="primary" @click="search"
>查询</el-button
>
<el-button size="medium" type="primary" @click="search">查询</el-button>
<el-button size="medium" @click="reset">重置</el-button>
</div>
</div>
<r-table
:columns="columns"
:data="list"
:deletion="false"
:total="total"
@page-change="pageChange"
@current-change="currentChange"
:current-page="page"
:page-size="pageSize"
></r-table>
<r-table :columns="columns" :data="list" :deletion="false" :total="total" @page-change="pageChange"
@current-change="currentChange" :current-page="page" :page-size="pageSize"></r-table>
</div>
</div>
<document-drawer
:visible.sync="drawer"
:descriptions="descriptions"
:document-detail="documentDetail"
:active-segment="activeSegment"
@update:visible="val => (drawer = val)"
/>
<document-drawer :visible.sync="drawer" :descriptions="descriptions" :document-detail="documentDetail"
:active-segment="activeSegment" @update:visible="val => (drawer = val)" />
<knowledgeForm
:visible.sync="drawerForm"
:datasetId="$route.query.datasetId"
@update:visible="getKnowledgeDetail"
>
<knowledgeForm :visible.sync="drawerForm" :datasetId="$route.query.datasetId" @update:visible="getKnowledgeDetail">
</knowledgeForm>
<!-- 命中测试抽屉弹窗 -->
<el-drawer
:title="hitTestConfig.title"
:visible.sync="hitTestConfig.visible"
size="60%"
>
<el-drawer :title="hitTestConfig.title" :visible.sync="hitTestConfig.visible" size="80%">
<hitTest></hitTest>
</el-drawer>
@@ -479,7 +405,7 @@ export default {
return item ? item.label : '否'
}
},
created() {},
created() { },
async mounted() {
this.getKnowledgeDetail()
// 获取知识库文件列表