diff --git a/src/api/generatedApi/index.js b/src/api/generatedApi/index.js
index 6da4c59..5ec4490 100644
--- a/src/api/generatedApi/index.js
+++ b/src/api/generatedApi/index.js
@@ -286,3 +286,12 @@ export function mdIndex(params) {
     back: true
   })
 }
+
+// 上传到知识库
+export function embedding(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/split/embedding`),
+    method: 'post',
+    data
+  })
+}
diff --git a/src/assets/sass/public.scss b/src/assets/sass/public.scss
index f619865..efd74f4 100644
--- a/src/assets/sass/public.scss
+++ b/src/assets/sass/public.scss
@@ -91,24 +91,24 @@
     overflow: hidden;
   }
 }
-.el-dialog__body {
-  padding: 30px 15px;
-  width: 96%;
-  margin: auto;
-  max-height: 55vh;
-  overflow: auto;
-}
-.el-dialog__footer {
-  text-align: right;
-}
-.el-dialog__header {
-  font-weight: 600;
-  .el-dialog__title {
-    font-size: 20px;
-    color: #0096fd;
-    line-height: 28px;
-  }
-}
+//.el-dialog__body {
+//  padding: 30px 15px;
+//  width: 96%;
+//  margin: auto;
+//  max-height: 55vh;
+//  overflow: auto;
+//}
+//.el-dialog__footer {
+//  text-align: right;
+//}
+//.el-dialog__header {
+//  font-weight: 600;
+//  .el-dialog__title {
+//    font-size: 20px;
+//    color: #0096fd;
+//    line-height: 28px;
+//  }
+//}
 
 .el-collapse-item__header.is-active {
   border-bottom: 1px solid #ebeef5;
diff --git a/src/components/RenderDialog/index.vue b/src/components/RenderDialog/index.vue
index 2cd8b8d..bebd996 100644
--- a/src/components/RenderDialog/index.vue
+++ b/src/components/RenderDialog/index.vue
@@ -1,9 +1,7 @@
 <template>
-  <el-dialog :visible.sync="visible" :title="title">
-    <div slot="default">
-      <div class="render-dialog-body">
-        <slot></slot>
-      </div>
+  <el-dialog :visible.sync="visible" :title="title" :append-to-body="appendToBody">
+    <div class="render-dialog-body">
+      <slot name="default"></slot>
     </div>
     <div slot="footer">
       <slot name="footer">
@@ -20,6 +18,10 @@ export default {
     return {}
   },
   props: {
+    appendToBody: {
+      type: Boolean,
+      default: false
+    },
     visible: {
       type: Boolean,
       default: false
diff --git a/src/router/generatedRouter/index.js b/src/router/generatedRouter/index.js
index 44d6677..7b9cb28 100644
--- a/src/router/generatedRouter/index.js
+++ b/src/router/generatedRouter/index.js
@@ -74,6 +74,15 @@ export default [
                   title: '知识库新增',
                   icon: 'el-icon-s-home'
                 }
+              },
+              {
+                path: '/knowledge/detail/segments',
+                name: 'knowledge-segments',
+                component: () => import('@/views/knowledge/detail/components/viewSegments/index.vue'),
+                meta: {
+                  title: '分段查看',
+                  icon: 'el-icon-s-home'
+                }
               }
             ]
           }
diff --git a/src/views/knowledge/detail/components/documentDetail/QAModel.vue b/src/views/knowledge/detail/components/documentDetail/QAModel.vue
index d0d8346..f76e9d4 100644
--- a/src/views/knowledge/detail/components/documentDetail/QAModel.vue
+++ b/src/views/knowledge/detail/components/documentDetail/QAModel.vue
@@ -23,7 +23,7 @@
     </div>
 
     <!-- 弹窗 -->
-    <el-dialog title="问答详情" :visible.sync="dialogVisible" width="50%" append-to-body :before-close="handleClose">
+    <r-dialog title="问答详情" :visible.sync="dialogVisible" width="50%" append-to-body :before-close="handleClose">
       <div v-if="activeSegment !== null && descriptions.data && descriptions.data.length > 0">
         <div class="segment-content">
           <div>
@@ -49,9 +49,9 @@
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">关 闭</el-button>
+        <el-button @click="dialogVisible = false" class="render-button">关 闭</el-button>
       </span>
-    </el-dialog>
+    </r-dialog>
   </div>
 </template>
 <script>
diff --git a/src/views/knowledge/detail/components/documentDetail/TextModel.vue b/src/views/knowledge/detail/components/documentDetail/TextModel.vue
index 558d365..9023e65 100644
--- a/src/views/knowledge/detail/components/documentDetail/TextModel.vue
+++ b/src/views/knowledge/detail/components/documentDetail/TextModel.vue
@@ -20,26 +20,26 @@
     </div>
 
     <!-- 弹窗 -->
-    <el-dialog title="分段详情" :visible.sync="dialogVisible" width="50%" append-to-body :before-close="handleClose">
+    <r-dialog title="分段详情" :visible.sync="dialogVisible" width="50%" append-to-body :before-close="handleClose">
       <div v-if="activeSegment !== null && descriptions.data && descriptions.data.length > 0">
         <div class="segment-content">
           {{ descriptions.data[activeSegment].content }}
           <div
             class="flex align-items-c mt20"
             v-if="descriptions.data[activeSegment].keywords && descriptions.data[activeSegment].keywords.length"
-            style="width: max-content"
+            style="flex-wrap: wrap"
           >
             <span>关键词 ：</span>
-            <el-tag v-for="(item, index) in descriptions.data[activeSegment].keywords" :key="index" class="mr10" size="mini" type="primary">
+            <el-tag v-for="(item, index) in descriptions.data[activeSegment].keywords" :key="index" class="mr10 ellipsis" size="mini" type="primary">
               {{ item }}
             </el-tag>
           </div>
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">关 闭</el-button>
+        <el-button @click="dialogVisible = false" class="render-button">关 闭</el-button>
       </span>
-    </el-dialog>
+    </r-dialog>
   </div>
 </template>
 <script>
diff --git a/src/views/knowledge/detail/components/split/Index.vue b/src/views/knowledge/detail/components/split/Index.vue
index f0397a7..34b0268 100644
--- a/src/views/knowledge/detail/components/split/Index.vue
+++ b/src/views/knowledge/detail/components/split/Index.vue
@@ -59,6 +59,7 @@
 
     <!-- 添加预览组件 -->
     <split-preview
+      :documentId="documentId"
       :visible.sync="previewVisible"
       :preview-data="previewData"
       :is-auto-split="activeIndex === 0"
@@ -104,7 +105,12 @@ export default {
       ]
     }
   },
-  props: {},
+  props: {
+    documentId: {
+      type: String,
+      default: ''
+    }
+  },
   watch: {},
   filters: {},
   methods: {
diff --git a/src/views/knowledge/detail/components/split/SplitPreview.vue b/src/views/knowledge/detail/components/split/SplitPreview.vue
index 6b1bad5..5a2bc56 100644
--- a/src/views/knowledge/detail/components/split/SplitPreview.vue
+++ b/src/views/knowledge/detail/components/split/SplitPreview.vue
@@ -9,16 +9,23 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button size="medium" @click="handleReUpload">重新上传</el-button>
-        <el-button size="medium" type="primary" @click="handleConfirm">完成</el-button>
+        <el-button size="medium" type="primary" @click="handleConfirm">下一步</el-button>
+        <el-button size="medium" type="primary" @click="emitKnowledgeDataset">直接上传至知识库</el-button>
       </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
+import { embedding } from '@/api/generatedApi'
+
 export default {
   name: 'SplitPreview',
   props: {
+    documentId: {
+      type: String,
+      default: ''
+    },
     visible: {
       type: Boolean,
       default: false
@@ -44,6 +51,19 @@ export default {
     }
   },
   methods: {
+    emitKnowledgeDataset() {
+      embedding({ documentId: this.documentId }).then(res => {
+        if (res) {
+          this.$router.push({
+            path: '/knowledge/detail/segments',
+            query: {
+              documentId: this.documentId,
+              datasetId: this.$route.query.datasetId
+            }
+          })
+        }
+      })
+    },
     handleNodeClick() {},
     handleClose() {
       this.$emit('update:visible', false)
diff --git a/src/views/knowledge/detail/components/viewSegments/index.vue b/src/views/knowledge/detail/components/viewSegments/index.vue
new file mode 100644
index 0000000..9642a9e
--- /dev/null
+++ b/src/views/knowledge/detail/components/viewSegments/index.vue
@@ -0,0 +1,40 @@
+<template>
+  <div>
+    <KnowledgeInfo :form="{ id: this.$route.query.documentId }"></KnowledgeInfo>
+    <div style="position: absolute;bottom:0;right:10px;width: 100%;height:50px;background: #fff;text-align: right">
+      <el-button size="medium" @click="back">返回</el-button>
+    </div>
+  </div>
+</template>
+<script>
+import KnowledgeInfo from '@/views/track/views/knowledge-info/Index.vue'
+export default {
+  name: 'index',
+  data() {
+    return {}
+  },
+  props: {},
+  watch: {},
+  components: {
+    KnowledgeInfo
+  },
+  filters: {},
+  methods: {
+    back() {
+      this.$router.push({
+        path: '/knowledge/detail',
+        query: {
+          datasetId: this.$route.query.datasetId
+        }
+      })
+    }
+  },
+  created() {},
+  mounted() {},
+  computed: {}
+}
+</script>
+<style scoped lang="scss">
+#index-container {
+}
+</style>
diff --git a/src/views/knowledge/detail/create.vue b/src/views/knowledge/detail/create.vue
index 783b5c2..6c771fb 100644
--- a/src/views/knowledge/detail/create.vue
+++ b/src/views/knowledge/detail/create.vue
@@ -19,6 +19,7 @@
               v-if="active === 1"
               @previewConfirmed="handlePreviewConfirm"
               @handleReUpload="handleReUpload"
+              :documentId="documentId"
             ></step-split-config>
             <step-words ref="words" v-if="active === 2"></step-words>
           </transition>
@@ -54,7 +55,7 @@ export default {
     return {
       visible: false,
       active: 0,
-      documentId: '1363864715567140864'
+      documentId: '1364315544778543104'
     }
   },
   props: {},
diff --git a/src/views/track/views/knowledge-info/Index.vue b/src/views/track/views/knowledge-info/Index.vue
index 157caae..535deee 100644
--- a/src/views/track/views/knowledge-info/Index.vue
+++ b/src/views/track/views/knowledge-info/Index.vue
@@ -183,12 +183,13 @@ export default {
   margin-bottom: 20px;
 
   .knowledge-content {
-    min-height: 300px;
+    min-height: 250px;
   }
 }
 
 .full-height {
-  height: calc(100% - 20px);
+  height: 100%;
+  padding-bottom: 20px;
 }
 
 .mt20 {