refactor(knowledge): 重构知识库详情页面布局和功能

- 修改了 DocumentDrawer 组件的布局和样式，增加了更多详细信息展示
- 添加了 RenderFile 组件用于渲染 PDF 文件
- 更新了知识库详情页面的搜索和筛选功能
- 优化了分段列表的展示方式，增加了多选功能
- 调整了表格列的渲染逻辑，增加了操作按钮
- 修复 render dialog 退出异常的问题

src/views/knowledge/detail/index.vue

@@ -6,7 +6,8 @@
         <div class="flex align-items-c">
           <div class="mr20 header" v-if="!editKnowledge">{{ knowledgeName }}</div>
           <el-input class="mr20 w400" size="small" v-else v-model="copyKnowledgeName">{{ knowledgeName }}</el-input>
-          <el-icon class="fs16 el-icon-edit-outline cursor-pointer" @click.native="editKnowledgeName" v-if="!editKnowledge" />
+          <el-icon class="fs16 el-icon-edit-outline cursor-pointer" @click.native="editKnowledgeName"
+            v-if="!editKnowledge" />
           <div v-else>
             <el-button type="primary" size="medium" class="render-button" @click="saveKnowledgeName">保存</el-button>
             <el-button size="medium" class="render-button" @click="cancelKnowledgeName">取消</el-button>
@@ -19,8 +20,10 @@
 
       <div>
         <!--        <el-button type="primary" size="medium" class="normal-button" @click="jumpEditKnowledge">修改知识库</el-button>-->
-        <el-button type="primary" size="medium" icon="el-icon-edit-outline" class="primary-button" @click="jumpEditKnowledge">修改知识库</el-button>
-        <el-button type="primary" size="medium" icon="el-icon-plus" class="primary-button" @click="jumpAddKnowledge">上传知识</el-button>
+        <el-button type="primary" size="medium" icon="el-icon-edit-outline" class="primary-button"
+          @click="jumpEditKnowledge">修改知识库</el-button>
+        <el-button type="primary" size="medium" icon="el-icon-plus" class="primary-button"
+          @click="jumpAddKnowledge">上传知识</el-button>
       </div>
     </div>
     <div class="mt20 card-body">
@@ -34,16 +37,18 @@
         <div class="flex align-items-c justify-content-b">
           <el-form :model="form" label-width="100px" label-position="top" inline>
             <el-form-item label="知识文件名称" prop="fileName">
-              <el-input v-model="form.knowledgeNameLike" size="medium" placeholder="请输入知识文件名称" @keydown.enter.native="search"></el-input>
+              <el-input v-model="form.knowledgeNameLike" size="medium" placeholder="请输入知识文件名称"
+                @keydown.enter.native="search"></el-input>
             </el-form-item>
             <el-form-item label="知识文件来源" prop="documentSource">
-              <el-select v-model="form.documentSource" placeholder="请输入知识文件名称" size="medium">
+              <el-select v-model="form.documentSource" size="medium">
                 <el-option label="全部" value=""></el-option>
-                <el-option v-for="item in documentSourceOptions" :label="item.label" :value="item.value" :key="item.value"></el-option>
+                <el-option v-for="item in documentSourceOptions" :label="item.label" :value="item.value"
+                  :key="item.value"></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="上传用户" prop="createdUserLike">
-              <el-select v-model="form.createdUserLike" placeholder="请输入知识文件名称" disabled size="medium">
+              <el-select v-model="form.createdUserLike" disabled size="medium">
                 <el-option label="暂无用户" value=""></el-option>
               </el-select>
             </el-form-item>
@@ -51,43 +56,24 @@
               <el-input v-model="form.name" placeholder="请输入关键字/敏感词" disabled size="medium"></el-input>
             </el-form-item>
             <el-form-item label="上传时间" prop="times">
-              <el-date-picker
-                size="medium"
-                style="width:100%"
-                v-model="form.times"
-                value-format="yyyy-MM-dd"
-                start-placeholder="开始时间"
-                end-placeholder="结束时间"
-                type="daterange"
-              ></el-date-picker>
+              <el-date-picker size="medium" style="width:100%" v-model="form.times" value-format="yyyy-MM-dd"
+                start-placeholder="开始时间" end-placeholder="结束时间" type="daterange"></el-date-picker>
             </el-form-item>
           </el-form>
