From 464a6b1735598d29fc7f801041c2541e6da84a44 Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Mon, 28 Apr 2025 18:05:45 +0800
Subject: [PATCH] =?UTF-8?q?feat(knowledge):=20=E9=87=8D=E6=9E=84=E7=9F=A5?=
 =?UTF-8?q?=E8=AF=86=E5=BA=93=E5=91=BD=E4=B8=AD=E6=B5=8B=E8=AF=95=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 更新命中测试弹窗样式和布局
-增加新的检索模式选项，包括语义检索和混合检索- 添加权重设置和重排序模型选择功能
- 优化参数配置界面，提高用户体验
-调整知识库列表和搜索功能布局
- 移除不必要的组件引用
---
 .../detail/components/HitTest/Index.vue       | 258 +++++++++++-------
 src/views/knowledge/detail/index.vue          | 124 ++-------
 2 files changed, 185 insertions(+), 197 deletions(-)

diff --git a/src/views/knowledge/detail/components/HitTest/Index.vue b/src/views/knowledge/detail/components/HitTest/Index.vue
index 83bdd93..5597870 100644
--- a/src/views/knowledge/detail/components/HitTest/Index.vue
+++ b/src/views/knowledge/detail/components/HitTest/Index.vue
@@ -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>
diff --git a/src/views/knowledge/detail/index.vue b/src/views/knowledge/detail/index.vue
index 1513215..b62a593 100644
--- a/src/views/knowledge/detail/index.vue
+++ b/src/views/knowledge/detail/index.vue
@@ -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()
     // 获取知识库文件列表