feat(knowledge): 命中测试修改

- 在 HitTest组件中添加 Markdown 渲染功能，支持数学公式显示
-调整 metaData 组件的样式，暂时注释掉内置元数据相关代码
- 在知识库详情页面中设置 HitTest 组件的 wrapperClosable 属性为 false

src/views/knowledge/detail/components/HitTest/Index.vue

@@ -1,11 +1,19 @@
 <script>
 import { hitTest } from '@/api/generatedApi'
 import { getRerankModels } from '@/api/knowledge/hit-test'
+import MarkdownIt from 'markdown-it'
+import markdownItKatex from 'markdown-it-katex'
 
+const md = new MarkdownIt({
+  html: true
+}).use(markdownItKatex)
 export default {
   name: 'hitTest',
   data() {
     return {
+      markdown: '',
+      markdownHtml: '',
+      md,
       datasetId: void 0,
       params: {
         search_method: 'hybrid_search',
@@ -126,7 +134,7 @@ export default {
     },
     handleCardClick(contentItem) {
       this.dialogConfig.visible = true
-      this.dialogConfig.content = contentItem
+      this.markdownHtml = this.md.render(contentItem.segment.content)
     }
   }
 }
@@ -463,7 +471,7 @@ export default {
       :is-show-footer="dialogConfig.isShowFooter"
     >
       <div class="flex">
-        <div>{{ dialogConfig.content }}</div>
+        <div v-html="markdownHtml"></div>
       </div>
     </el-drawer>
   </div>

src/views/knowledge/detail/components/metaData/Index.vue

@@ -39,32 +39,32 @@
         </div>
       </li>
     </ul>
-    <div class="flex mt20">
-      <el-switch v-model="value"> </el-switch>
-      <p class="ml5 fwb">内置</p>
-      <el-tooltip
-        class="item"
-        effect="dark"
-        content="内置元数据是系统预定义的元数据，您可以在此处查看和管理内置元数据。"
-        placement="top"
-      >
-        <i class="el-icon-info ml5" style="color: #909399;"></i>
-      </el-tooltip>
-    </div>
-    <ul>
-      <li
-        v-for="(item, index) in dataList"
-        :key="index"
-        class="flex justify-content-b"
-      >
-        <div class="flex">
-          <i class="el-icon-date"></i>
-          <p class="ml5 mr5">{{ item.metadataKey }}</p>
-          <p>{{ item.dataType }}</p>
-        </div>
-        <div>{{ item.status }}</div>
-      </li>
-    </ul>
+<!--    <div class="flex mt20">-->
+<!--      <el-switch v-model="value"> </el-switch>-->
+<!--      <p class="ml5 fwb">内置</p>-->
+<!--      <el-tooltip-->
+<!--        class="item"-->
+<!--        effect="dark"-->
+<!--        content="内置元数据是系统预定义的元数据，您可以在此处查看和管理内置元数据。"-->
+<!--        placement="top"-->
+<!--      >-->
+<!--        <i class="el-icon-info ml5" style="color: #909399;"></i>-->
+<!--      </el-tooltip>-->
+<!--    </div>-->
+<!--    <ul>-->
+<!--      <li-->
+<!--        v-for="(item, index) in dataList"-->
+<!--        :key="index"-->
+<!--        class="flex justify-content-b"-->
+<!--      >-->
+<!--        <div class="flex">-->
+<!--          <i class="el-icon-date"></i>-->
+<!--          <p class="ml5 mr5">{{ item.metadataKey }}</p>-->
+<!--          <p>{{ item.dataType }}</p>-->
+<!--        </div>-->
+<!--        <div>{{ item.status }}</div>-->
+<!--      </li>-->
+<!--    </ul>-->
     <!-- 新增元数据对话框 -->
     <el-dialog
       :title="isEdit ? '编辑元数据' : '新增元数据'"

src/views/knowledge/detail/index.vue

@@ -201,6 +201,7 @@
     <el-drawer
       :title="hitTestConfig.title"
       :visible.sync="hitTestConfig.visible"
+      :wrapperClosable="false"
       size="80%"
     >
       <hitTest></hitTest>