From d9cb160be977e1a2f443e40ffbb8c8604f70048a Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Wed, 9 Apr 2025 20:02:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E8=BD=A8=E8=BF=B9=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 增加 `/knowledge/track`
- 增加任务轨迹列表的界面显示
- 增加任务轨迹列表详情
- 增加 `/docManage/docSplitTask/docPageEx` 接口请求
---
 src/api/knowledge/task-page.js                |  11 ++
 src/router/generatedRouter/index.js           |  93 +++++++------
 src/views/knowledge/track/Index.vue           | 128 ++++++++++++++++++
 .../track/views/knowledge-info/Index.vue      | 122 +++++++++++++++++
 4 files changed, 313 insertions(+), 41 deletions(-)
 create mode 100644 src/api/knowledge/task-page.js
 create mode 100644 src/views/knowledge/track/Index.vue
 create mode 100644 src/views/knowledge/track/views/knowledge-info/Index.vue

diff --git a/src/api/knowledge/task-page.js b/src/api/knowledge/task-page.js
new file mode 100644
index 0000000..3234169
--- /dev/null
+++ b/src/api/knowledge/task-page.js
@@ -0,0 +1,11 @@
+import  request from '@/assets/js/utils/request'
+import getUrl from '@/assets/js/utils/get-url'
+
+// 获取 docPageEx
+export function getDocByPage(data){
+  return request({
+    url: getUrl('/docManage/docSplitTask/docPageEx'),
+    method: 'post',
+    data
+  })
+}
\ No newline at end of file
diff --git a/src/router/generatedRouter/index.js b/src/router/generatedRouter/index.js
index c710d07..af06d39 100644
--- a/src/router/generatedRouter/index.js
+++ b/src/router/generatedRouter/index.js
@@ -1,73 +1,84 @@
-import layout from '@/views/app/layout/index.vue'
-import redirect from '@/views/app/redirect/index.vue'
-export  default [
+import layout from "@/views/app/layout/index.vue";
+import redirect from "@/views/app/redirect/index.vue";
+
+export default [
   {
-    path: '/knowledge',
-    name: 'home',
+    path: "/knowledge",
+    name: "home",
     component: layout,
-    redirect: '/knowledge/list',
+    redirect: "/knowledge/list",
     meta: {
-      title: 'AI知识库',
-      icon: 'el-icon-s-home',
+      title: "AI知识库",
+      icon: "el-icon-s-home",
       affix: true
     },
     children: [
       {
-        path: '/knowledge/list',
-        name: 'home',
+        path: "/knowledge/list",
+        name: "home",
         component: redirect,
-        redirect: '/knowledge/list',
+        redirect: "/knowledge/list",
         meta: {
-          title: '知识库',
-          icon: 'el-icon-s-home',
+          title: "知识库",
+          icon: "el-icon-s-home",
           affix: true
         },
         children: [
           {
-            path: '/knowledge/list',
-            name: 'home',
-            component: () => import('@/views/knowledge/index.vue'),
+            path: "/knowledge/list",
+            name: "home",
+            component: () => import("@/views/knowledge/index.vue"),
             meta: {
-              breadcrumb:false,
-              title: '知识库',
-              icon: 'el-icon-s-home',
-            },
+              breadcrumb: false,
+              title: "知识库",
+              icon: "el-icon-s-home"
+            }
           },
           {
-            path: '/knowledge/detail',
-            name: 'detail',
+            path: "/knowledge/detail",
+            name: "detail",
             component: redirect,
-            redirect: '/knowledge/detail',
-            hidden:true,
+            redirect: "/knowledge/detail",
+            hidden: true,
             meta: {
-              title: '知识库详情',
-              icon: 'el-icon-s-home',
+              title: "知识库详情",
+              icon: "el-icon-s-home"
             },
             children: [
               {
-                path: '/knowledge/detail',
-                name: 'detail',
-                component: () => import('@/views/knowledge/detail/index.vue'),
+                path: "/knowledge/detail",
+                name: "detail",
+                component: () => import("@/views/knowledge/detail/index.vue"),
                 meta: {
-                  breadcrumb:false,
-                  title: '知识库详情',
-                  icon: 'el-icon-s-home',
-                },
+                  breadcrumb: false,
+                  title: "知识库详情",
+                  icon: "el-icon-s-home"
+                }
               },
               {
-                path: '/knowledge/detail/create',
-                name: 'create',
-                component: () => import('@/views/knowledge/detail/create.vue'),
+                path: "/knowledge/detail/create",
+                name: "create",
+                component: () => import("@/views/knowledge/detail/create.vue"),
                 meta: {
-                  title: '知识库新增',
-                  icon: 'el-icon-s-home',
-                },
-              },
+                  title: "知识库新增",
+                  icon: "el-icon-s-home"
+                }
+              }
             ]
           },
+          {
+            path: "/knowledge/track",
+            name: "track",
+            component: () => import("@/views/knowledge/track/Index.vue"),
+            meta: {
+              breadcrumb: false,
+              title: "任务轨迹",
+              icon: "el-icon-s-home"
+            }
+          }
         ]
       }
 
     ]
   }
