From ca8a13fcb7e7a932b3c2f5c28f67cccb983d3000 Mon Sep 17 00:00:00 2001
From: "du.meimei" <du.meimei@ebiz-digits.com>
Date: Thu, 17 Apr 2025 18:08:41 +0800
Subject: [PATCH] =?UTF-8?q?refactor(track):=20=E9=87=8D=E6=9E=84=E7=9F=A5?=
 =?UTF-8?q?=E8=AF=86=E4=BF=A1=E6=81=AF=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 引入 TextModel 和 QAModel 组件用于展示不同类型的文档内容
- 修改 _getSplitResultPreview 方法，根据文档类型动态渲染内容
- 优化文档内容展示布局，移除不必要的 prop 属性
---
 .../components/documentDetail/QAModel.vue     | 10 +------
 .../components/documentDetail/TextModel.vue   | 13 ++++-----
 .../track/views/knowledge-info/Index.vue      | 29 ++++++++++++++-----
 3 files changed, 27 insertions(+), 25 deletions(-)

diff --git a/src/views/knowledge/detail/components/documentDetail/QAModel.vue b/src/views/knowledge/detail/components/documentDetail/QAModel.vue
index 9fa5b8e..9a43fe8 100644
--- a/src/views/knowledge/detail/components/documentDetail/QAModel.vue
+++ b/src/views/knowledge/detail/components/documentDetail/QAModel.vue
@@ -54,15 +54,7 @@ export default {
     visible: Boolean,
     descriptions: {
       type: Object,
-      default: () => ({ data: [{}] })
-    },
-    documentDetail: {
-      type: Object,
-      default: () => ({})
-    },
-    activeSegment: {
-      type: Number,
-      default: 0
+      default: () => ({ data: [] })
     }
   }
 }
diff --git a/src/views/knowledge/detail/components/documentDetail/TextModel.vue b/src/views/knowledge/detail/components/documentDetail/TextModel.vue
index 319993f..3b5dbe5 100644
--- a/src/views/knowledge/detail/components/documentDetail/TextModel.vue
+++ b/src/views/knowledge/detail/components/documentDetail/TextModel.vue
@@ -43,14 +43,11 @@ export default {
     descriptions: {
       type: Object,
       default: () => ({ data: [] })
-    },
-    documentDetail: {
-      type: Object,
-      default: () => ({})
-    },
-    activeSegment: {
-      type: Number,
-      default: 0
+    }
+  },
+  data() {
+    return {
+      activeSegment: 0
     }
   }
 }
diff --git a/src/views/track/views/knowledge-info/Index.vue b/src/views/track/views/knowledge-info/Index.vue
index 341c1b5..7018a8b 100644
--- a/src/views/track/views/knowledge-info/Index.vue
+++ b/src/views/track/views/knowledge-info/Index.vue
@@ -1,12 +1,16 @@
 <script>
 import { datasetQuerySegments, getPdfUrl, queryTask } from '@/api/generatedApi'
+import TextModel from '@/views/knowledge/detail/components/documentDetail/TextModel.vue'
+import QAModel from '@/views/knowledge/detail/components/documentDetail/QAModel.vue'
 
 export default {
   name: 'index',
+  components: { QAModel, TextModel },
   data() {
     return {
       iframeSrc: window.location.origin,
-      newForm: {}
+      newForm: {},
+      descriptions: null
     }
   },
   props: {
@@ -62,10 +66,10 @@ export default {
     _getSplitResultPreview() {
       console.log(this.form)
 
-      datasetQuerySegments({ documentId: '1361713754874679296' }).then(res => {
-        const { content } = res.content
+      datasetQuerySegments({ documentId: this.form.id }).then(res => {
+        const descriptions = res.content.content
         console.log(`datasetQuerySegments`, res)
-
+        this.descriptions = descriptions
         // this.form.knowledgeContent = content
       })
     }
@@ -142,15 +146,24 @@ export default {
         </el-row>
 
         <el-row>
-          <el-col :span="12">
-            <el-form-item label="知识内容"> </el-form-item>
+          <el-col :span="24">
+            <el-form-item label="知识内容">
+              <div class="is-always-shadow" v-if="descriptions">
+                <text-model v-if="descriptions.doc_form === 'text_model'" :descriptions="descriptions" />
+                <q-a-model v-else-if="descriptions.doc_form === 'qa_model'" :descriptions="descriptions" />
+              </div>
+              <span v-else>-</span>
+            </el-form-item>
           </el-col>
 
           <el-col :span="24">
             <el-form-item label="原文内容" />
-            <iframe id="iframe"
+            <iframe
+              id="iframe"
               :src="`${iframeSrc}/pdfjs-dist/web/viewer.html?file=${encodeURIComponent(getPdfUrl({ documentId: newForm.id }))}`"
-              class="miner-u el-card is-always-shadow ml20" style="width: 98%; height: 800px;"></iframe>
+              class="miner-u el-card is-always-shadow ml20"
+              style="width: 98%; height: 800px;"
+            ></iframe>
           </el-col>
         </el-row>
       </el-form>