-          <div class="mt15">
+          <div class="mt15 flex align-items-c justify-content-b">
             <el-button size="medium" type="primary" @click="search">查询</el-button>
             <el-button size="medium" @click="reset">重置</el-button>
           </div>
         </div>
-        <r-table
-          :columns="columns"
-          :data="list"
-          :deletion="false"
-          :total="total"
-          @page-change="pageChange"
-          @current-change="currentChange"
-          :current-page="page"
-          :page-size="pageSize"
-        ></r-table>
+        <r-table :columns="columns" :data="list" :deletion="false" :total="total" @page-change="pageChange"
+          @current-change="currentChange" :current-page="page" :page-size="pageSize"></r-table>
       </div>
     </div>
-    <document-drawer
-      :visible.sync="drawer"
-      :descriptions="descriptions"
-      :document-detail="documentDetail"
-      :active-segment="activeSegment"
-      @update:visible="val => (drawer = val)"
-    />
+    <document-drawer :visible.sync="drawer" :descriptions="descriptions" :document-detail="documentDetail"
+      :active-segment="activeSegment" @update:visible="val => (drawer = val)" />
 
-    <knowledgeForm :visible.sync="drawerForm" :datasetId="$route.query.datasetId" @update:visible="getKnowledgeDetail"></knowledgeForm>
+    <knowledgeForm :visible.sync="drawerForm" :datasetId="$route.query.datasetId" @update:visible="getKnowledgeDetail">
+    </knowledgeForm>
   </div>
 </template>
 <script>
@@ -251,8 +237,12 @@ export default {
         if (res) {
           console.log(res.content.content)
           this.descriptions = {
+            dataset: {
+              knowledgeName: this.knowledgeName,
+              segmentedMode: this.segmentedMode
+            },
             ...row,
-            ...res.content.content
+            ...res.content.content,
           }
           this.drawer = true
 
@@ -330,7 +320,7 @@ export default {
       return item ? item.label : '否'
     }
   },
-  created() {},
+  created() { },
   async mounted() {
     this.getKnowledgeDetail()
     // 获取知识库文件列表
@@ -345,6 +335,12 @@ export default {
     }
   },
   computed: {
+    datasetId() {
+      return {
+        datasetId: this.$route.query.datasetId,
+        segmentedMode: this.filterSegmentedMode(this.segmentedMode)
+      }
+    },
     columns(vm) {
       return [
         {
@@ -386,6 +382,22 @@ export default {
           isRedraw: true,
           render: (h, params) => {
             return h('div', [
+              h(
+                'el-button',
+                {
+                  class: 'floatSpan',
+                  props: {
+                    type: 'danger',
+                    size: 'mini',
+                    icon: 'el-icon-delete',
+                    title: '删除'
+                  },
+                  on: {
+                    click: () => this.deleteKnowledge(params.row)
+                  }
+                },
+
+              ),
               h('el-button', {
                 class: 'normal-button',
                 props: {
@@ -396,21 +408,7 @@ export default {
                   title: '编辑'
                 },
                 on: {}
-              }),
-              h(
-                'el-button',
-                {
-                  class: 'floatSpan',
-                  props: {
-                    type: 'danger',
-                    size: 'mini',
-                    icon: 'el-icon-delete'
-                  },
-                  on: {
-                    click: () => this.deleteKnowledge(params.row)
-                  }
-                },
-                '删除'
+              }, "编辑"
               ),
               h(
                 'el-button',
@@ -419,7 +417,8 @@ export default {
                   props: {
                     type: 'primary',
                     size: 'mini',
-                    icon: 'el-icon-tickets'
+                    icon: 'el-icon-tickets',
+                    title: '查看详情'
                   },
                   on: {
                     click: () => this.viewDocumentDetail(params.row)
@@ -658,9 +657,11 @@ export default {
   padding: 10px;
   text-align: center;
 }
+
 .clearfix {
   padding-bottom: 20px;
   position: relative;
+
   &:after {
     position: absolute;
     bottom: 0;
@@ -671,6 +672,7 @@ export default {
     //  宽度缩小
     transform: scaleY(0.2);
   }
+
   & .header {
     font-family: PingFangSC, PingFang SC;
     font-weight: 600;