diff --git a/.env b/.env
index d76b6f8..d88ceb4 100644
--- a/.env
+++ b/.env
@@ -4,3 +4,4 @@ NODE_ENV = 'dev' // 如果是生产环境，请记得切换为production
 # flag
 VUE_APP_FLAG='dev'
 VUE_APP_ADMIN='http://39.104.123.254:7195'
+VUE_APP_DOCS='http://39.104.123.254:7546/'
diff --git a/src/api/generatedApi/index.js b/src/api/generatedApi/index.js
index 31b7495..468752e 100644
--- a/src/api/generatedApi/index.js
+++ b/src/api/generatedApi/index.js
@@ -265,8 +265,9 @@ export function uploadFileByTemplate(data) {
 export function datasetQuerySegments(data) {
   return request({
     url: getUrl(`/datasetDocumentEx/querySegments`),
-    method: 'get',
-    params: data
+    method: 'post',
+    data,
+    noLoading: true
   })
 }
 
@@ -421,6 +422,7 @@ export function uploadImage(data) {
   })
 }
 
+// 分段编辑
 export function segmentUpdate(data) {
   return request({
     url: getUrl(`/datasetDocumentEx/segment/update`),
@@ -428,3 +430,63 @@ export function segmentUpdate(data) {
     data
   })
 }
+
+// 分段删除
+export function segmentDelete(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/segment/delete`),
+    method: 'get',
+    params: data
+  })
+}
+// 新增分段
+export function segmentCreate(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/segment/create`),
+    method: 'post',
+    data
+  })
+}
+
+// 分段模板
+export function segmentTemplate(model) {
+  // model  分别时 qa  general
+  return getUrl(`/template/download/${model}`)
+}
+// 导入分段
+export function importSegment(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/segment/batchImport`),
+    method: 'post',
+    data
+  })
+}
+// 导出分段
+
+export function exportSegment(data) {
+  return getUrl(
+    `/datasetDocumentEx/segment/export?documentId=${data.documentId}`
+  )
+}
+
+// 分段启用禁用
+export function switchStatus(data) {
+  return request({
+    url: getUrl(`/datasetDocumentEx/segment/switchStatus`),
+    method: 'post',
+    data,
+    noLoading: true
+  })
+}
+// 知识库关联智能体
+export function relatedApps(data) {
+  return request({
+    url: getUrl(`/datasetsEx/relatedApps`),
+    method: 'get',
+    params: data
+  })
+}
+// 下载知识原文件
+export function downloadOriginalFile(data) {
+  return getUrl(`/datasetDocumentEx/download/original_file?documentId=` + data)
+}
diff --git a/src/api/intelligent-agent/list.js b/src/api/intelligent-agent/list.js
index cd552c8..603141a 100644
--- a/src/api/intelligent-agent/list.js
+++ b/src/api/intelligent-agent/list.js
@@ -85,7 +85,8 @@ const agentEdit = data => {
 const getAccessToken = data => {
   return request({
     url: getUrl('/third/access_token'),
-    method: 'get'
+    method: 'get',
+    noLoading: true
   })
 }
 
diff --git a/src/assets/images/konwledge/knowledge-1.png b/src/assets/images/konwledge/knowledge-1.png
deleted file mode 100644
index 65b6124..0000000
Binary files a/src/assets/images/konwledge/knowledge-1.png and /dev/null differ
diff --git a/src/assets/images/konwledge/knowledge-2.png b/src/assets/images/konwledge/knowledge-2.png
deleted file mode 100644
index 929cca1..0000000
Binary files a/src/assets/images/konwledge/knowledge-2.png and /dev/null differ
diff --git a/src/assets/images/konwledge/knowledge-3.png b/src/assets/images/konwledge/knowledge-3.png
deleted file mode 100644
index 25dd954..0000000
Binary files a/src/assets/images/konwledge/knowledge-3.png and /dev/null differ
diff --git a/src/assets/images/konwledge/knowledge-4.png b/src/assets/images/konwledge/knowledge-4.png
deleted file mode 100644
index 8066241..0000000
Binary files a/src/assets/images/konwledge/knowledge-4.png and /dev/null differ
diff --git a/src/assets/images/konwledge/knowledge-5.png b/src/assets/images/konwledge/knowledge-5.png
deleted file mode 100644
index 8f25c42..0000000
Binary files a/src/assets/images/konwledge/knowledge-5.png and /dev/null differ
diff --git a/src/assets/images/konwledge/knowledge-6.png b/src/assets/images/konwledge/knowledge-6.png
deleted file mode 100644
index a1112af..0000000
Binary files a/src/assets/images/konwledge/knowledge-6.png and /dev/null differ
diff --git a/src/assets/images/konwledge/knowledge-7.png b/src/assets/images/konwledge/knowledge-7.png
deleted file mode 100644
index 4d21cf8..0000000
Binary files a/src/assets/images/konwledge/knowledge-7.png and /dev/null differ
diff --git a/src/assets/sass/renderSass/drop.scss b/src/assets/sass/renderSass/drop.scss
new file mode 100644
index 0000000..a14ca5f
--- /dev/null
+++ b/src/assets/sass/renderSass/drop.scss
@@ -0,0 +1,22 @@
+.el-dropdown-menu__item:focus,
+.el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: $--color-primary;
+  color: #fff;
+}
+.el-dropdown-link {
+  cursor: pointer;
+  color: $--color-primary;
+}
+//
+//.el-button {
+//  &.el-dropdown__caret-button {
+//    padding-left: 5px;
+//    padding-right: 5px;
+//  }
+//}
+.el-dropdown {
+  & .el-dropdown__caret-button {
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+}
diff --git a/src/assets/sass/renderSass/input.scss b/src/assets/sass/renderSass/input.scss
index 44dbc1c..9cc954c 100644
--- a/src/assets/sass/renderSass/input.scss
+++ b/src/assets/sass/renderSass/input.scss
@@ -346,3 +346,19 @@
     color: $--color-primary;
   }
 }
+.el-input-group__append .el-button,
+.el-input-group__append .el-select,
+.el-input-group__prepend .el-button,
+.el-input-group__prepend .el-select {
+  margin: -10px 0;
+}
+
+.el-input-group__append,
+.el-input-group__prepend {
+  background: #fff;
+  border-color: #fff;
+  padding: 0;
+}
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
+  color: $--color-primary;
+}
diff --git a/src/assets/sass/renderSass/table.scss b/src/assets/sass/renderSass/table.scss
index f52a3ea..c4c8b9d 100644
--- a/src/assets/sass/renderSass/table.scss
+++ b/src/assets/sass/renderSass/table.scss
@@ -72,3 +72,34 @@
 //
 //}
 //.el-pagination.is-background .el-pager li:not(.disabled):hover
+
+.tableBtn {
+  padding: 5px;
+  &.is-plain {
+    &:hover {
+      background: $--color-primary;
+      color: #fff;
+    }
+  }
+  &.el-button--danger {
+    &.is-plain:focus,
+    &.is-plain:hover {
+      color: #fff;
+      background: #ff1a1a;
+      border-color: #ff1a1a;
+    }
+  }
+}
+
+.el-pagination__sizes {
+  & .el-select {
+    & .el-input {
+      &.el-input--mini {
+        & .el-input__inner {
+          height: 22px;
+          line-height: 22px;
+        }
+      }
+    }
+  }
+}
diff --git a/src/assets/sass/renderUi.scss b/src/assets/sass/renderUi.scss
index cad7026..893af5a 100644
--- a/src/assets/sass/renderUi.scss
+++ b/src/assets/sass/renderUi.scss
@@ -10,6 +10,7 @@
 @import 'renderSass/message';
 @import 'renderSass/upload';
 @import 'renderSass/slider';
+@import 'renderSass/drop';
 
 html,
 body,
diff --git a/src/components/RenderDialog/index.vue b/src/components/RenderDialog/index.vue
index e4ed87b..b9f7a74 100644
--- a/src/components/RenderDialog/index.vue
+++ b/src/components/RenderDialog/index.vue
@@ -9,6 +9,9 @@
     :closeOnClickModal="closeOnClickModal"
     :close-on-press-escape="closeOnPressEscape"
   >
+    <div slot="title">
+      <slot name="title">{{ title }}</slot>
+    </div>
     <div class="render-dialog-body">
       <slot name="default"></slot>
     </div>
diff --git a/src/components/RenderMinerU/index.vue b/src/components/RenderMinerU/index.vue
index f22906a..50f55a8 100644
--- a/src/components/RenderMinerU/index.vue
+++ b/src/components/RenderMinerU/index.vue
@@ -1,11 +1,12 @@
 <template>
   <div style="height: 100%;">
     <div class="flex align-items-c justify-content-b mb10">
-      <div class="fileName flex align-items-c">
+      <div class="fileName flex align-items-c ">
         <svg-icon
           icon-class="pdf"
           style="width: 20px;height: 20px"
           class-name="mr10"
+          v-if='showPdf'
         />
         {{ fileName }}
       </div>
@@ -52,7 +53,7 @@
       element-loading-text="读取文档中..."
     >
       <iframe
-        v-if="isShowPdf"
+        v-if="showPdf"
         id="iframe"
         ref="iframe"
         :src="
@@ -69,11 +70,35 @@
         element-loading-text="正在识别中..."
       >
         <div class="el-card ebiz-pdf" style="height: 100%;overflow: hidden">
+          <div style="height: 47px;width: 100%;text-align: center;">
+            <div class="flex align-items-c justify-content-c miner-navbar fs14">
+              <el-icon
+                class="el-icon-caret-left cursor-pointer"
+                @click.native="changePageDown('down')"
+              >
+              </el-icon>
+              <input
+                style="width: 50px;text-align: center"
+                v-model="copyValue"
+                :min="0"
+                class="fs13 miner-input el-input"
+                @blur="blursChange"
+              ></input>
+              <span class="mh5">/ </span>
+              <span>{{ mdJsons.length }}</span>
+              <el-icon
+                class="el-icon-caret-right cursor-pointer"
+                @click.native="changePageUp('up')"
+              >
+                ></el-icon
+              >
+            </div>
+          </div>
           <div ref="scrollView" v-show="tab === '0'">
             <div
               class="view-body"
               id="viewBody"
-              style="height:calc(100vh - 180px);overflow-y: scroll;overflow-x:hidden"
+              style="height:calc(100vh - 227px);overflow-y: scroll;overflow-x:hidden"
               v-html="markdownHtml"
             ></div>
           </div>
@@ -122,9 +147,11 @@ export default {
   name: 'index',
   data() {
     return {
+      copyValue: 1,
       mdJsons: {},
       finishenEnd: false,
       fileName: '',
+      showPdf:true,
       recordId: '', //pdf 记录的id
       endEmit: false,
       tab: '0',
@@ -278,8 +305,6 @@ export default {
     page: {
       handler(newVal, oldVal) {
         if (newVal) {
-          // this.changePage(newVal, this.tab)
-
           this.getPDFDetailMarkDown()
         }
       }
@@ -314,19 +339,77 @@ export default {
     },
     //changePage
     // 分页发生改变时
-    changePage(page) {
-      let documentId = document.getElementById(`view-code-${page - 1}`)
-      let viewBody = document.getElementById('viewBody')
-      if (this.tab === '1') {
-        documentId = document.getElementById(`ebiz-code-${page - 1}`)
-        viewBody = document.getElementById('md-editor')
+    changePage(type) {
+      // if (this.page <= 0 || this.page >= this.mdJsons.length) {
+      //   return false
+      // }
+      //
+      // switch (type) {
+      //   case 'down':
+      //     this.page -= 1
+      //     break
+      //   case 'up':
+      //     this.page += 1
+      //     break
+      // },
+      //
+      // let documentId = document.getElementById(`view-code-${page - 1}`)
+      // let viewBody = document.getElementById('viewBody')
+      // if (this.tab === '1') {
+      //   documentId = document.getElementById(`ebiz-code-${page - 1}`)
+      //   viewBody = document.getElementById('md-editor')
+      // }
+      // if (documentId) {
+      //   viewBody.scrollTo({
+      //     top: documentId.offsetTop - 130,
+      //     behavior: 'smooth'
+      //   })
+      // }
+    },
+    changePageDown(type) {
+      if (this.page <= 0) {
+        return false
       }
-      if (documentId) {
-        viewBody.scrollTo({
-          top: documentId.offsetTop - 130,
-          behavior: 'smooth'
-        })
+
+      switch (type) {
+        case 'down':
+          this.page -= 1
+          break
+        case 'up':
+          this.page += 1
+          break
       }
+      this.copyValue = this.page
+    },
+
+    blursChange(e) {
+      if (!e.target.value.trim()) {
+        this.copyValue = this.page
+      }
+      if (e.target.value < 0) {
+        this.copyValue = this.page
+      }
+      if (e.target.value > this.mdJsons.length) {
+        this.copyValue = this.page
+      }
+      this.page = this.copyValue
+    },
+
+    changePageUp(type) {
+      if (this.page >= this.mdJsons.length) {
+        return false
+      }
+
+      switch (type) {
+        case 'down':
+          this.page -= 1
+          break
+        case 'up':
+          this.page += 1
+          break
+      }
+
+      this.copyValue = this.page
     },
     //重新识别表格
     retryMinerImage(chooseItem, loading, tableElement) {
@@ -580,7 +663,9 @@ export default {
           JSON.parse(JSON.stringify(res.content.content.pdf_info))
         )
         // this.$refs.iframe 重新刷新iframe
-        this.$refs.iframe.contentWindow.location.reload()
+        if( this.$refs.iframe){
+          this.$refs.iframe.contentWindow.location.reload()
+        }
 
         this.getPDFDetailMarkDown()
       })
@@ -727,6 +812,11 @@ export default {
         if (res) {
           this.mdPges = res.content.content.pages
           this.fileName = res.content.content.name
+
+          // 隐藏非pdf文件
+          this.showPdf = this.fileName.indexOf('.pdf') > 0;
+
+
           this.recordId = res.content.content.recordId
           switch (res.content.content.status) {
             case 0:
@@ -841,6 +931,21 @@ export default {
 }
 </script>
 <style scoped lang="scss">
+.miner-navbar {
+  margin-top: 11px;
+  border-bottom: 1px solid #ebeef5;
+  padding-bottom: 10px;
+  gap: 5px;
+  & .miner-input {
+    height: 20px ;
+    line-height: 20px;
+    border: 1px solid #BBBBBC;
+    outline:none;
+    border-radius: 2px;
+
+  }
+}
+
 .lineHeight25 {
   line-height: 25px;
 }
diff --git a/src/components/RenderTable/component/bodySlot/index.vue b/src/components/RenderTable/component/bodySlot/index.vue
index c0fd7cb..827a905 100644
--- a/src/components/RenderTable/component/bodySlot/index.vue
+++ b/src/components/RenderTable/component/bodySlot/index.vue
@@ -17,7 +17,7 @@ const RenderSlot = {
         'el-tooltip',
         {
           props: {
-            placement: 'left',
+            placement: 'bottom',
             content: first[0].data.props.title
             // effect: 'light'
           }
diff --git a/src/components/RenderTable/index.vue b/src/components/RenderTable/index.vue
index eb2d8f7..5e1d4a0 100644
--- a/src/components/RenderTable/index.vue
+++ b/src/components/RenderTable/index.vue
@@ -58,13 +58,13 @@
                   class="normal-button"
                   :disabled="disabled"
                   icon="el-icon-delete"
-                  @click="del(scope.row, scope.$index)"
+                  @click.stop="del(scope.row, scope.$index)"
                 ></el-button>
                 <el-button
                   class="normal-button"
                   icon="el-icon-edit-outline"
                   :disabled="disabled"
-                  @click="edit(scope.row, scope.$index)"
+                  @click.stop="edit(scope.row, scope.$index)"
                 ></el-button>
               </div>
               <!--如果渲染的是selfBtn-->
@@ -75,10 +75,11 @@
                   :disabled="
                     item.disabled !== undefined ? item.disabled : disabled
                   "
+                  :class="item.class"
                   :type="btn.type ? btn.type : 'primary'"
                   :size="btn.size ? btn.size : 'mini'"
                   :key="btnIndex"
-                  @click="handlerMethods(scope.row, scope.$index, btn)"
+                  @click.stop="handlerMethods(scope.row, scope.$index, btn)"
                   :label="btn.name"
                 >
                   {{ btn.name }}
@@ -133,7 +134,7 @@
               <el-button
                 type="primary"
                 plain
-                @click="
+                @click.stop="
                   e => {
                     addRow(scope.row, scope.$index)
                   }
@@ -147,7 +148,7 @@
               <el-button
                 type="danger"
                 plain
-                @click="
+                @click.stop="
                   e => {
                     delRow(scope.row, scope.$index)
                   }
diff --git a/src/views/agent/views/workflow/index.vue b/src/views/agent/views/workflow/index.vue
index 0263925..8c33c7d 100644
--- a/src/views/agent/views/workflow/index.vue
+++ b/src/views/agent/views/workflow/index.vue
@@ -1,6 +1,11 @@
 <script>
 import { DIFY_URL } from '@/config/base-url'
-import { agentAdd, agentDetail, agentEdit } from '@/api/intelligent-agent/list'
+import {
+  agentAdd,
+  agentDetail,
+  agentEdit,
+  getAccessToken
+} from '@/api/intelligent-agent/list'
 export default {
   name: 'workflow',
   props: {
@@ -11,6 +16,7 @@ export default {
   },
   data() {
     return {
+      timer: null,
       agentDetail: {},
 
       resetName: '',
@@ -76,6 +82,15 @@ export default {
     this.worker.instance.postMessage('init-worker', [
       this.messageChannel.instance.port2
     ])
+    // 每 5 分钟执行一次
+    // ✅ 先清理已有 timer，防止重复创建
+    if (this.timer) {
+      clearInterval(this.timer)
+      this.timer = null
+    }
+    this.timer = setInterval(() => {
+      this.initTokenRefresh()
+    }, 1000 * 60 * 5)
   },
   destroyed() {
     //  组件销毁时清除 web worker 和 messageChannel
@@ -83,6 +98,10 @@ export default {
     this.worker.instance = void 0
     this.messageChannel.instance.port1.close()
     this.messageChannel.instance = void 0
+    if (this.timer) {
+      clearInterval(this.timer)
+      this.timer = null
+    }
   },
   watch: {
     '$route.query': {
@@ -96,8 +115,6 @@ export default {
 
         // 当路由参数 id 变化时，更新 dify 的 src
         if (thirdAppId) {
-          console.log(`current params:`, this.agent.params)
-
           this.agent.src = `${DIFY_URL}/app/${thirdAppId}/workflow?${
             this.params
           }`
@@ -110,6 +127,21 @@ export default {
     }
   },
   methods: {
+    async initTokenRefresh() {
+      try {
+        const thirdContent = await getAccessToken()
+        const { refreshToken, accessToken } = thirdContent.content.content
+
+        // if (localStorage.getItem('refresh_token') !== refreshToken) {
+        localStorage.setItem('refresh_token', refreshToken)
+        // }
+        // if (localStorage.getItem('console_token') !== accessToken) {
+        localStorage.setItem('console_token', accessToken)
+        // }
+      } catch (error) {
+        console.error('Token refresh failed:', error)
+      }
+    },
     handleAgentLoad() {
       // 把 messageChannel port1 的所有权传递给 iframe
       this.$refs.agent.contentWindow.postMessage('init-iframe', '*', [
diff --git a/src/views/app/Home.vue b/src/views/app/Home.vue
index 1744563..bbb01f6 100644
--- a/src/views/app/Home.vue
+++ b/src/views/app/Home.vue
@@ -6,7 +6,9 @@
           <span class="title">你好，{{ userInfo.realName }}</span>
           <div class="subtitle">欢迎使用{{ title }}</div>
           <div class="role-info">
-            当前角色：{{ userInfo.roleNames[0] || '未指定' }}
+            当前角色：{{
+              userInfo.roleNames ? userInfo.roleNames[0] : '未指定'
+            }}
           </div>
         </div>
         <div class="right-container">
@@ -29,7 +31,7 @@
             <span class="card-title">智能体</span>
             <div class="card-content">智能体管理列表</div>
           </div>
-          <div class="card-item">
+          <div class="card-item" @click="openTag">
             <span class="card-title">操作手册</span>
             <div class="card-content">智能管理平台使用手册</div>
           </div>
@@ -426,6 +428,9 @@ export default {
       this.$router.push({
         path: url
       })
+    },
+    openTag() {
+      window.open(process.env.VUE_APP_DOCS)
     }
   },
   computed: {
diff --git a/src/views/app/layout/components/Navbar.vue b/src/views/app/layout/components/Navbar.vue
index bd821b1..d90d6dd 100644
--- a/src/views/app/layout/components/Navbar.vue
+++ b/src/views/app/layout/components/Navbar.vue
@@ -1,11 +1,15 @@
 <template>
   <div class="navbar">
-    <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+    <hamburger
+      :is-active="sidebar.opened"
+      class="hamburger-container"
+      @toggleClick="toggleSideBar"
+    />
 
     <breadcrumb class="breadcrumb-container" />
 
     <div class="right-menu" v-if="$store.state.settings.sidebarLogo">
-      <el-dropdown class="avatar-container" trigger="click">
+      <el-dropdown class="avatar-container" trigger="click" size="medium">
         <div class="avatar-wrapper">
           <el-avatar :size="size" :src="circleUrl" class="user-avatar" />
           <i class="el-icon-caret-bottom" />
diff --git a/src/views/app/layout/components/Sidebar/personal.vue b/src/views/app/layout/components/Sidebar/personal.vue
index b24cf3d..7e06323 100644
--- a/src/views/app/layout/components/Sidebar/personal.vue
+++ b/src/views/app/layout/components/Sidebar/personal.vue
@@ -4,6 +4,7 @@
       <el-dropdown
         class="avatar-container"
         trigger="click"
+        size="medium"
         placement="top-start"
       >
         <div class="avatar-wrapper">
diff --git a/src/views/intelligent-agent/children/Logs&overview/components/overview.vue b/src/views/intelligent-agent/children/Logs&overview/components/overview.vue
index 7612bda..535276b 100644
--- a/src/views/intelligent-agent/children/Logs&overview/components/overview.vue
+++ b/src/views/intelligent-agent/children/Logs&overview/components/overview.vue
@@ -10,6 +10,7 @@
         v-for="item in options"
         :value="item.value"
         :label="item.label"
+        :key="item.value"
       ></el-option>
     </el-select>
     <div
diff --git a/src/views/intelligent-agent/components/info/index.vue b/src/views/intelligent-agent/components/info/index.vue
index a542d14..2da0076 100644
--- a/src/views/intelligent-agent/components/info/index.vue
+++ b/src/views/intelligent-agent/components/info/index.vue
@@ -20,9 +20,24 @@ export default {
       }
     }
   },
+
+  watch: {
+    'dialog.agent': {
+      handler(val) {
+        this.image = val.image
+        this.imageType = val.imageType
+        this.background = val.backgroundColor
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+
   data() {
     return {
       isImage: '0',
+      image: '',
+      imageType: '',
       popover: false,
       background: '',
       chooseBack: [
@@ -79,8 +94,17 @@ export default {
     },
 
     chooseGround(colors) {
-      this.$set(this.dialog.agent, 'backgroundColor', colors)
+      this.background = colors
     },
+
+    saveEmoji() {
+      this.dialog.agent.image = this.image
+      this.dialog.agent.imageType = this.imageType
+      this.$set(this.dialog.agent, 'backgroundColor', this.background)
+
+      this.popover = false
+    },
+
     /**
      * 提交表单
      */
@@ -104,8 +128,9 @@ export default {
     },
     // 选择emoji
     selectEmoji(e) {
-      this.dialog.agent.image = e.data
-      this.dialog.agent.imageType = 'emoji'
+      this.image = e.data
+      this.imageType = 'emoji'
+      // this.dialog.agent.imageType = 'emoji'
     },
     // 选择是否是上传图片
     changeUploadImage(e) {
@@ -129,11 +154,8 @@ export default {
       label-position="top"
       label-width="80px"
     >
-      <div class="flex ">
-        <el-form-item label="名称与图标" prop="appName" style="flex:1">
-          <el-input v-model="dialog.agent.appName" size="medium" />
-        </el-form-item>
-        <el-form-item label="" prop="imageId" class="mt30 ml20">
+      <div class="flex align-items-c ">
+        <el-form-item label="名称与图标" prop="imageId" class="mt30">
           <el-popover trigger="click" v-model="popover">
             <div style="width: 28vw">
               <el-radio-group
@@ -150,22 +172,34 @@ export default {
               <div class="mt10" v-if="isImage === '0'">
                 <VEmojiPicker @select="selectEmoji" class="emoji " />
                 <div
-                  v-if="dialog.agent.image"
+                  v-if="image"
                   class="flex mt10 back-content justify-content-b"
                 >
                   <template
                     v-for="item in chooseBack"
-                    v-if="dialog.agent.imageType === 'emoji'"
+                    v-if="imageType === 'emoji'"
                   >
                     <div
                       class="emoji-background"
                       :style="`background:${item}`"
                       @click="chooseGround(item)"
+                      :class="item === background ? 'activeBack' : ''"
                     >
-                      {{ dialog.agent.image }}
+                      {{ image }}
                     </div>
                   </template>
                 </div>
+
+                <div class="flex align-items-c justify-content-b">
+                  <!--                  <el-button size="medium" style="flex:1">取消</el-button>-->
+                  <el-button
+                    @click="saveEmoji"
+                    size="medium"
+                    type="primary"
+                    style="flex:1"
+                    >确认
+                  </el-button>
+                </div>
               </div>
 
               <!--              图片切割-->
@@ -201,12 +235,27 @@ export default {
               <div v-if="dialog.agent.imageType === 'emoji'">
                 {{ dialog.agent.image }}
               </div>
-              <div v-else style="width: 100%">
-                <img :src="dialog.agent.image" alt="" style="width: 100%;" />
+              <div
+                v-else-if="dialog.agent.imageType === 'image'"
+                style="width: 100%;height: 100%;overflow: hidden;border-radius: 8px"
+              >
+                <img
+                  v-if="dialog.agent.image"
+                  :src="dialog.agent.image"
+                  alt=""
+                  style="width: 100%;height: 100%"
+                />
+              </div>
+
+              <div v-else style="font-size: 30px" class=" fw600 white">
+                {{ dialog.agent.appName[0] }}
               </div>
             </div>
           </el-popover>
         </el-form-item>
+        <el-form-item label="" prop="appName" style="flex:1" class="mt60">
+          <el-input v-model="dialog.agent.appName" size="medium" />
+        </el-form-item>
       </div>
 
       <el-form-item label="选择应用类型" required prop="appType">
@@ -272,6 +321,28 @@ export default {
     </el-form>
   </div>
 </template>
+<style>
+.emoji {
+  width: 100% !important;
+  height: 100%;
+  & #Categories {
+    & .category {
+      &.active {
+        border-bottom: 3px solid var(--color-primary);
+      }
+    }
+  }
+  & #InputSearch {
+    & .container-search {
+      & input {
+        outline: none;
+        border: 1px solid var(--color-primary);
+        background: #fff;
+      }
+    }
+  }
+}
+</style>
 
 <style lang="scss" scoped>
 @import '@/assets/sass/renderSass/theme.scss';
@@ -302,27 +373,12 @@ export default {
   text-align: center;
   //margin-left: 10px;
   margin-bottom: 10px;
-}
-.emoji {
-  width: 100% !important;
-  height: 100%;
-  & #Categories {
-    & .category {
-      &.active {
-        border-bottom: 3px solid var(--color-primary);
-      }
-    }
-  }
-  & #InputSearch {
-    & .container-search {
-      & input {
-        outline: none;
-        border: 1px solid var(--color-primary);
-        background: #fff;
-      }
-    }
+
+  &.activeBack {
+    border: 1px dashed #676f83;
   }
 }
+
 .card-container {
   display: flex;
   flex-wrap: wrap;
diff --git a/src/views/intelligent-agent/index.vue b/src/views/intelligent-agent/index.vue
index f8ecb51..5a9e252 100644
--- a/src/views/intelligent-agent/index.vue
+++ b/src/views/intelligent-agent/index.vue
@@ -16,6 +16,7 @@ export default {
   },
   data() {
     return {
+      agentType,
       agentConfig: {
         title: '',
         component: 'agent',
@@ -26,12 +27,17 @@ export default {
           visibleRange: 0
         }
       },
+      searchAppType: '',
       searchOption: {
         nameLike: '',
+        appType: '',
         handleSearch: async () => {
           this.page = 1
           this.list = []
-          await this.fetchAgentList({ nameLike: this.searchOption.nameLike })
+          await this.fetchAgentList({
+            nameLike: this.searchOption.nameLike,
+            appType: this.searchOption.appType
+          })
         }
       },
       /**
@@ -201,7 +207,30 @@ export default {
           @keydown.enter.native="searchOption.handleSearch"
         >
           <template slot="prepend">
-            <el-button slot="append" icon="el-icon-search"></el-button>
+            <el-select
+              style="width: 140px"
+              v-model="searchOption.appType"
+              placeholder="请选择"
+              slot="prepend"
+              clearable
+              @change="searchOption.handleSearch"
+            >
+              <el-option label="全部分类" value=""></el-option>
+              <el-option
+                v-for="item in agentType"
+                :label="item.label"
+                :value="item.value"
+                :key="item.value"
+              ></el-option>
+            </el-select>
+          </template>
+
+          <template slot="append">
+            <el-button
+              slot="append"
+              icon="el-icon-search"
+              @click="searchOption.handleSearch"
+            ></el-button>
           </template>
         </el-input>
       </el-col>
@@ -247,7 +276,10 @@ export default {
                   }`
                 "
               >
-                <div v-if="listItem.imageType === 'image'">
+                <div
+                  v-if="listItem.imageType === 'image'"
+                  style="width: 100%;height: 100%"
+                >
                   <img
                     :src="listItem.image"
                     alt=""
@@ -315,10 +347,10 @@ export default {
             <el-button
               class="line-button"
               size="medium"
-              icon="el-icon-odometer"
+              icon="el-icon-more"
               @click.stop="jumpToLogs(listItem.id)"
               type="primary"
-              >日志与监测
+              >更多
             </el-button>
           </div>
         </el-card>
@@ -528,10 +560,10 @@ export default {
     text-align: left;
     font-style: normal;
 
-    height: 35px;
+    height: 18px;
     margin: 0;
     display: -webkit-box;
-    -webkit-line-clamp: 2;
+    -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
diff --git a/src/views/knowledge/detail/components/HitTest/Index.vue b/src/views/knowledge/detail/components/HitTest/Index.vue
index 8dc4f97..948acb7 100644
--- a/src/views/knowledge/detail/components/HitTest/Index.vue
+++ b/src/views/knowledge/detail/components/HitTest/Index.vue
@@ -263,6 +263,14 @@ export default {
                   {{ index + keyword }}
                   #{{ keyword }}
                 </el-tag>
+
+                <p
+                  class="fs12 r mt5 theme-line-back fw600"
+                  style="background-clip:text;color:transparent"
+                  v-if="contentItem.knowledgeName"
+                >
+                  命中文档：{{ contentItem.knowledgeName }}
+                </p>
               </section>
               <!-- score -->
               <span class="score">
diff --git a/src/views/knowledge/detail/components/SearchSetting/Index.vue b/src/views/knowledge/detail/components/SearchSetting/Index.vue
index f6409a2..ebfca32 100644
--- a/src/views/knowledge/detail/components/SearchSetting/Index.vue
+++ b/src/views/knowledge/detail/components/SearchSetting/Index.vue
@@ -36,7 +36,7 @@
             <template slot="title">
               <div class="flex align-items-c">
                 <img
-                  src="@/assets/images/konwledge/knowledge-5.png"
+                  :src="`${static}/loadImage/knowledge-5.png`"
                   alt=""
                   style="height: 20px"
                 />
@@ -79,6 +79,7 @@ export default {
   props: {},
   data() {
     return {
+      static: process.env.VUE_APP_STATIC,
       // 0-向量检索 1-全文检索 2-混合检索
       searchMethod: 0,
       embeddingItem: {},
diff --git a/src/views/knowledge/detail/components/SearchSetting/SearchForm.vue b/src/views/knowledge/detail/components/SearchSetting/SearchForm.vue
index 743cef0..8399359 100644
--- a/src/views/knowledge/detail/components/SearchSetting/SearchForm.vue
+++ b/src/views/knowledge/detail/components/SearchSetting/SearchForm.vue
@@ -22,7 +22,7 @@
           @click="chooseFixSearch(item)"
         >
           <img
-            src="@/assets/images/konwledge/knowledge-2.png"
+            :src="`${static}/loadImage/knowledge-2.png`"
             alt=""
             style="height: 30px"
           />
@@ -162,6 +162,7 @@ export default {
   },
   data() {
     return {
+      static: process.env.VUE_APP_STATIC,
       form: {
         // 是否启用rerank模型
         rerankingEnable: true,
diff --git a/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue b/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
index a635442..0716d4f 100644
--- a/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
+++ b/src/views/knowledge/detail/components/documentDetail/DocumentDrawer.vue
@@ -1,10 +1,10 @@
 <!-- src/views/knowledge/detail/components/DocumentDrawer.vue -->
 <template>
   <el-drawer
-    :visible.sync="visible"
+    :visible.sync="drawerVisible"
     size="80%"
     :wrapperClosable="false"
-    @close="$emit('update:visible', false)"
+    @close="drawerVisible = false"
   >
     <!-- drawer title -->
     <template #title>
@@ -54,24 +54,22 @@
 
 <script>
 import knowledgeInfo from '@/views/track/views/knowledge-info/Index.vue'
-import TextModel from './TextModel.vue'
 import QAModel from './QAModel.vue'
 import {
   documentSourceOptions,
   segmentedModeOptionsMap
 } from '@/assets/js/utils/utilOptions'
 import RenderFile from '@/components/RenderFile/Index.vue'
-import knowledgePng_2 from '@/assets/images/konwledge/knowledge-2.png'
 import MetadataOperator from '@/views/knowledge/detail/components/metaData/MetadataOperator.vue'
 
 export default {
   components: {
     MetadataOperator,
-    TextModel,
     QAModel,
     RenderFile,
     knowledgeInfo
   },
+  emit: ['update:visible'],
   props: {
     visible: Boolean,
     descriptions: {
@@ -89,12 +87,21 @@ export default {
   },
   data() {
     return {
-      knowledgePng_2,
       localActiveSegment: this.activeSegment,
       documentSourceOptions,
       metadataDialogVisible: false
     }
   },
+  computed: {
+    drawerVisible: {
+      get() {
+        return this.visible
+      },
+      set(value) {
+        this.$emit('update:visible', value)
+      }
+    }
+  },
   watch: {
     activeSegment(newVal) {
       this.localActiveSegment = newVal
diff --git a/src/views/knowledge/detail/components/documentDetail/QAModel.vue b/src/views/knowledge/detail/components/documentDetail/QAModel.vue
index b6831cd..25ebb8a 100644
--- a/src/views/knowledge/detail/components/documentDetail/QAModel.vue
+++ b/src/views/knowledge/detail/components/documentDetail/QAModel.vue
@@ -19,35 +19,53 @@
           </div>
 
           <div
-            class="actions ml10 flex align-items-c mr10"
-            style="gap: 10px"
+            class="actions  flex align-items-c mr10 "
+            style="gap: 10px;margin-top: -2px"
             v-if="!noEdit"
           >
             <!--             删除 编辑-->
-            <!--            <el-icon class="el-icon-edit" @click.native.stop=""></el-icon>-->
-            <!--            <el-icon-->
-            <!--              class="el-icon-delete"-->
-            <!--              @click.native.stop="deleteSegment"-->
-            <!--            ></el-icon>-->
-            <!--            <el-switch-->
-            <!--              size="mini"-->
-            <!--              @click.native.stop=""-->
-            <!--              v-model="segment.enabled"-->
-            <!--            ></el-switch>-->
+            <el-icon
+              class="el-icon-edit mr10"
+              @click.native.stop="handleSegmentClick(index)"
+            ></el-icon>
+            <el-icon
+              class="el-icon-delete mr10"
+              @click.native.stop="deleteSegment(segment, index)"
+            ></el-icon>
+            <el-switch
+              size="mini"
+              @click.native.stop=""
+              @change="$event => changeEnable($event, segment.id)"
+              v-model="segment.enabled"
+            ></el-switch>
           </div>
         </div>
-
-        <div>
+        <!--        {{ descriptions.doc_form }}-->
+        <!--        普通分段-->
+        <div v-if="descriptions.doc_form === 'text_model'">
+          <div>
+            <p class="context">{{ segment.content }}</p>
+          </div>
+          <div
+            class="segment-keywords flex"
+            v-if="segment.keywords && segment.keywords.length"
+          >
+            <p
+              v-for="(item, index) in segment.keywords"
+              :key="index"
+              class="mr10"
+            >
+              #{{ item }}
+            </p>
+          </div>
+        </div>
+        <!--        QA分段-->
+        <div v-else>
           <div class="context">
             <p>Q {{ segment.content }}</p>
             <p>A {{ segment.answer }}</p>
           </div>
         </div>
-
-        <!--            <div class="segment-keywords flex" v-if="segment.keywords && segment.keywords.length">-->
-        <!--              <p v-for="(item, index) in segment.keywords" :key="index" class="mr10">#{{ item }}</p>-->
-        <!--            </div>-->
-        <!--                  <span class="segment-chars">{{ segment.characters || 0 }} characters</span>-->
       </div>
     </div>
 
@@ -70,53 +88,58 @@
         "
       >
         <div class="segment-content">
+          <!--          Q & A-->
           <div>
             <div>
-              <p>QUESTION</p>
-              <p contenteditable class="resetHtml" ref="content">
+              <p class="" v-if="descriptions.doc_form !== 'text_model'">
+                QUESTION：
+              </p>
+              <p contenteditable class="resetHtml fs13" ref="content">
                 {{ descriptions.data[activeSegment].content }}
               </p>
             </div>
-            <div>
-              <p>ANSWER</p>
-              <p contenteditable class="resetHtml" ref="answer">
+            <div v-if="descriptions.doc_form !== 'text_model'">
+              <p class="">ANSWER：</p>
+              <p contenteditable class="resetHtml fs13" ref="answer">
                 {{ descriptions.data[activeSegment].answer }}
               </p>
             </div>
           </div>
           <div
-            class="flex align-items-c mt20"
+            class="flex align-items-c mt20 fs13"
             v-if="
               descriptions.data[activeSegment].keywords &&
                 descriptions.data[activeSegment].keywords.length
             "
             style="flex-wrap: wrap"
           >
-            <span>关键词 ：</span>
+            <span class="mb10">关键词 ：</span>
             <el-tag
               v-for="(item, index) in descriptions.data[activeSegment].keywords"
               :key="index"
-              class="mr10"
+              class="mr10 mb10"
               size="medium"
               type="info"
-              :closable="!noEdit"
-              @close="tagClose(item)"
+              :closable="
+                descriptions.data[activeSegment].keywords.length > 1 && !noEdit
+              "
+              @close="tagClose(item, index)"
             >
               {{ item }}
             </el-tag>
             <el-input
-              class="input-new-tag"
+              class="input-new-tag mb5"
               v-if="createdTag"
               v-model="inputValue"
               ref="saveTagInput"
-              size="small"
+              size="mini"
               @keyup.enter.native="handleInputConfirm"
             />
             <el-button
               v-if="!noEdit && !createdTag"
               size="medium"
               @click="showInput"
-              class="fs12"
+              class="fs12 mb10"
               style="padding: 7px;border-radius: 4px;font-size: 12px"
               >添加标签</el-button
             >
@@ -133,7 +156,7 @@
   </div>
 </template>
 <script>
-import { segmentUpdate } from '@/api/generatedApi'
+import { segmentUpdate, segmentDelete } from '@/api/generatedApi'
 
 export default {
   name: 'QAModel',
@@ -152,6 +175,7 @@ export default {
       default: () => ({})
     }
   },
+  watch: {},
   data() {
     return {
       createdTag: false,
@@ -160,10 +184,23 @@ export default {
       dialogVisible: false
     }
   },
+  inject: ['changeEnable'],
+  mounted() {},
   methods: {
-    deleteSegment() {
+    deleteSegment(segment, index) {
       this.$messageBox(
-        () => {},
+        () => {
+          segmentDelete({
+            documentId: this.parentForm.id,
+            segmentId: segment.id
+          }).then(res => {
+            if (res) {
+              this.$message.success('删除成功')
+
+              this.descriptions.data.splice(index, 1)
+            }
+          })
+        },
         '是否删除当前分段,删除后不可恢复',
         'warning',
         '提示'
@@ -173,7 +210,7 @@ export default {
       let params = {
         keywords: this.descriptions.data[this.activeSegment].keywords,
         content: this.$refs.content.innerHTML,
-        answer: this.$refs.answer.innerHTML
+        answer: this.$refs.answer ? this.$refs.answer.innerHTML : undefined
       }
       this.saveSegment(params, () => {
         this.$message.success('保存成功')
@@ -183,20 +220,15 @@ export default {
     showInput() {
       this.createdTag = true
     },
-    tagClose() {
-      this.descriptions.data[this.activeSegment].keywords.splice(
-        this.descriptions.data[this.activeSegment].keywords.indexOf(
-          this.inputValue
-        ),
-        1
-      )
-
+    tagClose(item, index) {
+      this.descriptions.data[this.activeSegment].keywords.splice(index, 1)
+      // console.log(this.descriptions.data[this.activeSegment].keywords)
       let params = {
         keywords: this.descriptions.data[this.activeSegment].keywords,
         content: this.$refs.content.innerHTML,
-        answer: this.$refs.answer.innerHTML
+        answer: this.$refs.answer ? this.$refs.answer.innerHTML : undefined
       }
-      this.saveSegment(params)
+      // this.saveSegment(params)
     },
 
     handleInputConfirm() {
@@ -206,7 +238,7 @@ export default {
           this.inputValue
         ],
         content: this.$refs.content.innerHTML,
-        answer: this.$refs.answer.innerHTML
+        answer: this.$refs.answer ? this.$refs.answer.innerHTML : undefined
       }
       this.saveSegment(params)
     },
@@ -252,6 +284,7 @@ export default {
   width: 100%;
   //height: 400px;
   overflow-y: auto;
+  overflow-x: hidden;
 }
 .context {
   color: #3a3f4f;
@@ -265,6 +298,21 @@ export default {
   border-radius: 2px;
   transition: background-color 0.3s;
   border-bottom: 1px solid #f3f5f7;
+  position: relative;
+  .actions {
+    position: absolute;
+    display: none; /* 默认隐藏 */
+    background: #fff;
+    padding: 3px 5px;
+    border-radius: 5px;
+    right: 10px;
+    top: 15px;
+  }
+
+  &:hover .actions {
+    display: flex; /* 悬停或激活时显示操作按钮 */
+    gap: 10px;
+  }
   &:hover {
     background: #f3f5f7;
   }
diff --git a/src/views/knowledge/detail/components/documentDetail/TextModel.vue b/src/views/knowledge/detail/components/documentDetail/TextModel.vue
deleted file mode 100644
index 168ac0e..0000000
--- a/src/views/knowledge/detail/components/documentDetail/TextModel.vue
+++ /dev/null
@@ -1,317 +0,0 @@
-<template>
-  <div class="segment-split-view">
-    <div class="segment-list">
-      <!--      <el-checkbox-group v-model="selectedSegments">-->
-      <div
-        class="segment-list-item"
-        v-for="(segment, index) in descriptions.data"
-        :key="index"
-        :class="{ active: activeSegment === index }"
-        @click="handleSegmentClick(index)"
-      >
-        <div class="flex align-items-c justify-content-b" style="gap: 8px">
-          <div class="flex align-items-c " style="gap: 8px">
-            <!--          <el-checkbox class="mr pt15" :label="index">-->
-            <span class="el-icon-s-unfold"></span>
-            <span class="segment-number"
-              >分段 - {{ (index + 1).toString().padStart(2, '0') }}</span
-            >
-            <span v-if="segment.word_count > 0">
-              · {{ segment.word_count }}个字符 ·</span
-            >
-            <span> {{ segment.hit_count }} 次召回次数</span>
-          </div>
-          <div
-            class="actions ml10 flex align-items-c mr10"
-            style="gap: 10px"
-            v-if="!noEdit"
-          >
-            <!--             删除 编辑-->
-            <!--            <el-icon class="el-icon-edit" @click.native.stop=""></el-icon>-->
-            <!--            <el-icon-->
-            <!--              class="el-icon-delete"-->
-            <!--              @click.native.stop="deleteSegment"-->
-            <!--            ></el-icon>-->
-            <!--            <el-switch-->
-            <!--              size="mini"-->
-            <!--              @click.native.stop=""-->
-            <!--              v-model="segment.enabled"-->
-            <!--            ></el-switch>-->
-          </div>
-        </div>
-
-        <!--          </el-checkbox>-->
-        <div>
-          <div>
-            <p class="context">{{ segment.content }}</p>
-          </div>
-
-          <div
-            class="segment-keywords flex"
-            v-if="segment.keywords && segment.keywords.length"
-          >
-            <p
-              v-for="(item, index) in segment.keywords"
-              :key="index"
-              class="mr10"
-            >
-              #{{ item }}
-            </p>
-          </div>
-        </div>
-      </div>
-      <!--      </el-checkbox-group>-->
-    </div>
-
-    <!-- 弹窗 -->
-    <el-drawer
-      title="分段详情"
-      :wrapperClosable="false"
-      :visible.sync="dialogVisible"
-      :modal="false"
-      append-to-body
-      :before-close="handleClose"
-    >
-      <div
-        style="height:calc(100% - 32px);overflow-x: hidden;overflow-y: auto"
-        v-if="
-          activeSegment !== null &&
-            descriptions.data &&
-            descriptions.data.length > 0
-        "
-      >
-        <div class="segment-content">
-          <p contenteditable class="resetHtml" ref="content">
-            {{ descriptions.data[activeSegment].content }}
-          </p>
-          <div
-            class="flex align-items-c mt20"
-            v-if="
-              descriptions.data[activeSegment].keywords &&
-                descriptions.data[activeSegment].keywords.length
-            "
-            style="flex-wrap: wrap"
-          >
-            <span>关键词 ：</span>
-            <el-tag
-              v-for="(item, index) in descriptions.data[activeSegment].keywords"
-              :key="index"
-              class="mr10 ellipsis"
-              size="medium"
-              :closable="!noEdit"
-              type="info"
-              @close="tagClose(item)"
-            >
-              {{ item }}
-            </el-tag>
-            <el-input
-              class="input-new-tag"
-              v-if="createdTag"
-              v-model="inputValue"
-              ref="saveTagInput"
-              size="small"
-              @keyup.enter.native="handleInputConfirm"
-            />
-            <el-button
-              v-if="!noEdit && !createdTag"
-              size="medium"
-              @click="showInput"
-              class="fs12"
-              style="padding: 7px;border-radius: 4px;font-size: 12px"
-              >添加标签</el-button
-            >
-          </div>
-        </div>
-      </div>
-      <div class="text-right">
-        <el-button @click="dialogVisible = false" size="medium">关闭</el-button>
-        <el-button @click="saveUS" size="medium" type="primary" v-if="!noEdit"
-          >保存</el-button
-        >
-      </div>
-    </el-drawer>
-  </div>
-</template>
-<script>
-import { segmentUpdate } from '@/api/generatedApi'
-
-export default {
-  name: 'TextModel',
-  props: {
-    noEdit: {
-      type: Boolean,
-      default: false
-    },
-    visible: Boolean,
-    descriptions: {
-      type: Object,
-      default: () => ({ data: [] })
-    },
-    parentForm: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  data() {
-    return {
-      createdTag: false,
-      inputValue: '',
-      activeSegment: null,
-      dialogVisible: false,
-      selectedSegments: []
-    }
-  },
-  methods: {
-    deleteSegment() {
-      this.$messageBox(
-        () => {},
-        '是否删除当前分段,删除后不可恢复',
-        'warning',
-        '提示'
-      )
-    },
-
-    saveUS() {
-      let params = {
-        keywords: this.descriptions.data[this.activeSegment].keywords,
-        content: this.$refs.content.innerHTML,
-        answer: null
-      }
-      this.saveSegment(params, () => {
-        this.$message.success('保存成功')
-      })
-    },
-
-    showInput() {
-      this.createdTag = true
-    },
-    tagClose() {
-      this.descriptions.data[this.activeSegment].keywords.splice(
-        this.descriptions.data[this.activeSegment].keywords.indexOf(
-          this.inputValue
-        ),
-        1
-      )
-
-      let params = {
-        keywords: this.descriptions.data[this.activeSegment].keywords,
-        content: this.$refs.content.innerHTML,
-        answer: null
-      }
-      this.saveSegment(params)
-    },
-
-    handleInputConfirm() {
-      let params = {
-        keywords: [
-          ...this.descriptions.data[this.activeSegment].keywords,
-          this.inputValue
-        ],
-        content: this.$refs.content.innerHTML,
-        answer: null
-      }
-      this.saveSegment(params)
-    },
-
-    saveSegment(params, fun) {
-      params.documentId = this.parentForm.id
-      params.segmentId = this.descriptions.data[this.activeSegment].id
-      segmentUpdate(params).then(res => {
-        if (res) {
-          this.descriptions.data[this.activeSegment] = JSON.parse(
-            JSON.stringify(res.content.content)
-          )
-          // res.content.content.keywords
-          // this.descriptions.data[this.activeSegment].content =
-          //   res.content.content.content
-          // this.descriptions.data[this.activeSegment].answer =
-          //   res.content.content.answer
-          this.createdTag = false
-          this.inputValue = ''
-          if (fun) {
-            fun()
-          }
-        }
-      })
-    },
-
-    handleSegmentClick(index) {
-      this.activeSegment = index
-      this.dialogVisible = true
-    },
-    handleClose() {
-      this.dialogVisible = false
-    }
-  }
-}
-</script>
-<style scoped lang="scss">
-.segment-split-view {
-  display: block;
-}
-.context {
-  width: auto;
-  overflow: hidden;
-  //省略号
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  color: #3a3f4f;
-  font-size: 14px;
-}
-.segment-list {
-  width: 100%;
-  height: 100%;
-  overflow-y: auto;
-}
-
-.segment-list-item {
-  color: #70778d;
-  cursor: pointer;
-  padding: 15px 0 20px 15px;
-  border-radius: 2px;
-  transition: background-color 0.3s;
-  font-size: 14px;
-  border-bottom: 1px solid #f3f5f7;
-  //margin-bottom: 10px;
-
-  &:hover {
-    background: #f3f5f7;
-  }
-
-  &.active {
-    background: #f3f5f7;
-  }
-
-  p {
-    margin: 15px 0;
-  }
-
-  .segment-number {
-    //color: #0a84ff;
-  }
-
-  .segment-keywords {
-    font-weight: 400;
-    font-size: 12px;
-    color: #70778d;
-    flex-wrap: wrap;
-
-    p {
-      margin: 0 10px 0 0;
-    }
-  }
-}
-
-.segment-content {
-  padding: 20px;
-  background: #f9f9f9;
-  border-radius: 15px;
-  //white-space: pre-wrap;
-  line-height: 35px;
-  color: #666;
-}
-.input-new-tag {
-  width: 100px;
-}
-</style>
diff --git a/src/views/knowledge/detail/components/documentDetail/addSegment.vue b/src/views/knowledge/detail/components/documentDetail/addSegment.vue
new file mode 100644
index 0000000..baf4d16
--- /dev/null
+++ b/src/views/knowledge/detail/components/documentDetail/addSegment.vue
@@ -0,0 +1,216 @@
+<template>
+  <div class="add-segment-container">
+    <div class="add-segment-content">
+      <div class="add-segment-text fs13">
+        <!--        Q&A-->
+        <div v-if="descriptions.doc_form === 'qa_model'">
+          <div class="mv10">Question</div>
+          <el-input
+            type="textarea"
+            class="text-input-q-a"
+            v-model="question"
+            placeholder="请填写分段内容"
+          ></el-input>
+
+          <div class="mv10">Answer</div>
+
+          <el-input
+            type="textarea"
+            class="text-input-q-a"
+            v-model="answer"
+            placeholder="请填写分段内容"
+          ></el-input>
+        </div>
+        <!--        model-->
+        <div v-else>
+          <el-input
+            type="textarea"
+            class="text-input"
+            v-model="question"
+            placeholder="请填写分段内容"
+          ></el-input>
+        </div>
+      </div>
+    </div>
+    <div class="add-segment-bottom ">
+      <div class=" mt5 fs13 mb5" style="flex:none">关键词：</div>
+
+      <div
+        class="add-segment-tags mb10 fs14 flex align-items-s justify-content-s "
+      >
+        <div
+          class="flex  align-items-s mb10"
+          style="max-height: 80px;overflow: auto;gap: 10px;flex-wrap: wrap;align-items: self-start"
+        >
+          <el-tag
+            v-for="(item, index) in keywords"
+            size="medium"
+            :closable="keywords.length > 1"
+            type="info"
+            :key="index"
+            @close="keywords.splice(index, 1)"
+            >{{ item }}</el-tag
+          >
+
+          <el-input
+            class="input-new-tag"
+            v-if="createdTag"
+            v-model="inputValue"
+            ref="saveTagInput"
+            size="small"
+            @keyup.enter.native="pushKeyWords"
+          />
+          <el-button
+            v-if="!createdTag"
+            size="small"
+            @click="showInput"
+            class="fs12"
+            style="padding: 7px;border-radius: 4px;font-size: 12px"
+            >添加标签</el-button
+          >
+        </div>
+      </div>
+
+      <div class="flex align-items-c justify-content-b">
+        <el-checkbox v-model="continueAdd">连续新增</el-checkbox>
+        <div>
+          <el-button size="medium" @click="close">取消</el-button>
+          <el-button
+            class="line-button"
+            size="medium"
+            @click="handleInputConfirm"
+            >保存</el-button
+          >
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { segmentCreate } from '@/api/generatedApi'
+
+export default {
+  name: 'addSegment',
+  data() {
+    return {
+      continueAdd: false,
+      question: '',
+      answer: '',
+      createdTag: false,
+      inputValue: '',
+      keywords: []
+    }
+  },
+  props: {
+    descriptions: {
+      type: Object,
+      default: () => ({ data: [] })
+    },
+    documentId: {
+      type: String,
+      default: () => ''
+    }
+  },
+  methods: {
+    pushKeyWords() {
+      this.keywords.push(this.inputValue)
+      this.createdTag = false
+    },
+    showInput() {
+      this.createdTag = true
+    },
+    handleInputConfirm() {
+      let params = {
+        documentId: this.documentId,
+        segment: {
+          keywords: this.keywords,
+          content: this.question,
+          answer: this.answer
+        }
+      }
+      segmentCreate(params).then(res => {
+        if (res) {
+          this.$message.success('新增分段成功')
+          this.descriptions.data.push({
+            ...res.content.content
+          })
+
+          if (!this.continueAdd) {
+            this.close()
+          }
+        }
+      })
+      // this.saveSegment(params)
+    },
+
+    close() {
+      this.$emit('close', true)
+    },
+    addSegment() {
+      this.$emit('addSegment', this.text)
+      this.text = ''
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+::v-deep .text-input {
+  height: 100%;
+  .el-textarea__inner {
+    padding: 5px 8px;
+    height: calc(100vh - 310px);
+    //border: unset;
+    //resize: unset;
+    //height: 100%;
+  }
+}
+
+::v-deep .text-input-q-a {
+  height: 100%;
+  .el-textarea__inner {
+    padding: 5px 8px;
+    height: calc(100vh - 700px);
+    //border: unset;
+    //resize: unset;
+    //height: 100%;
+  }
+}
+.add-segment-container {
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  &::-webkit-scrollbar {
+    width: 0;
+  }
+
+  & .add-segment-content {
+    //background: rebeccapurple;
+
+    //overflow-y: hidden;
+    overflow-x: hidden;
+    & .add-segment-text {
+      height: calc(100vh - 310px);
+      //height: 100%;
+      //height: 999px;
+      //background: blue;
+    }
+  }
+
+  & .add-segment-bottom {
+    width: 100%;
+    padding: 10px 0 0 0;
+    position: sticky;
+    background: #fff;
+    bottom: 0;
+    & .add-segment-tags {
+      height: 100px;
+      //background: red;
+    }
+  }
+}
+.input-new-tag {
+  width: 100px;
+}
+</style>
diff --git a/src/views/knowledge/detail/components/documentDetail/batchAddSegment.vue b/src/views/knowledge/detail/components/documentDetail/batchAddSegment.vue
new file mode 100644
index 0000000..fc1bf2b
--- /dev/null
+++ b/src/views/knowledge/detail/components/documentDetail/batchAddSegment.vue
@@ -0,0 +1,160 @@
+<template>
+  <div class="container batchAdd-container">
+    <!-- 文件上传区域 -->
+    <div
+      @click.stop="createFile"
+      @dragover.prevent="handleDragOver"
+      @dragleave.prevent="handleDragLeave"
+      @drop.prevent="handleDrop"
+      class="upload-container"
+      :class="{ 'drag-over': isDragOver }"
+    >
+      <el-empty v-if="fileList.length === 0">
+        <template #image>
+          <img :src="uploadPng" alt="" style="width: 50px;height: 50px;" />
+        </template>
+        <template #description>
+          <div class="flex flex-direction-c">
+            <span class="upload-tip">点击或将文件拖拽到这里上传</span>
+          </div>
+        </template>
+      </el-empty>
+      <div v-else @click.stop="">
+        <div
+          class="file-preview-container align-items-c justify-content-b mh20"
+          v-for="item in fileList"
+        >
+          <div class="flex align-items-c fs12">
+            <img
+              :src="uploadPng"
+              alt="CSV Icon"
+              style="width: 25px;height: 30px"
+            />
+            <span class="file-name fs12 ml20 fw500">{{ item.name }}</span>
+          </div>
+          <div>
+            <el-button type="primary" size="medium" @click.stop="removeFile(0)"
+              >移除</el-button
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import uploadPng from '@/assets/images/konwledge/upload.png'
+
+export default {
+  name: 'batchAddSegment',
+  data() {
+    return {
+      uploadPng,
+      fileList: [], // 文件列表
+      isDragOver: false
+    }
+  },
+  watch: {
+    fileList: {
+      handler(newValue, oldValue) {
+        if (newValue.length > 0) {
+          this.$emit('getFileList', newValue)
+        } else {
+          this.$emit('getFileList', [])
+        }
+      }
+    }
+  },
+  methods: {
+    // 生成filed
+    createFile() {
+      let input = document.createElement('input')
+      input.type = 'file'
+      input.accept = '.xlsx,.doc,.docx,.pdf,.txt'
+
+      input.onchange = e => {
+        const newFiles = Array.from(e.target.files)
+        if (this.fileList.length + newFiles.length > 1) {
+          this.$message.error('最多只能上传1个文件')
+          return
+        }
+
+        this.fileList = [...this.fileList, ...newFiles]
+      }
+      input.click()
+    },
+
+    // 新增：移除文件
+    removeFile(index) {
+      this.fileList.splice(index, 1)
+    },
+
+    handleDragOver() {
+      this.isDragOver = true
+    },
+
+    handleDragLeave() {
+      this.isDragOver = false
+    },
+
+    handleDrop(event) {
+      this.isDragOver = false
+      const files = event.dataTransfer.files
+      if (this.fileList.length + files.length > 1) {
+        this.$message.error('最多只能上传1个文件')
+        return
+      }
+      this.fileList = [...this.fileList, ...Array.from(files)]
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.file-preview-container {
+  display: flex;
+  align-items: center;
+  //background-color: #f5f5f5; // 灰色背景
+  padding: 15px 10px;
+  border-radius: 4px;
+}
+
+.file-name {
+  margin-left: 10px;
+  color: #333;
+}
+
+.upload-container {
+  border-radius: 6px;
+  border-style: dashed;
+  border-width: 1px;
+  border-color: #d9d9d9;
+  text-align: center;
+
+  &:hover {
+    border-color: var(--color-primary);
+  }
+
+  &.drag-over {
+    border-color: var(--color-primary);
+    background-color: #ecf5ff;
+  }
+}
+
+.upload-tip {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  font-size: 14px;
+  color: #5f5e68;
+  font-style: normal;
+}
+
+.upload-tip-field {
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 400;
+  font-size: 13px;
+  color: #b1b5c7;
+  font-style: normal;
+}
+</style>
diff --git a/src/views/knowledge/detail/components/metaData/MetadataOperator.vue b/src/views/knowledge/detail/components/metaData/MetadataOperator.vue
index 0796b3e..962b16f 100644
--- a/src/views/knowledge/detail/components/metaData/MetadataOperator.vue
+++ b/src/views/knowledge/detail/components/metaData/MetadataOperator.vue
@@ -54,10 +54,10 @@
     >
       <div class="metadata-form">
         <div class="form-item">
-          <label class="form-label">元数据类型</label>
+          <label class="form-label">元数据</label>
           <el-select
             v-model="dialog.metadataId"
-            placeholder="请选择元数据类型"
+            placeholder="请选择元数据"
             filterable
             class="full-width"
             size="medium"
@@ -143,10 +143,10 @@
     >
       <div class="metadata-form">
         <div class="form-item">
-          <label class="form-label">元数据类型</label>
+          <label class="form-label">元数据</label>
           <el-input
             v-model="editDialog.metadataKey"
-            placeholder="元数据类型"
+            placeholder="元数据"
             class="full-width"
             size="medium"
             disabled
@@ -210,8 +210,6 @@ import {
   updateMetaDataDoc
 } from '@/api/generatedApi'
 import MeteData from '@/views/knowledge/detail/components/metaData/Index.vue'
-import { data } from 'autoprefixer'
-
 export default {
   name: 'MetadataOperator',
   components: { MeteData },
@@ -239,7 +237,6 @@ export default {
   },
   created() {},
   methods: {
-    data,
     init(id) {
       this.documentId = id
       this.getDocList()
@@ -314,7 +311,7 @@ export default {
         // 这里可以添加保存逻辑
         this.dialog.visible = false
       } else {
-        this.$message.warning('请选择元数据类型并输入值')
+        this.$message.warning('请选择元数据并输入值')
       }
     },
     toMetaData() {
diff --git a/src/views/knowledge/detail/components/preprocessing.vue b/src/views/knowledge/detail/components/preprocessing.vue
index ebe55eb..bf2ea18 100644
--- a/src/views/knowledge/detail/components/preprocessing.vue
+++ b/src/views/knowledge/detail/components/preprocessing.vue
@@ -1,49 +1,102 @@
 <template>
   <div id="preprocessing-container " class="mt20">
     <el-form label-width="180px" :model="form" ref="processForm">
-      <el-form-item label="数据来源：" required prop="radio" position="top" class="el-form--label-top">
-        <el-radio-group v-model="form.radio" size="medium" @change="getFileType">
-          <el-radio-button label="1" size="medium">使用本地文件</el-radio-button>
-          <el-radio-button label="2" size="medium">使用通用知识文件模板</el-radio-button>
+      <el-form-item
+        label="数据来源："
+        required
+        prop="radio"
+        position="top"
+        class="el-form--label-top"
+      >
+        <el-radio-group
+          v-model="form.radio"
+          size="medium"
+          @change="getFileType"
+        >
+          <el-radio-button label="1" size="medium"
+            >使用本地文件</el-radio-button
+          >
+          <el-radio-button label="2" size="medium"
+            >使用通用知识文件模板</el-radio-button
+          >
         </el-radio-group>
 
         <div class="mt10" v-if="form.radio === '2'">
-          <el-button type="primary" size="medium" class="fs14" @click="downloadTemplate">下载知识文件模板</el-button>
+          <el-button
+            type="primary"
+            size="medium"
+            class="fs14"
+            @click="downloadTemplate"
+            >下载知识文件模板</el-button
+          >
         </div>
       </el-form-item>
       <!-- 文件上传-->
-      <el-form-item label="" required prop="file" label-width="0" class="el-form--label-top">
+      <el-form-item
+        label=""
+        required
+        prop="file"
+        label-width="0"
+        class="el-form--label-top"
+      >
         <div
-          @click="createFiled"
+          @click.stop="createFiled"
           @dragover.prevent="handleDragOver"
           @dragleave.prevent="handleDragLeave"
           @drop.prevent="handleDrop"
           class="upload-demo"
           :class="{ 'drag-over': isDragOver }"
         >
-          <el-empty v-if="!filed">
+          <el-empty v-if="fileList.length === 0">
             <template #image>
-              <img :src="uloadPng" alt="" style='width: 50px;height: 50px;'></img>
+              <img :src="uloadPng" alt="" style="width: 50px;height: 50px;" />
             </template>
             <template #description>
-              <div class='flex flex-direction-c'>
-                <span class='upload-tip'>点击或将文件拖拽到这里上传</span>
-                <span class='upload-tip-field'>支持扩展名：.xlsx.doc.pdf.txt.docx</span>
+              <div class="flex flex-direction-c">
+                <span class="upload-tip">点击或将文件拖拽到这里上传</span>
+                <span class="upload-tip-field"
+                  >支持扩展名：.xlsx.doc.pdf.txt.docx</span
+                >
               </div>
-
             </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;"
-          >
-            <template slot="extra">
-              <el-button type="primary" size="medium" @click.stop="createFiled">重新上传</el-button>
-            </template>
-          </el-result>
+          <div v-else>
+            <el-result
+              v-if="fileList.length === 1"
+              icon="success"
+              title="文件上传成功"
+              :sub-title="`已上传文件：${fileList[0].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="removeFile(0)"
+                  >移除</el-button
+                >
+              </template>
+            </el-result>
+
+            <el-result v-else class="more-files">
+              <template slot="icon">
+                <div class="text-left">
+                  <el-button class="line-button" size="medium">
+                    文件上传</el-button
+                  >
+                </div>
+              </template>
+              <template slot="extra" style="width: 100%;">
+                <r-table
+                  :data="fileList"
+                  :columns="columns"
+                  style="width: 100%;"
+                  @removeFiled="removeFiled"
+                  :deletion="false"
+                ></r-table>
+              </template>
+            </el-result>
+          </div>
         </div>
       </el-form-item>
 
@@ -52,21 +105,40 @@
         <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>
             ：
           </template>
-          <el-switch v-model="form.beMinerU" size="medium">
+          <el-switch
+            v-model="form.beMinerU"
+            size="medium"
+            :disabled="fileList.length > 1"
+          >
             <!--            <el-radio :label="true" size="medium">是</el-radio>-->
             <!--            <el-radio :label="false" size="medium">否</el-radio>-->
           </el-switch>
         </el-form-item>
 
-        <el-form-item label="是否ocr协助处理：" v-if="form.beMinerU" required prop="beOcr">
+        <el-form-item
+          label="是否ocr协助处理："
+          v-if="form.beMinerU"
+          required
+          prop="beOcr"
+        >
           <template slot="label">
             是否ocr协助处理
-            <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>
             ：
@@ -87,16 +159,18 @@
     <!--    </el-drawer>-->
   </div>
 </template>
+
 <script>
 import { uploadFileByCustom, uploadFileByTemplate } from '@/api/generatedApi'
 import { downloadKnowledgeTemplate } from '@/api/knowledge/task-page'
 import uloadPng from '@/assets/images/konwledge/upload.png'
+
 export default {
   name: 'preprocessing',
   data() {
     return {
       uloadPng,
-      filed: null,
+      fileList: [], // 文件列表
       uploadLoading: false,
       headers: {},
       fieldList: [],
@@ -106,31 +180,84 @@ export default {
         beOcr: false,
         datasetId: this.$route.query.datasetId
       },
-      previewDialogVisible: false, // 添加对话框显示控制变量
+      previewDialogVisible: false,
       documentId: '',
       isDragOver: false
     }
   },
-  props: {},
   watch: {
-    'form.beMinerU': {
-      handler(value) {
-        // 如果不进行预处理，不进行ocr
-        if (!value) {
-          this.form.beOcr = false
+    fileList: {
+      handler(val) {
+        if (val.length > 1) {
+          this.form.beMinerU = false
         }
       },
       deep: true
     }
   },
-  components: {},
-  filters: {},
+  computed: {
+    columns: vm => {
+      return [
+        {
+          type: 'index',
+          title: '序号'
+        },
+        {
+          title: '文件名称',
+          prop: 'name'
+        },
+        {
+          title: '文件大小',
+          prop: 'size',
+          render: (h, params) => {
+            return h('span', vm.formatFileSize(params.row.size))
+          }
+        },
+        {
+          title: '文件类型',
+          prop: 'type',
+          render: (h, params) => {
+            // 根据文件类型展示 是什么类型文件
+            switch (params.row.type) {
+              case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
+                return h('span', 'Excel')
+              case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+                return h('span', 'Word')
+              case 'application/pdf':
+                return h('span', 'PDF')
+              case 'text/plain':
+                return h('span', 'TXT')
+            }
+            return h('span', params.row.type)
+          }
+        },
+        {
+          title: '操作',
+          selfBtn: [
+            {
+              name: '移除',
+              size: 'mini',
+              type: 'primary',
+              method: 'removeFiled',
+              class: 'tableBtn'
+            }
+          ]
+        }
+      ]
+    }
+  },
   methods: {
+    removeFiled(item) {
+      this.removeFile(item.index)
+    },
+
+    formatFileSize(size) {
+      return (size / 1024 / 1024).toFixed(2) + 'MB'
+    },
     getFileType() {
       this.$emit('getFileType', this.form.radio)
     },
     downloadTemplate() {
-      console.log(`下载模板的链接是:${downloadKnowledgeTemplate().url}`)
       window.open(downloadKnowledgeTemplate().url, '_blank')
     },
 
@@ -138,18 +265,40 @@ export default {
     createFiled() {
       let input = document.createElement('input')
       input.type = 'file'
+      input.multiple = true // 支持多文件选择
 
       // 对文件的类型做出限制
       input.accept = '.xlsx,.doc,.docx,.pdf,.txt'
 
       input.onchange = e => {
-        this.filed = e.target.files[0]
+        const newFiles = Array.from(e.target.files)
+        if (this.fileList.length + newFiles.length > 10) {
+          this.$message.error('最多只能上传10个文件')
+          return
+        }
+
+        // 校验 最新上传的文件是否之前上传过
+        for (let i = 0; i < newFiles.length; i++) {
+          for (let j = 0; j < this.fileList.length; j++) {
+            if (newFiles[i].name === this.fileList[j].name) {
+              this.$message.error('请勿重复上传文件,请检查文件')
+              return
+            }
+          }
+        }
+
+        this.fileList = [...this.fileList, ...newFiles] // 将新选择的文件添加到文件列表
       }
       input.click()
     },
 
+    // 新增：移除文件
+    removeFile(index) {
+      this.fileList.splice(index, 1)
+    },
+
     uploadFiled(back) {
-      if (!this.filed) {
+      if (this.fileList.length === 0) {
         this.$message({
           type: 'error',
           message: '请上传文件'
@@ -159,17 +308,20 @@ export default {
 
       // 0否 1是
       let formData = new FormData()
-      formData.append('file', this.filed)
+      this.fileList.forEach(file => {
+        formData.append('file', file)
+      })
       formData.append('datasetId', this.form.datasetId)
-      let api = this.form.radio === '1' ? uploadFileByCustom : uploadFileByTemplate
+      let api =
+        this.form.radio === '1' ? uploadFileByCustom : uploadFileByTemplate
       if (this.form.radio === '1') {
-        formData.append('useMinerU', this.form.beMinerU ? '1': '0')
-        formData.append('useOcr', this.form.beOcr? '1': '0')
+        formData.append('useMinerU', this.form.beMinerU ? '1' : '0')
+        formData.append('useOcr', this.form.beOcr ? '1' : '0')
       }
       api(formData).then(response => {
-        if(response){
+        if (response) {
           this.documentId = response.content.content
-          if(back){
+          if (back) {
             back(this.documentId)
           } else {
             // 向上导入documentId
@@ -183,10 +335,9 @@ export default {
             }
           }
         }
-
-
       })
     },
+
     handleDragOver() {
       this.isDragOver = true
     },
@@ -198,8 +349,13 @@ export default {
     handleDrop(event) {
       this.isDragOver = false
       const files = event.dataTransfer.files
-      this.filed = files[0]
+      if (this.fileList.length + files.length > 10) {
+        this.$message.error('最多只能上传10个文件')
+        return
+      }
+      this.fileList = [...this.fileList, ...Array.from(files)] // 将拖拽的文件添加到文件列表
     },
+
     handleUploadSuccess(response, file) {
       this.fieldList = [file]
       this.uploadLoading = false
@@ -236,30 +392,35 @@ export default {
       // 返回 true 继续上传，返回 false 停止上传
       return true
     }
-  },
-  created() {},
-  mounted() {},
-  computed: {}
+  }
 }
 </script>
+
+<style>
+.more-files > .el-result__extra,
+.more-files > .el-result__icon {
+  width: 100%;
+}
+</style>
+
 <style scoped lang="scss">
 @import '@/assets/sass/renderSass/theme.scss';
-.flex-direction-c{
+.flex-direction-c {
   flex-direction: column;
   line-height: 20px;
 }
-.upload-tip{
+.upload-tip {
   font-family: PingFangSC, PingFang SC;
   font-weight: 500;
   font-size: 14px;
-  color: #5F5E68;
+  color: #5f5e68;
   font-style: normal;
 }
-.upload-tip-field{
+.upload-tip-field {
   font-family: PingFangSC, PingFang SC;
   font-weight: 400;
   font-size: 13px;
-  color: #B1B5C7;
+  color: #b1b5c7;
   font-style: normal;
 }
 .upload-demo {
diff --git a/src/views/knowledge/detail/components/split/AddRule.vue b/src/views/knowledge/detail/components/split/AddRule.vue
index 818b010..b8b1c9d 100644
--- a/src/views/knowledge/detail/components/split/AddRule.vue
+++ b/src/views/knowledge/detail/components/split/AddRule.vue
@@ -283,7 +283,6 @@ export default {
     },
     async getRuleList() {
       let res = await getRulesList({ ruleType: 1 })
-      console.log(res)
       this.ruleList = res.content.content
     },
     // 获取详情
@@ -311,7 +310,6 @@ export default {
       })
     },
     queryExistingRules(val) {
-      console.log(val)
       if (val) {
         this.getDetail(val)
       }
diff --git a/src/views/knowledge/detail/components/split/Index.vue b/src/views/knowledge/detail/components/split/Index.vue
index f4f74e2..7156c28 100644
--- a/src/views/knowledge/detail/components/split/Index.vue
+++ b/src/views/knowledge/detail/components/split/Index.vue
@@ -63,6 +63,7 @@
 
     <!-- 添加预览组件 -->
     <split-preview
+      :documentList="documentList"
       :documentId="documentId"
       :visible.sync="previewVisible"
       :preview-data="previewData"
@@ -71,6 +72,7 @@
       @confirm="handlePreviewConfirm"
       @handleReUpload="handleReUpload"
       @handleClose="handleClose"
+      @changePage="changePage"
     />
   </div>
 </template>
@@ -88,6 +90,7 @@ export default {
   },
   data() {
     return {
+      splitIndex: 0,
       dialogVisible: false,
       activeIndex: 0,
       previewVisible: false, // 控制预览组件显示
@@ -112,6 +115,10 @@ export default {
     }
   },
   props: {
+    documentList: {
+      type: Array,
+      default: () => []
+    },
     documentId: {
       type: String,
       default: ''
@@ -120,6 +127,10 @@ export default {
   watch: {},
   filters: {},
   methods: {
+    async changePage(index) {
+      this.previewData = await this.getPreviewOperation(this.documentId, index)
+    },
+
     handleClick(index) {
       this.activeIndex = index
       if (index === 1) {
@@ -131,10 +142,15 @@ export default {
 
     // 构建API请求参数
     buildExecSplitParams(documentId) {
-      const params = {
+      let params = {
         documentId: documentId,
         beAuto: this.activeIndex === 0
       }
+      let splitDocId = documentId.split(',')
+      if (splitDocId.length > 1) {
+        params.documentId = undefined
+        params.documentIds = splitDocId
+      }
 
       if (!params.beAuto && this.$refs.customTable.ruleId) {
         params.rulesId = this.$refs.customTable.ruleId
@@ -161,7 +177,11 @@ export default {
     },
 
     // 获取拆分预览
-    async getPreviewOperation(documentId) {
+    async getPreviewOperation(documentId, index) {
+      let splitDocId = documentId.split(',')
+      if (splitDocId.length > 1) {
+        documentId = splitDocId[index ? index : 0]
+      }
       const res = await splitResultPreview({ documentId })
       if (res.content.result !== '0') {
         const errorMsg =
diff --git a/src/views/knowledge/detail/components/split/SplitPreview.vue b/src/views/knowledge/detail/components/split/SplitPreview.vue
index da0fa9d..3ff2e60 100644
--- a/src/views/knowledge/detail/components/split/SplitPreview.vue
+++ b/src/views/knowledge/detail/components/split/SplitPreview.vue
@@ -6,6 +6,26 @@
       width="60%"
       :before-close="handleClose"
     >
+      <template slot="title">
+        <div class="flex align-items-c" style="gap:10px">
+          <span>拆分结果预览</span>
+          <el-dropdown @command="command" trigger="click" size="medium">
+            <span class="el-dropdown-link">
+              {{ documentList[activeIndex].name
+              }}<i class="el-icon-arrow-down el-icon--right"></i>
+            </span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item
+                v-for="(item, index) in documentList"
+                :command="index"
+                :key="item.id"
+                >{{ item.name }}</el-dropdown-item
+              >
+            </el-dropdown-menu>
+          </el-dropdown>
+        </div>
+      </template>
+
       <div v-loading="loading" class="preview-content">
         <template v-if="!loading && previewData">
           <el-tree
@@ -23,7 +43,13 @@
       </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 size="medium" @click="upFiled">前一个</el-button>-->
+        <!--        <el-button size="medium" @click="downFiled">后一个</el-button>-->
+        <el-button
+          v-if="documentList.length === 1"
+          size="medium"
+          type="primary"
+          @click="handleConfirm"
           >下一步</el-button
         >
         <el-button
@@ -44,6 +70,10 @@ import { embedding } from '@/api/generatedApi'
 export default {
   name: 'SplitPreview',
   props: {
+    documentList: {
+      type: Array,
+      default: () => []
+    },
     documentId: {
       type: String,
       default: ''
@@ -66,6 +96,7 @@ export default {
   },
   data() {
     return {
+      activeIndex: 0,
       defaultProps: {
         children: 'children',
         label: 'paragraphTitle'
@@ -73,6 +104,19 @@ export default {
     }
   },
   methods: {
+    upFiled() {
+      this.$emit('changePage', 'up')
+    },
+    downFiled() {
+      this.$emit('changePage', 'down')
+    },
+    command(index) {
+      if (index === this.activeIndex) {
+        return false
+      }
+      this.activeIndex = index
+      this.$emit('changePage', this.activeIndex)
+    },
     emitKnowledgeDataset() {
       this.$router.push({
         path: '/knowledge/reviewKnowledge',
@@ -105,7 +149,8 @@ export default {
     handleConfirm() {
       this.$emit('confirm')
     }
-  }
+  },
+  watch: {}
 }
 </script>
 
diff --git a/src/views/knowledge/detail/components/words/AddRule.vue b/src/views/knowledge/detail/components/words/AddRule.vue
index 3a82ace..d08000d 100644
--- a/src/views/knowledge/detail/components/words/AddRule.vue
+++ b/src/views/knowledge/detail/components/words/AddRule.vue
@@ -76,7 +76,7 @@
             :key="index"
           >
             <div class="section-title">
-              拆分规则 {{ index + 1 }}
+              题词规则 {{ index + 1 }}
               <div>
                 <el-button
                   v-if="!isPreview && form.ruleList.length > 1"
diff --git a/src/views/knowledge/detail/components/words/Index.vue b/src/views/knowledge/detail/components/words/Index.vue
index 758ba89..ddb3d45 100644
--- a/src/views/knowledge/detail/components/words/Index.vue
+++ b/src/views/knowledge/detail/components/words/Index.vue
@@ -67,6 +67,7 @@
       :extract-results="extractResults"
       :is-auto-extract="activeIndex === 0"
       :loading="previewLoading"
+      :documentList="documentList"
       @confirm="handlePreviewConfirm"
     />
   </div>
@@ -113,7 +114,12 @@ export default {
       documentId: ''
     }
   },
-  props: {},
+  props: {
+    documentList: {
+      type: Array,
+      default: () => []
+    }
+  },
   watch: {},
   filters: {},
   methods: {
@@ -128,10 +134,15 @@ export default {
 
     // 构建执行题词的参数
     buildExecExtractParams(documentId) {
-      const params = {
+      let params = {
         documentId: documentId,
         beAuto: this.activeIndex === 0
       }
+      let splitDocIds = documentId.split(',')
+      if (splitDocIds.length > 1) {
+        params.documentId = undefined
+        params.documentIds = splitDocIds
+      }
 
       if (!params.beAuto && this.$refs.customTable.ruleId) {
         params.rulesId = this.$refs.customTable.ruleId
diff --git a/src/views/knowledge/detail/create.vue b/src/views/knowledge/detail/create.vue
index 5a6e1dd..be90506 100644
--- a/src/views/knowledge/detail/create.vue
+++ b/src/views/knowledge/detail/create.vue
@@ -51,6 +51,7 @@
               class="mt10"
               v-else
               :documentId="documentId"
+              :documentList="this.documentList"
               @saveMarkDown="saveMarkDown"
             ></r-miner-u>
           </div>
@@ -58,11 +59,16 @@
           <step-split-config
             ref="splitConfig"
             v-if="active === 1"
+            :documentList="this.documentList"
             @previewConfirmed="handlePreviewConfirm"
             @handleReUpload="handleReUpload"
             :documentId="documentId"
           ></step-split-config>
-          <step-words ref="words" v-if="active === 2"></step-words>
+          <step-words
+            ref="words"
+            v-if="active === 2"
+            :documentList="this.documentList"
+          ></step-words>
         </transition>
       </div>
     </div>
@@ -120,7 +126,7 @@ import StepPreprocessing from './components/preprocessing.vue'
 import SplitConfig from '@/views/knowledge/detail/components/split/Index.vue'
 import Words from '@/views/knowledge/detail/components/words/Index.vue'
 import magic from '@/assets/images/konwledge/magic.png'
-import { directEmbedding } from '@/api/generatedApi'
+import { datasetDocumentEx, directEmbedding } from '@/api/generatedApi'
 // import StepC
 export default {
   name: 'create',
@@ -130,7 +136,8 @@ export default {
       visible: false,
       active: 0,
       documentId: '1365038001244180480',
-      isMd: false
+      isMd: false,
+      documentList: []
     }
   },
   props: {},
@@ -185,9 +192,32 @@ export default {
         }
       })
     },
-    getDocumentId(id) {
+    async getDocumentId(id) {
       this.documentId = id
+
+      let splitDocIds = this.documentId.split(',')
+
+      for (let i = 0; i < splitDocIds.length; i++) {
+        let content = await this.getFileDetail(splitDocIds[i])
+        this.documentList.push({
+          name: content.knowledgeName,
+          id: content.id
+        })
+      }
     },
+
+    // 获取文件详情  主要是名字与ID
+    async getFileDetail(documentId) {
+      const res = await datasetDocumentEx({ documentId })
+      if (res.content.result !== '0') {
+        const errorMsg =
+          '获取文件详情失败: ' + (res.content.resultMessage || '未知错误')
+        this.$message.error(errorMsg)
+        throw new Error(errorMsg)
+      }
+      return res.content.content
+    },
+
     async nextStep() {
       if (this.active === 0) {
         this.$refs.stepPreProcessing.uploadFiled()
@@ -211,13 +241,17 @@ export default {
       } else {
         this.active = 0
       }
+
+      this.documentList = []
     }
   },
   created() {},
-  mounted() {
+  async mounted() {
     let { documentId, datasetId, activeLevel, isMd } = this.$route.query
     if (documentId) {
+      // 继续处理时 调用接口查询文件信息
       this.documentId = documentId
+      await this.getDocumentId(documentId)
     }
     if (activeLevel !== undefined) {
       this.active = Number(activeLevel)
diff --git a/src/views/knowledge/detail/index.vue b/src/views/knowledge/detail/index.vue
index de5e177..006a873 100644
--- a/src/views/knowledge/detail/index.vue
+++ b/src/views/knowledge/detail/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class=" render-container">
     <div class="clearfix flex align-items-c justify-content-b ">
-      <div class=" flex align-items-c j">
+      <div class=" flex align-items-c justify-content-b" style="flex:1">
         <div class="hover-back  mr5">
           <el-icon
             class="el-icon-arrow-left"
@@ -10,11 +10,8 @@
           ></el-icon>
         </div>
 
-        <img
-          :src="knowledgeImage ? knowledgeImage : knowledgePng_1"
-          class="header-icon"
-        />
-        <div class="ml20" style="flex:1">
+        <img :src="knowledgeImage" class="header-icon" />
+        <div class="ml10" style="flex:1">
           <div class="flex align-items-c">
             <div class="mr20 header" v-if="!editKnowledge">
               {{ knowledgeName ? knowledgeName : '' }}
@@ -32,32 +29,48 @@
               v-if="!editKnowledge"
             />
             <div v-else>
-              <el-button
-                type="primary"
-                size="medium"
-                class="render-button"
-                @click="saveKnowledgeName"
+              <el-button type="primary" size="medium" @click="saveKnowledgeName"
                 >保存</el-button
               >
-              <el-button
-                size="medium"
-                class="render-button"
-                @click="cancelKnowledgeName"
+              <el-button size="medium" @click="cancelKnowledgeName"
                 >取消</el-button
               >
             </div>
             <span class="segment-content">{{
               segmentedMode | filterSegmentedMode
             }}</span>
+
+            <el-dropdown
+              size="medium"
+              placement="right"
+              v-if="relatedAppList.length > 0"
+              @command="handleRelatedApp"
+            >
+              <span class="segment-content cursor-pointer"
+                >{{ relatedAppList.length }} 个关联应用</span
+              >
+              <el-dropdown-menu>
+                <el-dropdown-item
+                  v-for="item in relatedAppList"
+                  :command="item"
+                  :key="item.id"
+                  disabled
+                >
+                  <span>{{ item.appName }}</span>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+          <div class="flex align-items-c mt10 ">
+            <p class="fs14 knowledgeDesc" style="line-height: 20px">
+              描述：{{ knowledgeDesc }}
+            </p>
           </div>
-          <p class="mt10 fs14" style="line-height: 20px">
-            描述：{{ knowledgeDesc }}
-          </p>
           <!--        <p class="mt10 fs14" style="line-height: 20px">分段模式：{{ segmentedMode | filterSegmentedMode }}</p>-->
         </div>
       </div>
 
-      <div style="flex:1" class="text-right">
+      <div style="margin-left: auto" class="text-right">
         <!--        <el-button type="primary" size="medium" class="normal-button" @click="jumpEditKnowledge">修改知识库</el-button>-->
         <el-button
           type="primary"
@@ -252,7 +265,9 @@ import {
   datasetQuerySegments,
   datasetsExPages,
   datasetUpdate,
-  getDatasetById
+  downloadOriginalFile,
+  getDatasetById,
+  relatedApps
 } from '@/api/generatedApi'
 import { getUserList } from '@/api/generatedApi/system'
 import {
@@ -261,7 +276,6 @@ import {
 } from '@/assets/js/utils/utilOptions'
 import DocumentDrawer from './components/documentDetail/DocumentDrawer.vue'
 import knowledgeForm from '@/views/knowledge/detail/components/knowledgeForm.vue'
-import knowledgePng_1 from '@/assets/images/konwledge/knowledge-1.png'
 import hitTest from '@/views/knowledge/detail/components/HitTest/Index.vue'
 import MetaData from '@/views/knowledge/detail/components/metaData/Index.vue'
 import MetadataOperator from '@/views/knowledge/detail/components/metaData/MetadataOperator.vue'
@@ -269,8 +283,16 @@ import SearchSetting from '@/views/knowledge/detail/components/SearchSetting/Ind
 import { displayStatus } from '@/assets/js/utils/utilOptions'
 export default {
   name: 'index',
+  // 父子组件共享
+  provide() {
+    return {
+      viewDocumentDetail: row => this.viewDocumentDetail(row)
+    }
+  },
+
   data() {
     return {
+      relatedAppList: [],
       displayStatus,
       hitTestConfig: {
         title: '命中测试',
@@ -284,7 +306,6 @@ export default {
         title: '标注元数据',
         visible: false
       },
-      knowledgePng_1,
       activeName: -1,
       drawer: false,
       drawerForm: false,
@@ -377,13 +398,6 @@ export default {
     // 跳转到知识库编辑
     jumpEditKnowledge() {
       this.drawerForm = true
-      // let { datasetId } = this.$route.query
-      // this.$router.push({
-      //   path: '/knowledge/knowledge-create',
-      //   query: {
-      //     datasetId: datasetId
-      //   }
-      // })
     },
     /**
      * 检索设置
@@ -456,24 +470,16 @@ export default {
     },
     //   查看文档详情
     viewDocumentDetail(row) {
-      // 调用查询分段信息接口
-      datasetQuerySegments({ documentId: row.id }).then(res => {
-        if (res) {
-          this.descriptions = {
-            dataset: {
-              knowledgeName: this.knowledgeName,
-              segmentedMode: this.segmentedMode,
-              knowledgeImage: this.knowledgeImage
-            },
-            ...row,
-            ...res.content.content
-          }
-          this.drawer = true
-
-          // 调用datasetDocumentEx接口获取分词规则和词频规则
-          this.getDocumentExInfo(row.id)
+      this.descriptions = {
+        ...row,
+        dataset: {
+          knowledgeName: this.knowledgeName,
+          segmentedMode: this.segmentedMode,
+          knowledgeImage: this.knowledgeImage
         }
-      })
+      }
+      this.drawer = true
+      this.getDocumentExInfo(row.id)
     },
 
     jumpToUpload(params) {
@@ -531,6 +537,11 @@ export default {
           console.error('获取文档详情失败', err)
         })
     },
+    // 下载原文件
+    handleDownload(row) {
+      let documentId = row.id
+      window.open(downloadOriginalFile(documentId))
+    },
 
     // 提取规则文本（处理可能是JSON字符串的情况）
     extractRuleText(rule) {
@@ -584,6 +595,17 @@ export default {
     },
     close() {
       this.metadataOperatorDrawer.visible = false
+    },
+
+    getRelatedApps() {
+      relatedApps({ id: this.$route.query.datasetId }).then(res => {
+        if (res) {
+          this.relatedAppList = res.content.content.intelligentAppDTOS
+        }
+      })
+    },
+    handleRelatedApp(item) {
+      // console.log(item)
     }
   },
   filters: {
@@ -611,14 +633,16 @@ export default {
     this.getKnowledgeFiledList()
     // 获取用户下拉列表
     this.getUserData()
-    let documentId = sessionStorage.getItem('documentId')
-    if (documentId) {
-      setTimeout(() => {
-        let row = this.list.filter(item => item.id === documentId)
-        this.viewDocumentDetail(row[0])
-        sessionStorage.removeItem('documentId')
-      }, 1000)
-    }
+
+    // 获取关联智能体
+    this.getRelatedApps()
+    // let documentId = sessionStorage.getItem('documentId')
+    // if (documentId) {
+    //   setTimeout(() => {
+    //     let row = this.list.filter(item => item.id === documentId)
+    //     this.viewDocumentDetail(row[0])
+    //     sessionStorage.removeItem('documentId')
+    //   }, 1000)
   },
   computed: {
     datasetId() {
@@ -646,17 +670,28 @@ export default {
                 class: 'flex align-items-c'
               },
               [
-                h('svg-icon', {
-                  props: {
-                    iconClass: params.row.useMineru === 1 ? 'miner' : 'none'
+                h(
+                  'span',
+                  {
+                    props: {
+                      // iconClass: params.row.useMineru === 1 ? 'miner' : 'none'
+                    },
+                    class: 'mr5',
+                    style: {
+                      // display: params.row.useMineru === 1 ? '' : 'none',
+                      width: '19px',
+                      height: '19px',
+                      fontSize: '13px',
+                      borderRadius: '6px',
+                      textAlign: 'center',
+                      lineHeight: '19px',
+                      color: '#fff',
+                      background:
+                        params.row.useMineru === 1 ? '#4f47f5' : 'unset'
+                    }
                   },
-                  class: 'mr5',
-                  style: {
-                    // display: params.row.useMineru === 1 ? '' : 'none',
-                    width: '15px',
-                    fontSize: '15px'
-                  }
-                }),
+                  params.row.useMineru === 1 ? '预' : ''
+                ),
                 h('span', {}, text)
               ]
             )
@@ -762,6 +797,22 @@ export default {
                 }
                 // '标注元数据'
               ),
+              h(
+                'el-button',
+                {
+                  class: 'floatSpan',
+                  props: {
+                    type: 'primary',
+                    size: 'mini',
+                    icon: 'el-icon-download',
+                    title: '下载原文件'
+                  },
+                  on: {
+                    click: () => this.handleDownload(params.row)
+                  }
+                }
+                // '标注元数据'
+              ),
               params.row.optStatus < 4
                 ? h(
                     'el-button',
@@ -1003,7 +1054,7 @@ export default {
   line-height: 17px;
   text-align: left;
   font-style: normal;
-  margin-left: 20px;
+  margin-left: 10px;
   padding: 2px 5px;
 }
 
@@ -1044,4 +1095,13 @@ export default {
     border-radius: 5px;
   }
 }
+
+.knowledgeDesc {
+  display: -webkit-box; // 支持多行省略
+  -webkit-line-clamp: 1; // 限制为两行
+  -webkit-box-orient: vertical; // 垂直方向排列
+  overflow: hidden; // 隐藏超出部分
+  text-overflow: ellipsis; // 显示省略号
+  max-width: 80%; // 限制宽度
+}
 </style>
diff --git a/src/views/knowledge/detail/reviewKnowledge.vue b/src/views/knowledge/detail/reviewKnowledge.vue
index 7ba8496..bb2c59d 100644
--- a/src/views/knowledge/detail/reviewKnowledge.vue
+++ b/src/views/knowledge/detail/reviewKnowledge.vue
@@ -68,7 +68,7 @@
                       placement="top"
                       width="400"
                       trigger="hover"
-                      content="设置分段之间的重叠长度可以保留分段之间的语义关系，提升召回效果。建议设置为最大分段长度的1096-25%。"
+                      content="设置分段之间的重叠长度可以保留分段之间的语义关系，提升召回效果。建议设置为最大分段长度的10%-25%。"
                     >
                       <el-icon
                         class="el-icon-question"
@@ -141,9 +141,24 @@
         style="width: 49.5%;height: calc(100vh - 110px)"
         class="el-card review"
       >
-        <div class="title">
-          {{ documentDetail.knowledgeName }}
-
+        <div class="title flex align-items-c" style="gap: 10px">
+          <el-dropdown @command="command" trigger="click" size="medium">
+            <span class="el-dropdown-link">
+              {{
+                documentDetail.length > 0
+                  ? documentDetail[activeIndex].name
+                  : ''
+              }}<i class="el-icon-arrow-down el-icon--right"></i>
+            </span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item
+                v-for="(item, index) in documentDetail"
+                :command="index"
+                :key="item.id"
+                >{{ item.name }}</el-dropdown-item
+              >
+            </el-dropdown-menu>
+          </el-dropdown>
           <span class="block" v-if="viewsDetail.total_segments">
             预估块{{ viewsDetail.total_segments }}
           </span>
@@ -256,7 +271,8 @@ export default {
         chunkOverlap: 400
       },
       datasetDetail: {},
-      documentDetail: {},
+      activeIndex: 0,
+      documentDetail: [],
       viewsDetail: {}
     }
   },
@@ -265,12 +281,24 @@ export default {
   components: {},
   filters: {},
   methods: {
+    command(index) {
+      if (index === this.activeIndex) {
+        return
+      }
+      this.activeIndex = index
+
+      this.review_logs()
+    },
+
     resetForm() {
       this.form = JSON.parse(JSON.stringify(this.reset))
     },
 
     review_logs() {
       let { documentId, active } = this.$route.query
+
+      let splitDocIds = documentId.split(',')
+
       let api = segmentEstimate
       switch (active) {
         case '0':
@@ -287,7 +315,7 @@ export default {
           break
       }
       api({
-        documentId,
+        documentId: splitDocIds[this.activeIndex],
         segmentConfig: {
           ...this.form,
           removeExtraSpaces: this.form.removeExtraSpaces ? 1 : 0,
@@ -299,13 +327,18 @@ export default {
     },
 
     // 获取文档详情
-    getDocumentDetail() {
+    async getDocumentDetail() {
       let { documentId } = this.$route.query
-      datasetDocumentEx({ documentId }).then(res => {
-        if (res) {
-          this.documentDetail = res.content.content
-        }
-      })
+
+      let splitDocIds = documentId.split(',')
+
+      for (let i = 0; i < splitDocIds.length; i++) {
+        let content = await datasetDocumentEx({ documentId: splitDocIds[i] })
+        this.documentDetail.push({
+          name: content.content.content.knowledgeName,
+          id: content.content.content.id
+        })
+      }
     },
 
     // 获取知识库详情
@@ -320,6 +353,8 @@ export default {
     // 保存 处理
     saveUs() {
       let { documentId, active } = this.$route.query
+
+      let splitDocIds = documentId.split(',')
       let api = directEmbedding
       switch (active) {
         case '0':
@@ -336,14 +371,21 @@ export default {
           break
       }
 
-      api({
+      let params = {
         documentId,
         segmentConfig: {
           ...this.form,
           removeExtraSpaces: this.form.removeExtraSpaces ? 1 : 0,
           removeUrlsEmails: this.form.removeUrlsEmails ? 1 : 0
         }
-      }).then(res => {
+      }
+
+      if (splitDocIds.length > 1) {
+        params.documentIds = splitDocIds
+        params.documentId = undefined
+      }
+
+      api(params).then(res => {
         if (res) {
           this.$router.push({
             path: '/knowledge/detail',
@@ -403,7 +445,7 @@ export default {
   & .review {
     & .title {
       height: 40px;
-      line-height: 40px;
+      //line-height: 40px;
       border-bottom: 1px solid #ebeef5;
       font-weight: 600;
       font-size: 15px;
diff --git a/src/views/knowledge/index.vue b/src/views/knowledge/index.vue
index ad5e603..ad973fd 100644
--- a/src/views/knowledge/index.vue
+++ b/src/views/knowledge/index.vue
@@ -49,7 +49,7 @@
     </div>
 
     <div class="card-body">
-      <div class="ledge-list mt20">
+      <div class="ledge-list mt10 ">
         <el-card
           v-for="(item, index) in datasetList"
           class="item datasetList"
@@ -57,13 +57,9 @@
           :key="index"
           @click.native.stop="knowLedgeDetail(item)"
         >
-          <div class="dataset-header">
+          <div class="dataset-header mb10">
             <div class="folder-content">
-              <img
-                :src="item.image ? item.image : getKnowledgeImage(index)"
-                alt=""
-                class="folder"
-              />
+              <img :src="item.image" alt="" class="folder" />
             </div>
             <div class="dataset-body" style="flex:1">
               <h4 class="dataset-title">{{ item.name }}</h4>
@@ -71,10 +67,11 @@
             </div>
           </div>
 
-          <div class="flex align-items-c justify-content-b mh20 mv10">
+          <div class="flex align-items-c justify-content-b mh20 mv5">
             <div class="theme-primary-desc-text-drank fs12">
               {{ item.segmentedMode | filterSegmentedMode }}
             </div>
+
             <div class="opacity-button">
               <el-button
                 class="default "
@@ -109,25 +106,11 @@
 <script>
 import { docManageDataset, datasetDelete } from '@/api/generatedApi/index.js'
 import knowledgeForm from '@/views/knowledge/detail/components/knowledgeForm.vue'
-import knowledgePng_1 from '@/assets/images/konwledge/knowledge-1.png'
-import knowledgePng_2 from '@/assets/images/konwledge/knowledge-2.png'
-import knowledgePng_3 from '@/assets/images/konwledge/knowledge-3.png'
-import knowledgePng_4 from '@/assets/images/konwledge/knowledge-4.png'
-import knowledgePng_5 from '@/assets/images/konwledge/knowledge-5.png'
-import knowledgePng_6 from '@/assets/images/konwledge/knowledge-6.png'
-import knowledgePng_7 from '@/assets/images/konwledge/knowledge-7.png'
 export default {
   name: 'index',
   data() {
     return {
       datasetId: '',
-      knowledgePng_1,
-      knowledgePng_2,
-      knowledgePng_3,
-      knowledgePng_4,
-      knowledgePng_5,
-      knowledgePng_6,
-      knowledgePng_7,
       datasetList: [],
       nameLike: '',
       drawer: false,
@@ -139,7 +122,8 @@ export default {
       knowledgeForm: {
         name: 'knowledgeForm',
         component: knowledgeForm
-      }
+      },
+      relatedAppList: []
     }
   },
   props: {},
@@ -159,6 +143,7 @@ export default {
         this.datasetList = res.content.content
       })
     },
+
     createdKnowLedge(item) {
       this.datasetId = item ? item.id : ''
       this.drawer = true
@@ -202,18 +187,6 @@ export default {
       // }).then(() => {
       //
       // })
-    },
-    getKnowledgeImage(index) {
-      const images = [
-        knowledgePng_1,
-        knowledgePng_2,
-        knowledgePng_3,
-        knowledgePng_4,
-        knowledgePng_5,
-        knowledgePng_6,
-        knowledgePng_7
-      ]
-      return images[index % images.length]
     }
   },
   filters: {
@@ -390,10 +363,10 @@ export default {
       text-align: left;
       font-style: normal;
 
-      height: 35px;
+      height: 18px;
       margin: 0;
       display: -webkit-box; // 支持多行省略
-      -webkit-line-clamp: 2; // 限制为两行
+      -webkit-line-clamp: 1; // 限制为两行
       -webkit-box-orient: vertical; // 垂直方向排列
       overflow: hidden; // 隐藏超出部分
       text-overflow: ellipsis; // 显示省略号
diff --git a/src/views/system/user/components/UserDialog.vue b/src/views/system/user/components/UserDialog.vue
index 91a0920..04c7c05 100644
--- a/src/views/system/user/components/UserDialog.vue
+++ b/src/views/system/user/components/UserDialog.vue
@@ -118,6 +118,10 @@ export default {
       type: String,
       default: '添加用户'
     },
+    roleListData: {
+      type: Array,
+      default: () => []
+    },
     visible: {
       type: Boolean,
       default: false
@@ -145,14 +149,20 @@ export default {
         email: '',
         sysUserRoleDTOs: []
       },
-      roleListData: [],
       selectedRoleIds: [], // 新增，用于绑定选中的角色ID数组
       rules: {
-        realName: [
-          { required: true, message: '请输入真实姓名', trigger: 'blur' }
+        realName: [{ required: true, message: '请输入真实姓名' }],
+        userName: [{ required: true, message: '请输入用户名称' }],
+        email: [
+          { required: true, message: '请输入邮箱' },
+          //   邮箱格式校验 正则
+          {
+            type: 'email',
+            message: '请输入正确的邮箱地址'
+          }
         ],
-        userName: [
-          { required: true, message: '请输入用户名称', trigger: 'blur' }
+        sysUserRoleDTOs: [
+          { required: true, message: '请选择用户角色', trigger: 'blur' }
         ]
       },
       roleOptions: [
@@ -167,31 +177,18 @@ export default {
       handler(val) {
         if (val && Object.keys(val).length > 0) {
           this.form = { ...val }
-          this.selectedRoleIds = this.form.sysUserRoleDTOs
+          this.selectedRoleIds = this.form.sysUserRoleDTOs.map(item => {
+            return item.roleId
+          })
         }
       },
       immediate: true
     }
   },
   created() {
-    this.getRoleListData()
+    // this.getRoleListData()
   },
   methods: {
-    // 获取角色列表
-    getRoleListData() {
-      this.loading = true
-
-      getRoleList({})
-        .then(response => {
-          this.roleListData = response.content.content || []
-        })
-        .catch(error => {
-          this.$message.error('获取角色列表出错', error)
-        })
-        .finally(() => {
-          this.loading = false
-        })
-    },
     handleClose() {
       this.$refs.form.resetFields()
       this.$emit('update:visible', false)
@@ -205,7 +202,7 @@ export default {
 
       this.$refs.form.validate(valid => {
         if (valid) {
-          this.loading = true
+          // this.loading = true
           const submitData = { ...this.form }
 
           // 根据是否是编辑模式调用不同的API
@@ -213,24 +210,18 @@ export default {
             ? updateUser(submitData)
             : addUser(submitData)
 
-          apiRequest
-            .then(() => {
-              this.$message.success(this.isEdit ? '修改成功' : '添加成功')
-              this.$emit('submit', submitData)
-              this.handleClose()
-            })
-            .catch(() => {
-              this.$message.error(this.isEdit ? '修改用户出错' : '添加用户出错')
-            })
-            .finally(() => {
-              this.loading = false
-            })
+          apiRequest.then(() => {
+            this.$message.success(this.isEdit ? '修改成功' : '添加成功')
+            this.$emit('submit', submitData)
+            this.handleClose()
+          })
         }
       })
     },
     // 处理角色选择变化
     handleRolesChange(roleIds) {
       this.form.sysUserRoleDTOs = roleIds.map(id => ({ roleId: id }))
+      this.$refs.form.validateField('sysUserRoleDTOs')
     },
     clearForm() {
       this.form = {}
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index dd28b1a..9351ccc 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -67,6 +67,7 @@
       :title="dialogTitle"
       :is-edit="isEdit"
       :is-view="isView"
+      :roleListData="roleListData"
       :user-data="currentUserData"
       @submit="handleSubmit"
     />
@@ -90,6 +91,7 @@ import {
   changeUserStatus,
   resetPassword
 } from '@/api/generatedApi/system'
+import { getRoleList } from '@/api/system/role'
 
 export default {
   name: 'UserManage',
@@ -99,6 +101,7 @@ export default {
   },
   data() {
     return {
+      roleListData: [],
       loading: false,
       dialogVisible: false,
       resetPasswordVisible: false,
@@ -127,7 +130,35 @@ export default {
           { prop: 'realName', key: '真实姓名' },
           { prop: 'mobile', key: '手机号' },
           { prop: 'email', key: '邮箱' },
-          { prop: 'userRoles', key: '用户角色' },
+          {
+            prop: 'userRoles',
+            key: '用户角色',
+            render: (h, p) => {
+              let text = []
+              p.row.sysUserRoleDTOs.map(item => {
+                this.roleListData.find(role => {
+                  console.log(role, item)
+                  if (role.id === item.roleId) {
+                    text.push(role.roleName)
+                  }
+                })
+              })
+              return h('div', [
+                text.map(item => {
+                  return h(
+                    'el-tag',
+                    {
+                      props: {
+                        size: 'mini'
+                      },
+                      class: 'mr5'
+                    },
+                    item
+                  )
+                })
+              ])
+            }
+          },
           {
             prop: 'status',
             key: '状态',
@@ -222,9 +253,20 @@ export default {
     }
   },
   created() {
+    this.getRoleListData()
     this.getUserList()
   },
   methods: {
+    // 获取角色列表
+    getRoleListData() {
+      this.loading = true
+      getRoleList({}).then(response => {
+        if (response) {
+          this.roleListData = response.content.content || []
+        }
+      })
+    },
+
     // 获取用户列表
     getUserList() {
       this.loading = true
diff --git a/src/views/track/Index.vue b/src/views/track/Index.vue
index fda8aa8..877f8f6 100644
--- a/src/views/track/Index.vue
+++ b/src/views/track/Index.vue
@@ -5,7 +5,8 @@ import {
 } from '@/api/generatedApi'
 import KnowledgeInfo from '@/views/track/views/knowledge-info/Index.vue'
 import { getUserList } from '@/api/generatedApi/system'
-import knowledgePng_2 from '@/assets/images/konwledge/knowledge-2.png'
+import knowledgePng_2 from '../../../public/loadImage/knowledge-2.png'
+
 export default {
   components: {
     KnowledgeInfo
diff --git a/src/views/track/views/knowledge-info/Index.vue b/src/views/track/views/knowledge-info/Index.vue
index 202ad02..7d7aa6e 100644
--- a/src/views/track/views/knowledge-info/Index.vue
+++ b/src/views/track/views/knowledge-info/Index.vue
@@ -1,20 +1,52 @@
 <script>
-import { datasetQuerySegments, getPdfUrl, queryTask } from '@/api/generatedApi'
-import TextModel from '@/views/knowledge/detail/components/documentDetail/TextModel.vue'
+import {
+  datasetQuerySegments,
+  importSegment,
+  queryTask,
+  segmentTemplate,
+  exportSegment,
+  switchStatus
+} from '@/api/generatedApi'
 import QAModel from '@/views/knowledge/detail/components/documentDetail/QAModel.vue'
 import RenderFile from '@/components/RenderFile/Index.vue'
 import MetadataOperator from '@/views/knowledge/detail/components/metaData/MetadataOperator.vue'
+import AddSegment from '@/views/knowledge/detail/components/documentDetail/addSegment.vue'
+import BatchAddSegment from '@/views/knowledge/detail/components/documentDetail/batchAddSegment.vue'
+import { Form } from 'element-ui'
 
 export default {
   name: 'index',
-  components: { MetadataOperator, QAModel, TextModel, RenderFile },
+  components: {
+    MetadataOperator,
+    QAModel,
+    RenderFile,
+    AddSegment,
+    BatchAddSegment
+  },
   data() {
     return {
+      segmentPage: 1,
+      segmentLimit: 10,
+      segmentTotal: 101,
+      searchText: '',
+      keyWords: '',
+      batchAddSegmentDialog: false,
       iframeSrc: window.location.origin,
       newForm: {},
-      descriptions: null
+      descriptions: null,
+      addSegmentDialog: false,
+      batchSegmentList: []
     }
   },
+
+  provide() {
+    return {
+      changeEnable: this.changeEnable
+    }
+  },
+
+  inject: ['viewDocumentDetail'],
+
   props: {
     noEdit: {
       type: Boolean,
@@ -75,18 +107,98 @@ export default {
     }
   },
   methods: {
-    toSplit() {
-      this.$router.push({
-        path: '/knowledge/detail/create',
-        query: {
-          documentId: this.form.id,
-          datasetId: this.form.datasetId,
-          activeLevel: 1
+    changeEnable(state, id) {
+      let params = {
+        documentId: this.form.id,
+        segmentIds: [id],
+        status: state ? 0 : 1 //枚举值：0-启用 1-禁用
+      }
+      switchStatus(params)
+    },
+
+    inputSegment() {
+      if (!this.searchText.trim()) {
+        this.keyWords = ''
+        this.segmentPage = 1
+        this._getSplitResultPreview()
+      }
+    },
+    searchSegment() {
+      this.keyWords = this.searchText
+      this.segmentPage = 1
+      this._getSplitResultPreview()
+    },
+    sizeChange(size) {
+      this.segmentPage = 1
+      this.segmentLimit = size
+      this._getSplitResultPreview()
+    },
+    currentChange(page) {
+      this.segmentPage = page
+      this._getSplitResultPreview()
+    },
+
+    importSegmentToKnowledge() {
+      let form = new FormData()
+      form.append('documentId', this.form.id)
+      if (this.batchSegmentList.length === 0) {
+        this.$message.error('请先选择文件')
+        return
+      }
+
+      this.batchSegmentList.map(item => {
+        form.append('file', item)
+      })
+      importSegment(form).then(res => {
+        if (res) {
+          this.$message.success('导入成功')
+          this.batchAddSegmentDialog = false
+          this.batchSegmentList = []
+          this._getSplitResultPreview()
         }
       })
     },
 
-    getPdfUrl,
+    getFileList(list) {
+      this.batchSegmentList = list
+    },
+
+    downLoadSegmentTemplate() {
+      let model = null
+      switch (this.newForm.segmentedMode) {
+        case 0:
+          model = 'general'
+          break
+        case 1:
+          model = 'qa'
+          break
+        default:
+          model = 'general'
+          return ''
+      }
+      window.open(segmentTemplate(model))
+    },
+    command(type) {
+      switch (type) {
+        case 'newAdd':
+          //   批量新增
+          this.batchAddSegmentDialog = true
+          break
+        case 'exportSeg':
+          // 导出分段
+          window.open(exportSegment({ documentId: this.form.id }))
+          break
+      }
+    },
+    // 新增分段
+    addSegment() {
+      if (this.newForm.optStatus !== 4) {
+        return false
+      }
+      // this._getSplitResultPreview()
+
+      this.addSegmentDialog = true
+    },
     _getTaskDetail() {
       queryTask({ id: this.form.id }).then(res => {
         const { content } = res.content
@@ -94,8 +206,19 @@ export default {
       })
     },
     _getSplitResultPreview() {
-      datasetQuerySegments({ documentId: this.form.id }).then(res => {
+      if (this.descriptions && this.descriptions.data) {
+        this.descriptions.data = []
+      }
+      let params = {
+        documentId: this.form.id,
+        page: this.segmentPage,
+        pageSize: this.segmentLimit,
+        keyword: this.keyWords
+        // keyword: this.searchText
+      }
+      datasetQuerySegments(params).then(res => {
         this.descriptions = res.content.content
+        this.segmentTotal = res.content.content.total
       })
     },
     openMetaDrawer() {
@@ -123,11 +246,11 @@ export default {
 
 <template>
   <div
-    class=" upload-info-container"
+    class="upload-info-container"
     :class="!fullscreen ? 'render-container' : ''"
   >
-    <div class="form-container">
-      <el-descriptions class="" :column="4">
+    <div class="form-container ph10">
+      <el-descriptions class="mt10" :column="4">
         <el-descriptions-item label="知识库">
           {{ newForm.datasetName }}
         </el-descriptions-item>
@@ -163,24 +286,92 @@ export default {
     </div>
 
     <div class="card-body">
-      <el-row :gutter="20">
+      <div class="flex align-items-c mt10" style="gap:20px">
+        <el-dropdown
+          trigger="click"
+          v-if="!noEdit"
+          split-button
+          size="medium"
+          type="primary"
+          @click="addSegment"
+          class="line-button"
+          :class="newForm.optStatus !== 4 ? 'is-disabled' : ''"
+          @command="command"
+        >
+          新增分段
+          <el-dropdown-menu slot="dropdown" :disabled="newForm.optStatus !== 4">
+            <el-dropdown-item
+              command="newAdd"
+              :disabled="newForm.optStatus !== 4"
+              >批量新增</el-dropdown-item
+            >
+            <el-dropdown-item
+              command="exportSeg"
+              :disabled="newForm.optStatus !== 4"
+              >分段导出</el-dropdown-item
+            >
+          </el-dropdown-menu>
+        </el-dropdown>
+
+        <el-input
+          style="width: 50vh;"
+          size="small"
+          placeholder="按下回车搜索分段内容"
+          clearable
+          v-model="searchText"
+          @input="inputSegment"
+          @keydown.enter.native="searchSegment"
+        ></el-input>
+      </div>
+      <el-row :gutter="20" class="mt10">
         <!-- 左侧：表单内容和知识内容 -->
-        <el-col :span="12">
+        <el-col
+          :span="
+            newForm.knowledgeName && newForm.knowledgeName.indexOf('.pdf') >= 0
+              ? 12
+              : 24
+          "
+        >
           <!-- 知识内容 -->
-          <div class="content-card el-card mt20">
-            <div class="knowledge-content" v-if="descriptions">
-              <text-model
-                :noEdit="noEdit"
-                v-if="descriptions.doc_form === 'text_model'"
-                :descriptions="descriptions"
-                :parentForm="form"
-              />
+          <div class="content-card el-card ">
+            <div
+              v-if="descriptions"
+              class="knowledge-content"
+              v-loading="!descriptions.data"
+            >
               <q-a-model
+                :class="segmentTotal > 0 ? '' : ''"
                 :noEdit="noEdit"
-                v-else-if="descriptions.doc_form === 'qa_model'"
                 :descriptions="descriptions"
                 :parentForm="form"
+                :style="{
+                  height: 'calc(100% - 40px)',
+                  overflowX: 'hidden',
+                  overflowY: 'auto'
+                }"
               />
+
+              <div
+                style="height: 40px;width:100%;position: sticky;bottom: -1px;color:Red;background: #fff;"
+                class="flex align-items-c justify-content-b"
+              >
+                <div>
+                  <el-pagination
+                    background
+                    small
+                    @size-change="sizeChange"
+                    @current-change="currentChange"
+                    :total="segmentTotal"
+                    :currentPage="segmentPage"
+                    layout="prev,sizes, pager, next"
+                    :page-sizes="[10, 20, 30, 40, 50]"
+                  />
+                </div>
+
+                <!--                <div v-for="item in getSegmentPages()">-->
+                <!--                  {{ item }}-->
+                <!--                </div>-->
+              </div>
             </div>
             <div v-else class="p20 flex align-items-c">
               <div class="mr10 fs14">暂无知识内容</div>
@@ -196,8 +387,13 @@ export default {
         </el-col>
 
         <!-- 右侧：原文内容 -->
-        <el-col :span="12">
-          <div class="content-card el-card full-height mt20">
+        <el-col
+          :span="12"
+          v-if="
+            newForm.knowledgeName && newForm.knowledgeName.indexOf('.pdf') >= 0
+          "
+        >
+          <div class="content-card el-card full-height ">
             <!--            <metadata-operator-->
             <!--              @openMetaDrawer="openMetaDrawer"-->
             <!--            ></metadata-operator>-->
@@ -206,10 +402,66 @@ export default {
         </el-col>
       </el-row>
     </div>
+
+    <el-drawer
+      title="新增分段"
+      :visible.sync="addSegmentDialog"
+      :wrapperClosable="false"
+      width="50%"
+      append-to-body
+      :modal="false"
+    >
+      <add-segment
+        :descriptions="descriptions"
+        :document-id="form.id"
+        @close="addSegmentDialog = false"
+      ></add-segment>
+    </el-drawer>
+
+    <r-dialog
+      title="批量新增"
+      :visible.sync="batchAddSegmentDialog"
+      append-to-body
+      width="40%"
+      destroy-on-close
+    >
+      <template slot="title">
+        <div class="flex align-items-c">
+          <div>批量新增</div>
+          <el-button
+            size="mini"
+            type="text"
+            class="ml20"
+            icon="el-icon-download"
+            @click="downLoadSegmentTemplate"
+            >下载模板</el-button
+          >
+        </div>
+      </template>
+
+      <batch-add-segment
+        :document-id="form.id"
+        @close="batchAddSegmentDialog = false"
+        @getFileList="getFileList"
+      ></batch-add-segment>
+      <div slot="footer">
+        <el-button @click="batchAddSegmentDialog = false" size="medium"
+          >取消</el-button
+        >
+        <el-button
+          size="medium"
+          type="primary"
+          :disabled="batchSegmentList.length < 1"
+          @click="importSegmentToKnowledge"
+          >导入</el-button
+        >
+      </div>
+    </r-dialog>
   </div>
 </template>
 
 <style lang="scss" scoped>
+@import '@/assets/sass/renderSass/theme.scss';
 .form-container {
   background: #fff;
   padding: 5px;
@@ -218,12 +470,13 @@ export default {
 }
 
 .content-card {
-  margin-bottom: 20px;
+  //margin-bottom: 20px;
   border-radius: 8px;
   overflow: hidden;
 
   .knowledge-content {
-    height: calc(100vh - 240px);
+    position: relative;
+    height: calc(100vh - 290px);
     overflow-y: auto;
     //&::-webkit-scrollbar {
     //  width: 4px;
@@ -232,7 +485,7 @@ export default {
 }
 
 .full-height {
-  height: calc(100vh - 240px);
+  height: calc(100vh - 290px);
   padding-bottom: 20px;
 }
 
@@ -249,4 +502,20 @@ export default {
 .clearfix:after {
   clear: both;
 }
+::v-deep .line-button {
+  background: $--color-primary-button-gradient;
+  overflow: hidden;
+  border-radius: 8px;
+  &.is-disabled {
+    & .el-button {
+      cursor: no-drop;
+    }
+  }
+  & .el-button-group {
+    & .el-button {
+      background: unset;
+      border: unset;
+    }
+  }
+}
 </style>