From 975ed08bade6fcc10ee5e4a9b0338238a223565f Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Tue, 15 Apr 2025 20:13:42 +0800
Subject: [PATCH] =?UTF-8?q?feat[track]:=20=E4=BB=BB=E5=8A=A1=E8=BD=A8?=
 =?UTF-8?q?=E8=BF=B9=E5=86=85=E5=AE=B9=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 添加原文内容展示
2. 对接接口内容
3. 调整规则管理页面修改的ui
---
 src/api/generatedApi/index.js                 | 20 +++-
 src/views/rules/Index.vue                     |  2 +-
 .../components/edit-split-rule/Index.vue      |  2 +-
 src/views/track/Index.vue                     | 65 ++++++-------
 .../track/views/knowledge-info/Index.vue      | 95 +++++++++++++------
 5 files changed, 115 insertions(+), 69 deletions(-)

diff --git a/src/api/generatedApi/index.js b/src/api/generatedApi/index.js
index 6260d93..0a5cac0 100644
--- a/src/api/generatedApi/index.js
+++ b/src/api/generatedApi/index.js
@@ -42,6 +42,7 @@ export function datasetDelete(data) {
 }
 export function datasetsExPages(data) {
   return request({
+    // url: getUrl(`/datasetDocumentEx/taskPage`),
     url: getUrl(`/datasetDocumentEx/page`),
     method: 'post',
     data
@@ -204,11 +205,20 @@ export function uploadFileByTemplate(data) {
 // 知识库文件详情
 export function datasetQuerySegments(data) {
   return request({
-    url: getUrl(`/datasetDocumentEx/querySegments`),
+    url: getUrl(`/datasetDocumentEx/querySegments`, "jifen"),
     method: 'get',
     params: data
   })
 }
+
+// 任务轨迹查看详情
+export function getTaskDetail(params) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/query`),
+    method: 'get',
+    params
+  })
+}
 // 知识库文件删除
 export function datasetQueryDelete(data) {
   return request({
@@ -216,3 +226,11 @@ export function datasetQueryDelete(data) {
     method: 'delete'
   })
 }
+
+export function queryTask(params) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/queryTask`),
+    method: 'get',
+    params
+  })
+}
diff --git a/src/views/rules/Index.vue b/src/views/rules/Index.vue
index 284821d..4bdedf4 100644
--- a/src/views/rules/Index.vue
+++ b/src/views/rules/Index.vue
@@ -272,7 +272,7 @@ export default {
           <!-- 功能按钮组： 查询、重置、新增规则 -->
           <el-row class="p25">
             <el-col :span="16">
-              <el-button size="mini" type="primary" @click="handleQuery">查询</el-button>
+<!--              <el-button size="mini" type="primary" @click="handleQuery">查询</el-button>-->
               <el-button size="mini" type="info" @click="handleReset">重置</el-button>
               <el-button size="mini" type="primary" @click="handleAdd">新增规则</el-button>
             </el-col>
diff --git a/src/views/rules/components/edit-split-rule/Index.vue b/src/views/rules/components/edit-split-rule/Index.vue
index dc4bfd6..2117c22 100644
--- a/src/views/rules/components/edit-split-rule/Index.vue
+++ b/src/views/rules/components/edit-split-rule/Index.vue
@@ -130,7 +130,7 @@ export default {
       <el-form-item label="规则名称">
         <el-input v-model="form.ruleName"></el-input>
       </el-form-item>
-      <el-card shadow="hover">
+      <el-card shadow="hover" v-if="form.ruleList.length > 0">
         <el-tabs closable @tab-remove="handleDelete">
           <el-tab-pane
             v-for="(item, index) in form.ruleList"
diff --git a/src/views/track/Index.vue b/src/views/track/Index.vue
index f572636..9180e6c 100644
--- a/src/views/track/Index.vue
+++ b/src/views/track/Index.vue
@@ -1,5 +1,5 @@
 <script>
-import { getDocByPage } from '@/api/knowledge/task-page'
+import { datasetsExPages } from '@/api/generatedApi'
 import KnowledgeInfo from '@/views/track/views/knowledge-info/Index.vue'
 
 export default {
@@ -23,11 +23,11 @@ export default {
         currentPage: 1,
         pageSize: 10,
         columns: [
-          { prop: 'taskCode', key: '任务号', width: '180' },
-          { prop: 'docTypeName', key: '知识库', width: '180' },
+          { prop: 'id', key: '任务号', width: '180' },
+          { prop: 'datasetName', key: '知识库', width: '180' },
           { prop: 'fileName', key: '知识文件名称' },
           { prop: 'documentStatus', key: '上传状态', width: '100' },
-          { prop: 'createdUser', key: '上传用户', width: '100' },
+          { prop: 'userName', key: '上传用户', width: '100' },
           { prop: 'createdDate', key: '上传时间', width: '200' },
           {
             key: '操作',
@@ -58,29 +58,29 @@ export default {
       // 按照顺序进行筛选，先按照知识库进行筛选
       filteredList = this.form.knowledge
         ? filteredList.filter(item => {
-            return item.docTypeName === this.form.knowledge
-          })
+          return item.datasetName === this.form.knowledge
+        })
         : filteredList
 
       // 按照知识文件名称进行筛选
       filteredList = this.form.knowledgeName
         ? filteredList.filter(item => {
-            return item.fileName === this.form.knowledgeName
-          })
+          return item.fileName === this.form.knowledgeName
+        })
         : filteredList
 
       // 按照上传用户进行筛选
       filteredList = this.form.uploadUser
         ? filteredList.filter(item => {
-            return item.createdUser === this.form.uploadUser
-          })
+          return item.userName === this.form.uploadUser
+        })
         : filteredList
 
       // 按照任务状态进行筛选
       filteredList = this.form.documentStatus
         ? filteredList.filter(item => {
-            return item.documentStatus === this.form.documentStatus
-          })
+          return item.documentStatus === this.form.documentStatus
+        })
         : filteredList
 
       // 处理的状态格式化
