refactor(knowledge): 重构知识库详情页面

- 将 DocumentDrawer 组件抽离为独立模块
- 新增 QAModel 和 TextModel 组件用于展示不同类型的分段内容
- 优化知识库详情页面的结构和样式- 提升代码的可维护性和可复用性

src/views/knowledge/detail/components/preprocessing.vue

@@ -13,16 +13,27 @@
       </el-form-item>
       <!-- 文件上传-->
       <el-form-item label="" required prop="file">
-        <div @click="createFiled" @dragover.prevent="handleDragOver" @dragleave.prevent="handleDragLeave"
-             @drop.prevent="handleDrop" class="upload-demo" :class="{ 'drag-over': isDragOver }">
+        <div
+          @click="createFiled"
+          @dragover.prevent="handleDragOver"
+          @dragleave.prevent="handleDragLeave"
+          @drop.prevent="handleDrop"
+          class="upload-demo"
+          :class="{ 'drag-over': isDragOver }"
+        >
           <el-empty v-if="!filed">
             <template #description>
               <p>点击或将文件拖拽到这里上传</p>
               <p>支持扩展名：.xlsx .doc .docx .pdf .txt...</p>
             </template>
           </el-empty>
-          <el-result v-else icon="success" title="文件上传成功" :sub-title="`已上传文件：${filed.name}`"
-                     style="height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;">
+          <el-result
+            v-else
+            icon="success"
+            title="文件上传成功"
+            :sub-title="`已上传文件：${filed.name}`"
+            style="height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;"
+          >
             <template slot="extra">
               <el-button type="primary" size="medium" @click.stop="createFiled">重新上传</el-button>
             </template>
@@ -35,8 +46,7 @@
         <el-form-item label="是否进行预处理：" required prop="beMinerU">
           <template slot="label">
             是否进行预处理
-            <el-tooltip class="item" effect="dark" content="通过整合最先进的文档解析模型来提高内容提取质量"
-                        placement="top">
+            <el-tooltip class="item" effect="dark" content="通过整合最先进的文档解析模型来提高内容提取质量" placement="top">
               <i class="el-icon-info ml5" style="color: #909399;"></i>
             </el-tooltip>
             ：
@@ -210,10 +220,8 @@ export default {
       return true
     }
   },
-  created() {
-  },
-  mounted() {
-  },
+  created() {},
+  mounted() {},
   computed: {}
 }
 </script>
@@ -249,7 +257,6 @@ export default {
   }
 }
 
-
 .preview-container {
   display: flex;
   height: 500px;