From 4f15718f6f60ac0615360469f0c16a52cf2940e0 Mon Sep 17 00:00:00 2001
From: "du.meimei" <du.meimei@ebiz-digits.com>
Date: Tue, 6 May 2025 17:45:34 +0800
Subject: [PATCH] =?UTF-8?q?feat(knowledge):=20=E5=91=BD=E4=B8=AD=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 HitTest组件中添加 Markdown 渲染功能，支持数学公式显示
-调整 metaData 组件的样式，暂时注释掉内置元数据相关代码
- 在知识库详情页面中设置 HitTest 组件的 wrapperClosable 属性为 false
---
 .../detail/components/HitTest/Index.vue       | 12 ++++-
 .../detail/components/metaData/Index.vue      | 52 +++++++++----------
 src/views/knowledge/detail/index.vue          |  1 +
 3 files changed, 37 insertions(+), 28 deletions(-)

diff --git a/src/views/knowledge/detail/components/HitTest/Index.vue b/src/views/knowledge/detail/components/HitTest/Index.vue
index 194f31d..0b2dfb7 100644
--- a/src/views/knowledge/detail/components/HitTest/Index.vue
+++ b/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>
diff --git a/src/views/knowledge/detail/components/metaData/Index.vue b/src/views/knowledge/detail/components/metaData/Index.vue
index 6fa4014..e560720 100644
--- a/src/views/knowledge/detail/components/metaData/Index.vue
+++ b/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 ? '编辑元数据' : '新增元数据'"
diff --git a/src/views/knowledge/detail/index.vue b/src/views/knowledge/detail/index.vue
index be033a0..ba17680 100644
--- a/src/views/knowledge/detail/index.vue
+++ b/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>