-]
+];
diff --git a/src/views/knowledge/track/Index.vue b/src/views/knowledge/track/Index.vue
new file mode 100644
index 0000000..30e7d8e
--- /dev/null
+++ b/src/views/knowledge/track/Index.vue
@@ -0,0 +1,128 @@
+<script>
+import { getDocByPage } from "@/api/knowledge/task-page";
+import KnowledgeInfo from "@/views/knowledge/track/views/knowledge-info/Index.vue";
+
+export default {
+  components: {
+    KnowledgeInfo
+  },
+  data() {
+    return {
+      infoDialogVisible: false,
+      activeForm: {},
+      tabList: [],
+      currentPage: 1,
+      form: {
+        knowledge: "",
+        knowledgeName: "",
+        uploadUser: "",
+        taskStatus: "",
+        taskTime: ""
+      }
+    };
+  },
+  computed: {},
+  methods: {
+    getTableData() {
+      const payload = {
+        page: this.currentPage,
+        pageSize: 10,
+        docId: ""
+      };
+
+      getDocByPage(payload).then(res => {
+        this.tabList = res.content.content.list ? res.content.content.list : [];
+        console.log(res.content.content.list ? res.content.content.list : []);
+      });
+    },
+    handleActiveInfo(scope) {
+      this.infoDialogVisible = true;
+      console.log(scope.row);
+
+      this.activeForm = scope.row;
+    }
+  },
+  beforeMount() {
+    console.log(`onMounted`);
+    this.getTableData();
+  }
+};
+</script>
+
+<template>
+  <div>
+    <el-card>
+      <!-- 知识库信息 -->
+      <div>
+        <el-form>
+          <el-row>
+            <el-col :span="8">
+              <el-form-item label="知识库">
+                <el-select v-model="form.knowledge">
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item label="知识文件名称">
+                <el-select v-model="form.knowledgeName">
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item label="上传用户">
+                <el-select v-model="form.uploadUser">
+                </el-select>
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item label="任务状态">
+                <el-select v-model="form.taskStatus">
+                </el-select>
+              </el-form-item>
+            </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>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
+
+      <!-- 任务列表 -->
+      <div>
+        <el-table :data="tabList" style="width: 100%">
+          <el-table-column prop="taskCode" label="任务号" width="180">
+          </el-table-column>
+          <el-table-column prop="docTypeName" label="知识库" width="180">
+          </el-table-column>
+          <el-table-column prop="fileName" label="知识文件名称">
+          </el-table-column>
+          <el-table-column prop="processStatus" label="上传状态">
+          </el-table-column>
+          <el-table-column prop="createdUser" label="上传用户">
+          </el-table-column>
+          <el-table-column prop="uploadDate" label="上传时间">
+          </el-table-column>
+          <el-table-column prop="processStatus" label="操作">
+            <template slot-scope="scope">
+              <el-button type="primary" size="mini" @click="handleActiveInfo(scope)">查看详情</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <!-- 弹出提示框， 里面是各种详情内容 -->
+        <el-dialog title="提示" :visible.sync="infoDialogVisible" width="60%"
+                   :before-close="() => infoDialogVisible = false">
+          <knowledge-info :form="activeForm"></knowledge-info>
+        </el-dialog>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/knowledge/track/views/knowledge-info/Index.vue b/src/views/knowledge/track/views/knowledge-info/Index.vue
new file mode 100644
index 0000000..d5fc266
--- /dev/null
+++ b/src/views/knowledge/track/views/knowledge-info/Index.vue
@@ -0,0 +1,122 @@
+<script>
+export default {
+    name: 'index',
+    data() {
+        return {
+        }
+    },
+    props: {
+        form: {
+            type: Object,
+            default: () => ({
+                knowledge: '',
+                knowledgeName: '',
+                uploadUser: '',
+                uploadTime: '',
+                taskNumber: '',
+                splitMode: '',
+                processStatus: 1,
+                failReason: '',
+                knowledgeContent: '',
+                originalContent: ''
+            })
+        }
+    }
+}
+</script>
+
+<template>
+    <div>
+        <el-card class="box-card">
+            <div slot="header" class="clearfix">
+                <span>上传任务详情</span>
+            </div>
+            <div class="card-body">
+                <el-form ref="form" :model="form" label-width="80px">
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item label="知识库">
+                                <el-input v-model="form.docTypeName" placeholder=""></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="知识文件名称">
+                                <el-input v-model="form.fileName" placeholder=""></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item label="上传用户">
+                                <el-input v-model="form.createdUser" placeholder=""></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="上传时间">
+                                <el-input v-model="form.createdDate" placeholder=""></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+
+                    <el-row>
+                        <el-col :span="12">
+                            <el-form-item label="任务号">
+                                <el-input v-model="form.taskCode" placeholder=""></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="12">
+                            <el-form-item label="分段模式">
+                                <el-input v-model="form.segmentMode" placeholder=""></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=""></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="8">
+                            <el-form-item label="任务状态">
+                                <el-input v-model="form.processStatus" placeholder=""></el-input>
+                            </el-form-item>
+                        </el-col>
+                        <el-col :span="3">
+                            <el-button type="primary" size="small"
+                                @click="() => { form.processStatus = form.processStatus === 1 ? 2 : 1 }">switch
+                                status</el-button>
+                        </el-col>
+                    </el-row>
+
+                    <el-row>
+                        <el-col :span="24" v-if="form.processStatus === 1">
+                            <el-form-item label="失败原因">
+                                <el-input v-model="form.failReason" placeholder=""></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+
+                    <el-row>
+                        <el-col :span="24">
+                            <el-form-item label="知识内容">
+                                <el-input type="textarea" :rows="8" v-model="form.knowledgeContent"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+
+                    <el-row>
+                        <el-col :span="24">
+                            <el-form-item label="原文内容">
+                                <el-input type="textarea" :rows="8" v-model="form.originalContent"></el-input>
+                            </el-form-item>
+                        </el-col>
+                    </el-row>
+                </el-form>
+            </div>
+        </el-card>
+    </div>
+</template>
+
+<style lang="scss" scoped></style>
\ No newline at end of file