From 318f5ec8067be66ee8704d0685e2c9001b45f992 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Thu, 10 Apr 2025 16:19:25 +0800
Subject: [PATCH] =?UTF-8?q?feat(knowledge):=20=E4=BC=98=E5=8C=96=E7=9F=A5?=
 =?UTF-8?q?=E8=AF=86=E5=BA=93=E9=A1=B5=E9=9D=A2=E7=BB=93=E6=9E=84=E5=92=8C?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-调整了知识库页面的布局结构
- 优化了任务轨迹页面的样式
- 改进了上传任务详情的展示方式
- 统一了代码格式和风格
---
 src/router/generatedRouter/index.js           |  99 ++++----
 src/views/knowledge/track/Index.vue           |  87 ++++---
 .../track/views/knowledge-info/Index.vue      | 218 +++++++++---------
 3 files changed, 208 insertions(+), 196 deletions(-)

diff --git a/src/router/generatedRouter/index.js b/src/router/generatedRouter/index.js
index f6fed76..7f0d2e4 100644
--- a/src/router/generatedRouter/index.js
+++ b/src/router/generatedRouter/index.js
@@ -1,48 +1,48 @@
-import layout from "@/views/app/layout/index.vue";
-import redirect from "@/views/app/redirect/index.vue";
+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"
+              title: '知识库',
+              icon: 'el-icon-s-home'
             }
           },
           {
-            path: "/knowledge/detail",
-            name: "detail",
+            path: '/knowledge/detail',
+            name: 'detail',
             component: redirect,
-            redirect: "/knowledge/detail",
+            redirect: '/knowledge/detail',
             hidden: true,
             meta: {
-              title: "知识库详情",
-              icon: "el-icon-s-home"
+              title: '知识库详情',
+              icon: 'el-icon-s-home'
             },
             children: [
               {
@@ -50,47 +50,58 @@ export default [
                 name: 'knowledge-create',
                 component: () => import('@/views/knowledge/detail/components/knowledgeForm.vue'),
                 meta: {
-                  breadcrumb:false,
+                  breadcrumb: false,
                   title: '知识库详情',
-                  icon: 'el-icon-s-home',
-                },
+                  icon: 'el-icon-s-home'
+                }
               },
 
-
               {
-                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"
+                  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: 'question',
+        component: redirect,
+        redirect: '/knowledge/track',
+        meta: {
+          title: '任务轨迹',
+          icon: 'el-icon-s-home',
+          affix: true
+        },
+        children: [
           {
-            path: "/knowledge/track",
-            name: "track",
-            component: () => import("@/views/knowledge/track/Index.vue"),
+            path: '/knowledge/track',
+            name: 'track',
+            component: () => import('@/views/knowledge/track/Index.vue'),
             meta: {
               breadcrumb: false,
-              title: "任务轨迹",
-              icon: "el-icon-s-home"
+              title: '任务轨迹',
+              icon: 'el-icon-s-home'
             }
           }
         ]
       }
-
     ]
   }
-];
+]
diff --git a/src/views/knowledge/track/Index.vue b/src/views/knowledge/track/Index.vue
index 30e7d8e..347f9a6 100644
--- a/src/views/knowledge/track/Index.vue
+++ b/src/views/knowledge/track/Index.vue
@@ -1,6 +1,6 @@
 <script>
-import { getDocByPage } from "@/api/knowledge/task-page";
-import KnowledgeInfo from "@/views/knowledge/track/views/knowledge-info/Index.vue";
+import { getDocByPage } from '@/api/knowledge/task-page'
+import KnowledgeInfo from '@/views/knowledge/track/views/knowledge-info/Index.vue'
 
 export default {
   components: {
@@ -13,13 +13,13 @@ export default {
       tabList: [],
       currentPage: 1,
       form: {
-        knowledge: "",
-        knowledgeName: "",
-        uploadUser: "",
-        taskStatus: "",
-        taskTime: ""
+        knowledge: '',
+        knowledgeName: '',
+        uploadUser: '',
+        taskStatus: '',
+        taskTime: ''
       }
-    };
+    }
   },
   computed: {},
   methods: {
@@ -27,66 +27,68 @@ export default {
       const payload = {
         page: this.currentPage,
         pageSize: 10,
-        docId: ""
-      };
+        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 : []);
-      });
+        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.infoDialogVisible = true
+      console.log(scope.row)
 
-      this.activeForm = scope.row;
+      this.activeForm = scope.row
     }
   },
   beforeMount() {
-    console.log(`onMounted`);
-    this.getTableData();
+    console.log(`onMounted`)
+    this.getTableData()
   }
-};
+}
 </script>
 
 <template>
-  <div>
-    <el-card>
+  <div class="container">
+    <el-card shadow="hover">
       <!-- 知识库信息 -->
       <div>
-        <el-form>
+        <el-form label-width="120px">
           <el-row>
             <el-col :span="8">
               <el-form-item label="知识库">
-                <el-select v-model="form.knowledge">
-                </el-select>
+                <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-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-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-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
+                  v-model="form.taskTime"
+                  type="daterange"
+                  unlink-panels
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                >
                 </el-date-picker>
               </el-form-item>
             </el-col>
@@ -97,18 +99,12 @@ export default {
       <!-- 任务列表 -->
       <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="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>
@@ -116,8 +112,7 @@ export default {
           </el-table-column>
         </el-table>
         <!-- 弹出提示框， 里面是各种详情内容 -->
-        <el-dialog title="提示" :visible.sync="infoDialogVisible" width="60%"
-                   :before-close="() => infoDialogVisible = false">
+        <el-dialog title="上传任务详情" :visible.sync="infoDialogVisible" width="60%" :before-close="() => (infoDialogVisible = false)">
           <knowledge-info :form="activeForm"></knowledge-info>
         </el-dialog>
       </div>
diff --git a/src/views/knowledge/track/views/knowledge-info/Index.vue b/src/views/knowledge/track/views/knowledge-info/Index.vue
index d5fc266..33c9de6 100644
--- a/src/views/knowledge/track/views/knowledge-info/Index.vue
+++ b/src/views/knowledge/track/views/knowledge-info/Index.vue
@@ -1,122 +1,128 @@
 <script>
 export default {
-    name: 'index',
-    data() {
-        return {
-        }
-    },
-    props: {
-        form: {
-            type: Object,
-            default: () => ({
-                knowledge: '',
-                knowledgeName: '',
-                uploadUser: '',
-                uploadTime: '',
-                taskNumber: '',
-                splitMode: '',
-                processStatus: 1,
-                failReason: '',
-                knowledgeContent: '',
-                originalContent: ''
-            })
-        }
+  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>
+  <div>
+    <!--    <el-card class="box-card" shadow="hover">-->
+    <!--      <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.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.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="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" 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.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>
+        <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
+<style lang="scss" scoped></style>