@@ -99,11 +99,11 @@ export default {
       filteredList =
         this.form.taskTime.length > 0
           ? filteredList.filter(item => {
-              return (
-                new Date(item.uploadDate).getTime() >= new Date(this.form.taskTime[0]).getTime() &&
-                new Date(item.uploadDate).getTime() <= new Date(this.form.taskTime[1]).getTime()
-              )
-            })
+            return (
+              new Date(item.uploadDate).getTime() >= new Date(this.form.taskTime[0]).getTime() &&
+              new Date(item.uploadDate).getTime() <= new Date(this.form.taskTime[1]).getTime()
+            )
+          })
           : filteredList
 
       // 默认返回所有列表
@@ -114,7 +114,7 @@ export default {
      */
     getKnowledgeList() {
       // 进行去重处理
-      const knowledgeList = [...new Set(this.tabList.map(item => item.docTypeName))]
+      const knowledgeList = [...new Set(this.tabList.map(item => item.datasetName))]
       return knowledgeList
     },
     /**
@@ -130,7 +130,7 @@ export default {
      */
     getUploadUserList() {
       // 进行去重处理
-      const uploadUserList = [...new Set(this.tabList.map(item => item.createdUser))]
+      const uploadUserList = [...new Set(this.tabList.map(item => item.userName))]
       return uploadUserList
     },
     /**
@@ -158,7 +158,7 @@ export default {
         docId: ''
       }
 
-      getDocByPage(payload).then(res => {
+      datasetsExPages(payload).then(res => {
         this.tabList = res.content.content.list ? res.content.content.list : []
         this.tableConfig.total = res.content.content.total
         console.log(`res:`, res.content.content.list)
@@ -228,18 +228,12 @@ export default {
           </el-col>
           <el-col :span="8">
             <el-form-item label="任务时间">
-              <el-date-picker
-                v-model="form.taskTime"
-                type="daterange"
-                unlink-panels
-                range-separator="至"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
-              >
+              <el-date-picker v-model="form.taskTime" type="daterange" unlink-panels range-separator="至"
+                              start-placeholder="开始日期" end-placeholder="结束日期">
               </el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :span="9">
+          <el-col :span="9" :offset="11" class="mb20">
             <el-button type="primary" size="small" @click="handleReset">重置筛选</el-button>
           </el-col>
         </el-row>
@@ -247,17 +241,12 @@ export default {
 
       <!-- 任务列表 -->
       <div>
-        <r-table
-          :columns="tableConfig.columns"
-          :data="getFilterTableData"
-          :deletion="false"
-          :total="tableConfig.total"
-          @currentChange="handleCurrentChange"
-          @sizeChange="handleSizeChange"
-        />
+        <r-table :columns="tableConfig.columns" :data="getFilterTableData" :deletion="false" :total="tableConfig.total"
+                 @currentChange="handleCurrentChange" @sizeChange="handleSizeChange" />
 
         <!-- 弹出提示框， 里面是各种详情内容 -->
-        <el-drawer title="上传任务详情" :visible.sync="infoDialogVisible" size="80%" :before-close="() => (infoDialogVisible = false)">
+        <el-drawer title="上传任务详情" :visible.sync="infoDialogVisible" size="80%"
+                   :before-close="() => (infoDialogVisible = false)">
           <knowledge-info :form="activeForm" v-if="infoDialogVisible"></knowledge-info>
         </el-drawer>
       </div>
diff --git a/src/views/track/views/knowledge-info/Index.vue b/src/views/track/views/knowledge-info/Index.vue
index e9cb106..ba0ae1e 100644
--- a/src/views/track/views/knowledge-info/Index.vue
+++ b/src/views/track/views/knowledge-info/Index.vue
@@ -1,10 +1,18 @@
 <script>
+import { datasetQuerySegments, getPdfUrl, queryTask } from '@/api/generatedApi'
+
 export default {
   name: 'index',
   data() {
-    return {}
+    return {
+      iframeSrc: window.location.origin
+    }
   },
   props: {
+    knowledgeContent: {
+      type: Array,
+      default: () => []
+    },
     form: {
       type: Object,
       default: () => ({
@@ -23,8 +31,50 @@ export default {
       })
     }
   },
-  created() {},
-  methods: {}
+  computed: {
+    documentStatus() {
+      if (this.form.documentStatus === 0 || this.form.documentStatus === '上传中') {
+        return '上传中'
+      } else if (this.form.documentStatus === 1 || this.form.documentStatus === '成功') {
+        return '成功'
+      } else if (this.form.documentStatus === -1 || this.form.documentStatus === '失败') {
+        return '失败'
+      }
+      return this.form.documentStatus
+    },
+    useMineru() {
+      if (this.form.splitMode === 1) {
+        return '是'
+      } else {
+        return '否'
+      }
+    }
+  },
+  methods: {
+
+    getPdfUrl,
+    _getTaskDetail() {
+      queryTask({ id: this.form.id }).then(res => {
+        const { content } = res.content
+        this.form = content
+      })
+    },
+    _getSplitResultPreview() {
+      console.log(this.form)
+
+      datasetQuerySegments({ documentId: '1361713754874679296' }).then(res => {
+        const { content } = res.content
+        console.log(`datasetQuerySegments`, res)
+
+        // this.form.knowledgeContent = content
+      })
+    }
+
+  },
+  created() {
+    this._getTaskDetail()
+    this._getSplitResultPreview()
+  }
 }
 </script>
 
@@ -35,7 +85,7 @@ export default {
         <el-row>
           <el-col :span="24">
             <el-form-item label="知识库">
-              <el-input v-model="form.docTypeName" placeholder="" disabled></el-input>
+              <el-input v-model="form.datasetName" placeholder="" disabled></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="24">
@@ -48,7 +98,7 @@ export default {
         <el-row>
           <el-col :span="12">
             <el-form-item label="上传用户">
-              <el-input v-model="form.createdUser" placeholder="" disabled></el-input>
+              <el-input v-model="form.userName" placeholder="" disabled></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -61,39 +111,27 @@ export default {
         <el-row>
           <el-col :span="12">
             <el-form-item label="任务号">
-              <el-input v-model="form.taskCode" placeholder="" disabled></el-input>
+              <el-input v-model="form.id" placeholder="" disabled></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="分段模式">
-              <el-input v-model="form.segmentMode" placeholder="" disabled></el-input>
+              <el-input v-model="form.segmentedMode" placeholder="null" disabled></el-input>
             </el-form-item>
           </el-col>
         </el-row>
 
         <el-row>
           <el-col :span="12">
-            <el-form-item label="拆分模式">
-              <el-input v-model="form.splitMode" placeholder="" disabled></el-input>
+            <el-form-item label="高级模式">
+              <el-input v-model="useMineru" placeholder="" disabled></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="12">
             <el-form-item label="任务状态">
-              <el-input v-model="form.documentStatus" placeholder=""></el-input>
+              <el-input v-model="documentStatus" placeholder="" disabled></el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="3">
-            <el-button
-              type="primary"
-              size="small"
-              @click="
-                () => {
-                  form.documentStatus = form.documentStatus === 1 ? 2 : 1
-                }
-              "
-              >switch status</el-button
-            >
-          </el-col>
         </el-row>
 
         <el-row>
@@ -107,14 +145,15 @@ export default {
         <el-row>
           <el-col :span="12">
             <el-form-item label="知识内容">
-              <el-input type="textarea" :rows="8" v-model="form.knowledgeContent"></el-input>
+
             </el-form-item>
           </el-col>
 
-          <el-col :span="12">
-            <el-form-item label="原文内容">
-              <el-input type="textarea" :rows="8" v-model="form.originalContent"></el-input>
-            </el-form-item>
+          <el-col :span="24">
+            <el-form-item label="原文内容" />
+            <iframe id="iframe"
+                    :src="`${iframeSrc}/pdfjs-dist/web/viewer.html?file=${encodeURIComponent(getPdfUrl({ documentId: form.id }))}`"
+                    class="miner-u el-card is-always-shadow ml20" style="width: 98%; height: 800px;"></iframe>
           </el-col>
         </el-row>
       </el-form>