diff --git a/package.json b/package.json
index ab97dd95cb5e97d5b0b720e6d3e5ab5e12752ad2..3ebe5ff74cc41809b80b72315e38cd9ca152b9be 100644
--- a/package.json
+++ b/package.json
@@ -61,6 +61,7 @@
     "path-browserify": "^1.0.1",
     "path-to-regexp": "^6.2.2",
     "pinia": "^2.2.2",
+    "pinia-plugin-persistedstate": "^4.2.0",
     "qs": "^6.13.0",
     "sortablejs": "^1.15.2",
     "uuid": "^10.0.0",
diff --git a/src/components/EmptyStatus/index.vue b/src/components/EmptyStatus/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..61a55f7ef6cc650cb1a2db1a361f5f1c226ae6a2
--- /dev/null
+++ b/src/components/EmptyStatus/index.vue
@@ -0,0 +1,47 @@
+<template>
+  <el-empty :description="description">
+    <el-button
+      v-if="showButton"
+      type="primary"
+      :class="buttonClass"
+      @click="handleButtonClick"
+    >
+      {{ buttonText }}
+    </el-button>
+  </el-empty>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  // 空状态描述文本
+  description?: string;
+  // 是否显示按钮
+  showButton?: boolean;
+  // 按钮文本
+  buttonText?: string;
+  // 按钮类名
+  buttonClass?: string;
+}
+
+// 定义默认值
+const props = withDefaults(defineProps<Props>(), {
+  description: '暂无数据',
+  showButton: true,
+  buttonText: '新建',
+  buttonClass: ''
+});
+
+// 定义事件
+const emit = defineEmits<{
+  (e: 'click'): void
+}>();
+
+// 按钮点击处理
+const handleButtonClick = () => {
+  emit('click');
+};
+</script>
+
+<style scoped>
+/* 如果需要自定义样式可以在这里添加 */
+</style>
\ No newline at end of file
diff --git a/src/components/GroupLayout/index.vue b/src/components/GroupLayout/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..177c47c403642027f97146fbbf93e8f43a42ef6c
--- /dev/null
+++ b/src/components/GroupLayout/index.vue
@@ -0,0 +1,98 @@
+<template>
+    <div class="group-info">
+        <!-- 通用标题部分 -->
+        <div class="group-info-title">
+            <div class="group-left-menu">
+                <el-link @click="handleHomeClick" type="primary" class="home-menu" :underline="false">
+                    {{ navGroup[0]?.name }}
+                </el-link>
+                <div v-if="navGroup.length > 1">
+                    <div v-if="router.currentRoute.value.path.includes('/groupInfo')" class="group-name">
+                        /
+                        <div>
+                            {{ navGroup[1]?.name }}
+                        </div>
+                    </div>
+                    <div v-else class="library-name" @click="handleGroupClick(1,navGroup[1])">
+                        <el-link class="home-menu" @click="() => router.push('/group')" type="primary" target="_blank"
+                            :underline="false">
+                            /
+                            {{ navGroup[1].name }}
+                        </el-link>
+                    </div>
+                </div>
+                <div v-if="navGroup.length > 2">
+                    <div v-if="router.currentRoute.value.path.includes('/libraryInfo')" class="group-name">
+                        /
+                        <div>
+                            {{ navGroup[2]?.name }}
+                        </div>
+                    </div>
+                    <div v-else class="library-name" @click="handleGroupClick(2,navGroup[2])">
+                        <el-link class="home-menu" @click="() => router.push('/groupInfo')" type="primary"
+                            target="_blank" :underline="false">
+                            /
+                            {{ navGroup[2].name }}
+                        </el-link>
+                    </div>
+                </div>
+                <div v-if="navGroup.length > 3">
+                    <div  class="group-name">
+                        /
+                        <div class="last-name">
+                            {{ navGroup[3]?.name }}
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="group-mid-menu">
+                <div class="section" :class="{ 'section-active': groupMenu === 'knowledge' }"
+                    @click="handleSwitchMenu('knowledge')">
+                    资产库
+                </div>
+                <div class="section" :class="{ 'section-active': groupMenu === 'detail' }"
+                    @click="handleSwitchMenu('detail')">
+                    团队详情
+                </div>
+            </div>
+        </div>
+
+        <!-- 内容区域 -->
+        <div class="group-info-content">
+            <!-- 当 groupMenu === 'detail' 时显示的内容 -->
+            <div v-show="groupMenu === 'detail'">
+                <groupDetail />
+            </div>
+
+            <!-- 其他内容通过默认插槽传入 -->
+            <slot v-if="groupMenu !== 'detail'" />
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { useRouter } from 'vue-router';
+import { useGroupStore } from "@/store/modules/group";
+import { storeToRefs } from 'pinia';
+import groupDetail from '@/views/group/groupDetail/index.vue';
+
+const router = useRouter();
+const groupStore = useGroupStore();
+const { navGroup, groupMenu } = storeToRefs(groupStore);
+const { handleSwitchMenu, delNav } = groupStore;
+
+const handleHomeClick = () => {
+    delNav(1);
+    router.push('/group');
+    handleSwitchMenu('knowledge');
+};
+const handleGroupClick = ( number: number, currentNav:{ path:string,query:any }) => {
+    delNav(number+1);
+    router.push({ path: currentNav.path, query:currentNav.query });
+}
+</script>
+
+
+<style lang="scss">
+@import '@/styles/grouInfo.scss';
+</style>
\ No newline at end of file
diff --git a/src/components/KnowledgeForm/index.vue b/src/components/KnowledgeForm/index.vue
index e1d6586e7d9d562f805e03f17338ee2b341e7471..3d091b1c360a677051355214fb0415a4d8f31e92 100644
--- a/src/components/KnowledgeForm/index.vue
+++ b/src/components/KnowledgeForm/index.vue
@@ -84,7 +84,7 @@
         :placeholder="$t('assetLibrary.message.pleaseChoose')"
         :teleported="false"
         class="select-container"
-        :disabled="props.formData.id"
+        :disabled="props.formData?.id"
         :suffix-icon="IconCaretDown">
         <el-option
           v-for="item in emBeddingModelOptions"
diff --git a/src/main.ts b/src/main.ts
index 7b71c8034e168c040bafe8100a64a9c889fde5d5..4b9c52a81859c881855f691aa572959dc9877482 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -19,10 +19,11 @@ import '@/styles/index.scss';
 import 'uno.css';
 import 'animate.css';
 import router from './router';
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
 
 const app = createApp(App);
 
-app.use(createPinia());
+app.use(createPinia().use(piniaPluginPersistedstate));
 app.use(router);
 app.use(ElementPlus, {
   locale: zhCn,
diff --git a/src/router/index.ts b/src/router/index.ts
index 7e05ad48ef8a63187c058826f6e18e528fad35c7..8df835ece8e9be993ca36bab645de2b9ae64cb4f 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -14,8 +14,27 @@ export const constantRoutes: RouteRecordRaw[] = [
     meta: { hidden: true },
   },
   {
-    path: '/NotFoundPage',
-    component: () => import('@/views/notFoundPage/index.vue'),
+    path: '/group',
+    name: 'Group',
+    component: () => import('@/views/group/index.vue'),
+    meta: { hidden: true },
+  },
+  {
+    path: '/groupInfo',
+    name: 'GroupInfo',
+    component: () => import('@/views/group/groupInfo.vue'),
+    meta: { hidden: true },
+  },
+  {
+    path: '/libraryInfo',
+    name: 'libraryInfo',
+    component: () => import('@/views/knowledgeLibrary/libraryInfo.vue'),
+    meta: { hidden: true },
+  },
+  {
+    path: '/documentInfo',
+    name: 'documentInfo',
+    component: () => import('@/views/knowledgeFile/documentInfo.vue'),
     meta: { hidden: true },
   },
   {
@@ -33,6 +52,11 @@ export const constantRoutes: RouteRecordRaw[] = [
     component: () => import('@/views/knowledgeFileSection/index.vue'),
     meta: { hidden: true },
   },
+  {
+    path: '/NotFoundPage',
+    component: () => import('@/views/notFoundPage/index.vue'),
+    meta: { hidden: true },
+  },
   {
     path: '/:catchAll(.*)',
     redirect: '/NotFoundPage',
diff --git a/src/store/index.ts b/src/store/index.ts
index e2308cd7a60fb2cb27f82e92a59efcf747021f6d..7e215a8b07f22b7b6953038a4a6b8f5faa62136e 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,7 +1,9 @@
 import type { App } from 'vue';
 import { createPinia } from 'pinia';
+import piniaPersist from 'pinia-plugin-persistedstate';
 
 const store = createPinia();
+store.use(piniaPersist);
 
 // 全局注册 store
 export function setupStore(app: App<Element>) {
diff --git a/src/store/modules/group.ts b/src/store/modules/group.ts
new file mode 100644
index 0000000000000000000000000000000000000000..64e5af8cf9b7e5bb5a68ab54e726387c600f27c9
--- /dev/null
+++ b/src/store/modules/group.ts
@@ -0,0 +1,36 @@
+import { store } from '@/store';
+
+export const useGroupStore = defineStore(
+  'group',
+  () => {
+    let createKnowledgeVisible = ref(false);
+    let navGroup = ref([{ name: '数据治理', path: '/group', query: {} }]);
+    let groupMenu = ref('knowledge');
+
+    let handleSwitchMenu = (menu: string) => {
+      groupMenu.value = menu;
+    };
+    let delNav = (value: number) => {
+      navGroup.value.splice(value);
+    };
+    return {
+      createKnowledgeVisible,
+      navGroup,
+      groupMenu,
+      handleSwitchMenu,
+      delNav,
+    };
+  },
+  {
+    // 持久化存储
+    persist: {
+      key: 'group_data',
+      storage: sessionStorage,
+      pick: ['navGroup', 'groupMenu'],
+    },
+  }
+);
+
+export function useGroupStoreHook() {
+  return useGroupStore(store);
+}
diff --git a/src/styles/grouInfo.scss b/src/styles/grouInfo.scss
new file mode 100644
index 0000000000000000000000000000000000000000..db0fc9b7587de6edea56c1bc38bd4c2e0f75de75
--- /dev/null
+++ b/src/styles/grouInfo.scss
@@ -0,0 +1,91 @@
+.group-info {
+    padding: 24px;
+
+    .group-info-title {
+        display: flex;
+        align-items: center;
+
+        .group-left-menu {
+            display: flex;
+            gap: 4px;
+            align-items: center;
+            height: 16px;
+
+            .home-menu {
+                display: inline-block;
+                max-width: 80px;
+                height: 16px;
+                font-size: 12px;
+                line-height: 16px;
+            }
+
+            .group-name {
+                max-width: 152px;
+                font-size: 12px;
+                font-weight: 700;
+                display: flex;
+                line-height: 16px;
+                & div{
+                    margin-left: 4px;
+                }
+                .last-name{
+                    text-overflow: ellipsis;
+                    width: 130px;
+                    overflow: hidden;
+                    white-space: nowrap;
+                }
+            }
+        }
+
+        .group-mid-menu {
+            width: 400px;
+            height: 32px;
+            background-color: white;
+            display: flex;
+            border-radius: 4px;
+            position: absolute;
+            left: 50%; 
+            transform: translateX(-50%); 
+            .section {
+                width: 197px;
+                height: 28px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                gap: 4px;
+                font-size: 12px;
+                font-weight: 700;
+                margin: 2px ;
+                cursor: pointer;
+            }
+
+            .section-active {
+
+                color: white;
+                background-color: rgb(99, 149, 253);
+                border-radius: 4px;
+            }
+        }
+    }
+    .group-info-content{
+        width: 100%;
+        height: calc(100vh - 100px);
+        border-radius: 8px;
+        background-color: rgb(253,254,255);
+        margin-top: 16px;
+        padding: 24px;
+       
+        .empty-content{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+            height: calc(100vh - 100px);
+            .group-btn{
+                border-radius: 4px !important;
+                width: 96px;
+                background-color: rgb(99,149,253);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/styles/group.scss b/src/styles/group.scss
new file mode 100644
index 0000000000000000000000000000000000000000..a751819a3b920c408313d95afe730b1860aa442b
--- /dev/null
+++ b/src/styles/group.scss
@@ -0,0 +1,245 @@
+.group-container {
+    width: 100%;
+    height: calc(100vh - 300px);
+    padding: 0 24px 24px;
+    background: rgb(239 239 239);
+    min-width: 820px;
+
+    .group-box {
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        height: calc(100vh - 319px);
+        padding-bottom: 24px;
+        overflow-y: auto;
+        background: rgb(253 254 255);
+        border-radius: 4px;
+        transform: translateY(-40px);
+        .el-tabs--border-card{
+            border: none;
+        }
+        .group-tabs {
+            .group-tabs-item {
+                .group-tab-header{
+                    display: flex;
+                    justify-content: space-between;
+                    .group-btn{
+                        border-radius: 4px !important;
+                        width: 96px;
+                        background-color: rgb(99,149,253);
+                    }
+                    .group-right-btn {
+                        display: flex;
+                        gap: 8px;
+    
+                        .group-btn-search {
+                        width: 400px;
+                        height: 32px;
+    
+                        .el-input__icon {
+                            font-size: 16px;
+                        }
+    
+                        .el-input__inner {
+                            font-size: 12px !important;
+                            line-height: 16px;
+                        }
+    
+                        .el-input__wrapper {
+                            padding-right: 8px !important;
+                        }
+                        }
+    
+                        .group-btn-switch {
+                        box-sizing: border-box;
+                        display: flex;
+                        align-items: center;
+                        width: 64px;
+                        height: 32px;
+                        border: 1px solid rgb(195 206 223);
+                        border-radius: 2px;
+    
+                        .group-btn-switch-icon {
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            width: 32px;
+                            height: 32px;
+                            cursor: pointer;
+    
+                            .el-icon {
+                            color: #8d98aa;
+                            font-size: 16px !important;
+                            }
+                        }
+    
+                        .bgThumb {
+                            height: 32px;
+                            background: rgb(99 149 253);
+    
+                            .el-icon {
+                            color: white;
+                            font-size: 16px !important;
+                            }
+                        }
+                        }
+                    }
+                }
+                .group-tabs-content{
+                    margin-top: 16px;
+                    display: flex;
+                    justify-content: space-between;
+                    display: grid;
+                    grid-template-columns: repeat(auto-fill, 339px);
+                    gap: 16px;
+    
+                    .group-card-item {
+                        
+                        width: 339px;
+                        height: 124px;
+                        border-radius: 8px;
+                        background-color: rgb(244, 246, 250);
+                        padding: 16px;
+                        cursor: pointer;
+    
+                        .group-card-title {
+                            display: flex;
+                            justify-content: space-between;
+                            align-items: center;
+    
+                            .group-card-title-name {
+                                font-size: 16px;
+                                font-weight: 700;
+                                line-height: 24px;
+                            }
+    
+                            .card-type {
+                                border-radius: 2px;
+                                width: 40px;
+                                height: 16px;
+                                color: white;
+                                text-align: center;
+                                font-size: 12px;
+                                line-height: 16px;
+                            }
+    
+                            .card-type-public {
+                                background-color: rgb(36, 171, 54);
+                            }
+    
+                            .card-type-privacy {
+                                background-color: rgb(235, 175, 0);
+                            }
+                        }
+    
+                        .group-card-desc {
+                            width: 307px;
+                            height: 32px;
+                            font-size: 12px;
+                            line-height: 16px;
+                            color: rgb(78, 88, 101);
+                            margin: 4px 0 16px;
+                            overflow: hidden;
+                            display: -webkit-box;
+                            -webkit-line-clamp: 2;
+                            -webkit-box-orient: vertical;
+                        }
+    
+                        .group-card-footer {
+                            display: flex;
+                            justify-content: space-between;
+                            align-items: center;
+    
+                            .info {
+                                font-size: 12px;
+                                color: rgb(141, 152, 170);
+                            }
+                        }
+                    }
+                }
+                .group-table-box {
+                    padding: 16px 24px 24px;
+                    height: 100%;
+                    display: flex;
+                    flex-direction: column;
+                    gap: 24px;
+                    min-height: 200px;
+                
+                    .el-checkbox__inner::before {
+                      top: 4.5px !important;
+                      width: 13px;
+                    }
+                
+                    tbody {
+                      td {
+                        border-right: unset !important;
+                      }
+                    }
+                
+                    .el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
+                      border-right: unset !important;
+                    }
+                
+                    .el-table__header {
+                      width: 100% !important;
+                
+                      height: 32px;
+                      box-shadow: inset 0 -1px 0 0 rgb(223 229 239);
+                
+                      thead tr th {
+                        background-color: #f4f6fa;
+                      }
+                    }
+                
+                    .group-name-row {
+                      color: #0077ff;
+                      font-size: 12px;
+                      font-weight: 500;
+                      cursor: pointer;
+                    }
+                
+                    .group-id {
+                      .el-icon {
+                        color: #8d98aa;
+                      }
+                    }
+                
+                    .el-table__body {
+                      width: 100% !important;
+                
+                      .el-table__row {
+                        height: 48px;
+                      }
+                    }
+                
+                    .el-table__cell {
+                      padding: 0 !important;
+                      font-size: 12px;
+                    }
+                
+                    .el-table--border .el-table__cell:first-child .cell {
+                      padding: 0 12px !important;
+                    }
+                
+                    .el-table-column--selection .cell {
+                      padding-right: 0 !important;
+                      padding-left: 22px;
+                    }
+                
+                    .group-selection::after {
+                      content: unset !important;
+                    }
+                
+                    .el-pagination {
+                      margin-top: 0;
+                    }
+                
+                    .el-pagination .el-input__inner {
+                      height: var(--el-input-inner-height) !important;
+                    }
+                  }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/styles/knowledgeFile.scss b/src/styles/knowledgeFile.scss
index b771b1fd008e301d71d3eebe20643b4be7811d44..a578a876648c9c43abf5a4aa3eb3a47cc7c8890a 100644
--- a/src/styles/knowledgeFile.scss
+++ b/src/styles/knowledgeFile.scss
@@ -3,8 +3,8 @@
   flex-direction: column;
   gap: 16px;
   width: 100%;
-  height: calc(100% - 48px);
-  padding: 16px 24px 24px;
+  height: calc(100vh - 220px);
+  // padding: 16px 24px 24px;
   min-width: 1240px;
   .kf-container-top {
     display: flex;
@@ -75,7 +75,7 @@
     .kf-container-right {
       flex: 1;
       min-width: 700px;
-      padding: 16px 24px 24px 24px;
+      // padding: 16px 24px 24px 24px;
       background: rgb(254 254 254);
       border-radius: 4px;
 
diff --git a/src/styles/knowledgeFileSection.scss b/src/styles/knowledgeFileSection.scss
index db0966d446393dd3de7aa8575eb17712411cabd5..53975b3b84591194476c4cef17cb845a6d19968b 100644
--- a/src/styles/knowledgeFileSection.scss
+++ b/src/styles/knowledgeFileSection.scss
@@ -4,7 +4,6 @@
   gap: 16px;
   width: 100%;
   height: 100%;
-  padding: 16px 24px 24px;
   min-width: 1240px;
   .kf-section-container-top {
     display: flex;
@@ -40,14 +39,13 @@
     display: flex;
     gap: 2px;
     width: 100%;
-    height: calc(100% - 80px);
+    height: calc(100vh - 210px);
 
     .kf-section-container-left {
       display: flex;
       flex-direction: column;
       gap: 16px;
       width: 314px;
-      padding: 24px;
       background: rgb(254 254 254);
       border-top-left-radius: 4px;
       border-bottom-left-radius: 4px;
@@ -78,7 +76,6 @@
       flex: 1;
       min-width: 700px;
       height: 100%;
-      padding: 24px 0 24px 24px;
       overflow: hidden;
       background: rgb(254 254 254);
       border-top-right-radius: 4px;
diff --git a/src/styles/knowledgeLibrary.scss b/src/styles/knowledgeLibrary.scss
index bc8f7ae65a4b9c47853d9f3709dd8722c2cb6f76..2a7cc8e5a16f2fe1f2a7fe4425230bccc0b2d13b 100644
--- a/src/styles/knowledgeLibrary.scss
+++ b/src/styles/knowledgeLibrary.scss
@@ -1,8 +1,6 @@
 .knowledgeLibrary-container {
   width: 100%;
   height: calc(100vh - 300px);
-  padding: 0 24px 24px;
-  background: rgb(239 239 239);
   min-width: 820px;
 
   .knowledgeLibrary-box {
@@ -15,12 +13,9 @@
     overflow-y: auto;
     background: rgb(253 254 255);
     border-radius: 4px;
-    transform: translateY(-5px);
 
     .kl-tilte {
       height: 24px;
-      margin-left: 24px;
-      margin-top: 24px;
       font-size: 16px;
       line-height: 24px;
       color: rgb(0, 0, 0);
@@ -31,7 +26,6 @@
       display: flex;
       justify-content: space-between;
       width: 100%;
-      padding: 0 24px;
       margin-top: 16px;
 
       .kl-left-btn {
@@ -102,7 +96,7 @@
 
           .bgThumb {
             height: 32px;
-            background: rgb(0 119 255);
+            background: rgb(99,149,253);
 
             .el-icon {
               color: white;
@@ -117,20 +111,20 @@
       box-sizing: border-box;
       width: 100%;
       height: 100%;
-      padding: 0 16px 24px 24px;
       margin-top: 16px;
-      overflow-y: scroll;
+      overflow-y: auto;
     }
 
     .kl-card {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
+      gap: 16px;
 
       .kl-single-card {
         display: flex;
         flex-direction: column;
-        height: 302px;
+        height: 232px;
         padding: 24px;
         cursor: pointer;
         background: rgb(244 246 250);
@@ -230,7 +224,7 @@
     @media screen and (width <=1560px) {
       .kl-card-container {
         display: grid;
-        grid-template-columns: repeat(auto-fill, 350px);
+        grid-template-columns: repeat(auto-fill, 428px);
         grid-gap: 16px;
       }
     }
@@ -238,7 +232,7 @@
     @media screen and (width >=1560px) {
       .kl-card-container {
         display: grid;
-        grid-template-columns: repeat(auto-fill, 350px);
+        grid-template-columns: repeat(auto-fill, 428px);
         grid-gap: 16px;
       }
     }
diff --git a/src/styles/libraryInfo.scss b/src/styles/libraryInfo.scss
new file mode 100644
index 0000000000000000000000000000000000000000..1ed9bc43b39948fe3eec4316013f504d87567811
--- /dev/null
+++ b/src/styles/libraryInfo.scss
@@ -0,0 +1,80 @@
+.library-info {
+    padding: 24px;
+
+    .library-info-title {
+        display: flex;
+        align-items: center;
+
+        .library-left-menu {
+            display: flex;
+            gap: 4px;
+            align-items: center;
+            width: 232px;
+            height: 16px;
+
+            .home-menu {
+                display: inline-block;
+                max-width: 80px;
+                height: 16px;
+                font-size: 12px;
+                line-height: 16px;
+            }
+
+            .library-name {
+                max-width: 152px;
+                font-size: 12px;
+                font-weight: 700;
+                display: flex;
+                line-height: 16px;
+                & div{
+                    margin-left: 4px;
+                }
+            }
+        }
+
+        .library-mid-menu {
+            width: 400px;
+            height: 32px;
+            background-color: white;
+            display: flex;
+            border-radius: 4px;
+            position: absolute;
+            left: 50%; 
+            transform: translateX(-50%); 
+            .section {
+                width: 197px;
+                height: 28px;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                gap: 4px;
+                font-size: 12px;
+                font-weight: 700;
+                margin: 2px ;
+                cursor: pointer;
+            }
+
+            .section-active {
+
+                color: white;
+                background-color: rgb(99, 149, 253);
+                border-radius: 4px;
+            }
+        }
+    }
+    .library-info-content{
+        width: 100%;
+        height: calc(100vh - 100px);
+        border-radius: 8px;
+        background-color: rgb(253,254,255);
+        margin-top: 16px;
+        padding: 24px;
+    }
+}
+.library-info-title{
+ font-size: 16px;
+ font-weight: 700;
+ margin-bottom: 8px;
+}
+ .library-info-tabs{
+ }
\ No newline at end of file
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index d5b775ac30c1846104c446923227e1571d196577..c66df44c39b19d154b0a77ad363826fb0fc16db9 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -229,11 +229,11 @@ $newHoverBg: linear-gradient(
 }
 .el-button--primary,
 .bgThumb {
-  background: $newbg !important;
+  // background: $newbg !important;
   border-color: #c7d2fbc0 !important;
   &:hover {
     color: white !important;
-    background: $newHoverBg !important;
+    // background: $newHoverBg !important;
     border-color: #c7d2fbc0 !important;
   }
 }
diff --git a/src/views/group/createKnowledge.vue b/src/views/group/createKnowledge.vue
new file mode 100644
index 0000000000000000000000000000000000000000..ca26b3936887f7fd3fdcdf840045102197e03d50
--- /dev/null
+++ b/src/views/group/createKnowledge.vue
@@ -0,0 +1,25 @@
+<template>
+    <el-dialog
+    v-model="createKnowledgeVisible"
+    title="新建资产库"
+    width="544px"
+    :before-close="handleClose"
+    @close="closeFn"
+    >
+        <KnowledgrForm />
+    </el-dialog>
+</template>
+<script setup lang="ts">
+import { storeToRefs } from 'pinia';
+import { useGroupStore } from '@/store/modules/group'
+import KnowledgrForm from '@/components/KnowledgeForm/index.vue'
+
+const { createKnowledgeVisible } =  storeToRefs(useGroupStore());
+
+const closeFn = () => {
+    createKnowledgeVisible.value = false;
+}
+const handleClose = (done: () => void) => {
+      done()
+}
+</script>
\ No newline at end of file
diff --git a/src/views/group/data.js b/src/views/group/data.js
new file mode 100644
index 0000000000000000000000000000000000000000..cdf45902ff5cbd97ae6d9cb59fc7cc8af135f1e3
--- /dev/null
+++ b/src/views/group/data.js
@@ -0,0 +1,43 @@
+
+const groupList=[
+    {
+        id:'11111',
+        name:'团队名称1',
+        type:'公开',
+        desc:'这是团队名称1的团队简介这是团队名称1的团队简介这是团队名称1的团队简介这是团队名称1的团队简介这是团队名称1的团队简介',
+        owner:'zhangsan',
+        member:8
+    },{
+        id:'22222',
+        name:'团队名称2',
+        type:'公开',
+        desc:'这是团队名称1的团队简介',
+        owner:'zhangsan',
+        member:8
+    },{
+        id:'33333',
+        name:'团队名称3',
+        type:'私密',
+        desc:'这是团队名称1的团队简介',
+        owner:'zhangsan',
+        member:8
+    },{
+        id:'44444',
+        name:'团队名称4',
+        type:'私密',
+        desc:'这是团队名称1的团队简介',
+        owner:'zhangsan',
+        member:8
+    },{
+        id:'5555',
+        name:'团队名称5',
+        type:'私密',
+        desc:'这是团队名称1的团队简介',
+        owner:'zhangsan',
+        member:8
+    },
+];
+
+export {
+    groupList,
+}
\ No newline at end of file
diff --git a/src/views/group/groupDetail/index.vue b/src/views/group/groupDetail/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..efde11a259587fcff90402fdf99babc2499754db
--- /dev/null
+++ b/src/views/group/groupDetail/index.vue
@@ -0,0 +1,13 @@
+<template>
+   <div class="group-detial-container">
+    <el-empty description="功能开发中..." />
+   </div>
+</template>
+<style lang="scss" scoped>
+    .group-detial-container{
+        height: calc(100vh - 100px);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+</style>
diff --git a/src/views/group/groupInfo.vue b/src/views/group/groupInfo.vue
new file mode 100644
index 0000000000000000000000000000000000000000..b3354d36792215c0fa318115f2e20da4f77811c0
--- /dev/null
+++ b/src/views/group/groupInfo.vue
@@ -0,0 +1,26 @@
+<template>
+  <GroupLayout>
+    <!-- 知识库内容 -->
+    <template v-slot:default>
+      <div v-show="groupMenu === 'knowledge'">
+        <div>
+          <knowledgeLibrary :groupName="groupName" />
+        </div>
+        <createKnowledge />
+      </div>
+    </template>
+  </GroupLayout>
+</template>
+
+<script setup lang="ts">
+import { useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import { useGroupStore } from "@/store/modules/group";
+import GroupLayout from '@/components/GroupLayout/index.vue';
+import createKnowledge from "./createKnowledge.vue";
+import knowledgeLibrary from "@/views/knowledgeLibrary/index.vue";
+
+const route = useRoute();
+const groupName = route.query.name as string;
+const { groupMenu } = storeToRefs(useGroupStore());
+</script>
\ No newline at end of file
diff --git a/src/views/group/index.vue b/src/views/group/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..910515fca849171c074dec80152f82058c7abdfd
--- /dev/null
+++ b/src/views/group/index.vue
@@ -0,0 +1,200 @@
+<template>
+    <UserHeaderBar />
+    <CustomLoading :loading="false" />
+    <div class="group-container">
+        <div class="group-box">
+            <el-tabs type="border-card" class="group-tabs" >
+                <el-tab-pane class="group-tabs-item" v-for="item in groupTabs" :key="item.key" :label="item.name">
+                    <div class="group-tab-header">
+                        <el-button type="primary" class="group-btn" >新建团队</el-button>
+                        <div class="group-right-btn">
+                            <div class="group-btn-search">
+                                <el-input
+                                ref="inputRef"
+                                v-model="knoledgekeyWord"
+                                @input="handleInputSearch"
+                                class="o-style-serch"
+                                placeholder="请输入团队名称"
+                                clearable>
+                                <template #suffix>
+                                    <el-icon class="el-input__icon">
+                                        <IconSearch />
+                                    </el-icon>
+                                </template>
+                                </el-input>
+                            </div>
+                            <div class="group-btn-switch">
+                                <div
+                                class="group-btn-switch-icon"
+                                @click="handleSwitch('thumb')"
+                                :class="switchIcon === 'thumb' ? 'bgThumb' : ''">
+                                <el-icon>
+                                    <IconThumbnail />
+                                </el-icon>
+                                </div>
+
+                                <div
+                                class="group-btn-switch-icon"
+                                @click="handleSwitch('list')"
+                                :class="switchIcon === 'list' ? 'bgThumb' : ''">
+                                <el-icon>
+                                    <IconList />
+                                </el-icon>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 卡片布局 -->
+                    <div v-if="switchIcon === 'thumb'" class="group-tabs-content">
+                        <div class="group-card-item" @click="handleToGroup(item)" v-for="item in groupList" :key="item.id" >
+                            <div class="group-card-title">
+                            <span class="group-card-title-name" >{{ item.name }}</span>
+                                <span class="card-type" :class="item.type==='公开'?'card-type-public':'card-type-privacy'">{{ item.type}}</span>
+                            </div>
+                            <div class="group-card-desc" >
+                                {{ item.desc }}
+                            </div>
+                            <div class="group-card-footer" >
+                                <div class="info" >
+                                    @{{item.owner}}
+                                <span style="margin-left: 16px;">
+                                    <el-icon><User /></el-icon>
+                                    {{item.member}}人
+                                </span>
+                                </div>
+                                <el-button text >
+                                    编辑
+                                </el-button>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 列表布局 -->
+                    <div
+                        class="group-table-box"
+                        v-else>
+                        <el-table
+                        :data="groupList"
+                        :border="true"
+                        >
+                        <el-table-column
+                            prop="name"
+                            label="团队名称"
+                            :show-overflow-tooltip="true"
+                            width="300"
+                            :fixed="true"
+                            class-name="group-name">
+                            <template #default="scope">
+                            <span
+                                class="group-name-row"
+                                @click="handleToGroup(scope.row)">
+                                {{ scope.row.name }}
+                            </span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column
+                            prop="desc"
+                            label="团队简介"
+                            :show-overflow-tooltip="true" />
+                        <el-table-column
+                            prop="member"
+                            sortable
+                            width="150"
+                            label="团队人数" />
+                        <el-table-column
+                            prop="document_count"
+                            sortable
+                            width="150"
+                            label="团队权限" />
+                        <el-table-column
+                            prop="owner"
+                            sortable
+                            width="150"
+                            label="创建人" />
+                        <el-table-column
+                            prop="document_count"
+                            sortable
+                            width="150"
+                            label="创建时间" />
+                        <el-table-column
+                            prop="action"
+                            :label="$t('btnText.operation')"
+                            width="180">
+                            <template #default="scope">
+                                <el-button
+                                    text
+                                    @click="handleEditKl(scope.row)">
+                                    {{ $t('btnText.edit') }}
+                                </el-button>
+                            </template>
+                        </el-table-column>
+                        </el-table>
+                        <!-- <el-pagination
+                        v-if="fileTableList.data?.length > 0"
+                        v-model:current-page="currentPage"
+                        v-model:page-size="currentPageSize"
+                        :page-sizes="pagination.pageSizes"
+                        :layout="pagination.layout"
+                        :total="totalCount"
+                        popper-class="kbLibraryPage"
+                        @change="handleChangePage" /> -->
+                    </div>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+    </div>
+</template>
+<script lang="ts" setup>
+import UserHeaderBar from '@/components/UserHeaderBar/index.vue';
+import CustomLoading from '@/components/CustomLoading/index.vue';
+import "@/styles/group.scss"
+import {groupList} from './data.js'
+import {
+  IconList,
+  IconSearch,
+  IconThumbnail,
+} from '@computing/opendesign-icons';
+import { ref } from 'vue';
+import { debounce } from 'lodash';
+import router from '@/router/index';
+import { useGroupStore } from '@/store/modules/group.js';
+
+const { navGroup } =  storeToRefs(useGroupStore());
+
+const groupTabs=[
+    {
+        name:'我创建的',
+        key:'create',
+    },
+    {
+        name:'我加入的',
+        key:'join',
+    },
+    {
+        name:'全部团队',
+        key:'all',
+    },
+]
+const switchIcon = ref('thumb');
+const knoledgekeyWord = ref();
+
+const handleInputSearch = debounce((e) => {
+}, 200);
+
+const handleSwitch = (switchType: string) => {
+  switchIcon.value = switchType;
+};
+const handleToGroup=(row:any)=>{
+    let groupNav = navGroup.value;
+    groupNav[1]={
+        name:row.name,
+        path:'/groupInfo',
+        query:{
+            name:row.name
+        }}
+    router.push({path:`/groupInfo`,query:{name:row.name}});
+}
+const handleEditKl=(row:any)=>{
+}
+
+</script>
+
diff --git a/src/views/knowledgeFile/documentInfo.vue b/src/views/knowledgeFile/documentInfo.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a53c436faf00934257a2c227b9144bc0cdc53437
--- /dev/null
+++ b/src/views/knowledgeFile/documentInfo.vue
@@ -0,0 +1,31 @@
+<template>
+    <GroupLayout>
+      <!-- 知识库内容 -->
+      <template v-slot:default>
+        <div v-show="groupMenu === 'knowledge'">
+          <div class="library-info-title">{{ navGroup[3].name }}</div>
+          <el-tabs v-model="activeName" class="library-info-tabs" @tab-click="handleTabClick">
+            <el-tab-pane label="文档信息" name="documentInfo">
+              <knowledgeFileSection />
+            </el-tab-pane>
+            <el-tab-pane label="日志" name="log">log</el-tab-pane>
+          </el-tabs>
+        </div>
+      </template>
+    </GroupLayout>
+  </template>
+  
+  <script setup lang="ts">
+  import { useGroupStore } from "@/store/modules/group";
+  import knowledgeFileSection from "@/views/knowledgeFileSection/index.vue"
+  import GroupLayout from "@/components/GroupLayout/index.vue"
+  import { storeToRefs } from "pinia";
+  import "@/styles/libraryInfo.scss"
+  const { navGroup, groupMenu } = storeToRefs(useGroupStore());
+  
+  let activeName = ref('documentInfo')
+  
+  const handleTabClick = (tab: any, event: any) => { }
+  
+  
+  </script>
\ No newline at end of file
diff --git a/src/views/knowledgeFile/index.vue b/src/views/knowledgeFile/index.vue
index 16616b2ab04f953b4c29e411c599baabdeb05a85..c8e593883cb19f68dca46656913de51917eca57d 100644
--- a/src/views/knowledgeFile/index.vue
+++ b/src/views/knowledgeFile/index.vue
@@ -1,68 +1,19 @@
 <template>
-  <div class="page-platform-header">
-    <HeaderBar />
-  </div>
-  <CustomLoading :loading="loading" />
   <div class="kf-container">
-    <div class="kf-container-top">
-      <div class="kf-left-menu">
-        <el-link
-          @click="handleJumpHome"
-          type="primary"
-          target="_blank"
-          class="home-menu"
-          :underline="false">
-          {{ $t('btnText.homePage') }}
-        </el-link>
-        <div>/</div>
-        <div class="kf-name">
-          <TextTooltip :content="kbInfo.name" />
-        </div>
-      </div>
-      <div class="kf-right-title">
-        {{ menuType === MenuType.KL_FILE ? $t('btnText.assetDocList') : $t('btnText.configInfo') }}
-      </div>
-    </div>
     <div class="kf-container-action">
-      <div class="kf-container-left">
-        <div
-          class="kf-file-btn"
-          :class="menuType === MenuType.KL_FILE ? 'kf-ops-btn' : ''"
-          @click="handleChangeMenu(MenuType.KL_FILE)">
-          {{ $t('btnText.assetDocList') }}
-        </div>
-        <div
-          class="kf-file-config"
-          :class="menuType === MenuType.KL_CONFIG ? 'kf-ops-btn' : ''"
-          @click="handleChangeMenu(MenuType.KL_CONFIG)">
-          {{ $t('btnText.configInfo') }}
-        </div>
-      </div>
-      <div
-        class="kf-container-right"
-        v-if="menuType === MenuType.KL_FILE">
+      <div class="kf-container-right" v-if="menuType === MenuType.KL_FILE">
         <div class="kf-container-table-ops">
-          <el-button
-            type="primary"
-            style="margin-right: 24px"
-            @click="handleImportKnowledge"
-            class="importFileBtn">
+          <el-button type="primary" style="margin-right: 24px" @click="handleImportKnowledge" class="importFileBtn">
             {{ $t('btnText.importFile') }}
           </el-button>
-          <el-dropdown
-            placement="bottom"
-            popper-class="dropdown-container kf-ops-dowlon"
+          <el-dropdown placement="bottom" popper-class="dropdown-container kf-ops-dowlon"
             @visible-change="handleBatchDownBth">
             <el-button :class="batchDownBth ? 'upBtn' : 'downBtn'">
               {{ $t('btnText.batchDown') }}
-              <el-icon
-                class="el-icon--right"
-                v-if="!batchDownBth">
+              <el-icon class="el-icon--right" v-if="!batchDownBth">
                 <IconCaretDown />
               </el-icon>
-              <el-icon
-                class="el-icon--right el-icon--caretup"
-                v-if="batchDownBth">
+              <el-icon class="el-icon--right el-icon--caretup" v-if="batchDownBth">
                 <IconCaretUp />
               </el-icon>
             </el-button>
@@ -71,118 +22,67 @@
                 <el-dropdown-item @click="handleDownloadFile(fileTableList.data)">
                   {{ $t('btnText.downloadAll') }}
                 </el-dropdown-item>
-                <el-dropdown-item
-                  :disabled="!(selectionFileData.length > 0)"
+                <el-dropdown-item :disabled="!(selectionFileData.length > 0)"
                   @click="handleDownloadFile(selectionFileData)">
                   {{ $t('btnText.downloadChoose') }}
                 </el-dropdown-item>
               </el-dropdown-menu>
             </template>
           </el-dropdown>
-          <el-button
-            class="delFileBtn"
-            :disabled="!(selectionFileData.length > 0)"
-            @click="handleSelectRunKl">
+          <el-button class="delFileBtn" :disabled="!(selectionFileData.length > 0)" @click="handleSelectRunKl">
             {{ $t('btnText.analytic') }}
           </el-button>
-          <el-button
-            class="delFileBtn cancelBtn"
-            :disabled="!(selectionFileData.length > 0)"
+          <el-button class="delFileBtn cancelBtn" :disabled="!(selectionFileData.length > 0)"
             @click="handleSelectDeleteKl">
             {{ $t('btnText.delete') }}
           </el-button>
         </div>
         <div class="kf-container-table-box">
-          <el-table
-            :data="fileTableList.data"
-            class="fileTableContainer"
-            cell-calss-name="tableCell"
-            :row-key="(row) => row.id"
-            @selection-change="handleSelectionChange"
-            @sort-change="handleSortChange"
-            ref="multipleTable"
-            :border="true">
-            <el-table-column
-              type="selection"
-              :fixed="true"
-              class-name="kl-selection"
-              width="35"
+          <el-table :data="fileTableList.data" class="fileTableContainer" cell-calss-name="tableCell"
+            :row-key="(row) => row.id" @selection-change="handleSelectionChange" @sort-change="handleSortChange"
+            ref="multipleTable" v-loading="loading" :border="true">
+            <el-table-column type="selection" :fixed="true" class-name="kl-selection" width="35"
               :reserve-selection="true" />
-            <el-table-column
-              prop="name"
-              :label="$t('assetFile.docName')"
-              show-overflow-tooltip
-              :fixed="true"
-              class-name="kl-name"
-              min-width="150">
+            <el-table-column prop="name" :label="$t('assetFile.docName')" show-overflow-tooltip :fixed="true"
+              class-name="kl-name" min-width="150">
               <template #header>
                 <div class="custom-header">
                   <span>{{ $t('assetFile.docName') }}</span>
-                  <el-icon
-                    ref="inputSearchRef"
-                    :class="
-                      searchPayload?.name?.length > 0 || fileFilterVisible
-                        ? 'searchIconIsActive'
-                        : ''
+                  <el-icon ref="inputSearchRef" :class="searchPayload?.name?.length > 0 || fileFilterVisible
+                      ? 'searchIconIsActive'
+                      : ''
                     ">
                     <IconSearch />
                   </el-icon>
-                  <el-popover
-                    ref="popoverRef"
-                    v-model:visible="fileFilterVisible"
-                    popper-class="inputSearchFilterPopper"
-                    placement="bottom-start"
-                    :virtual-ref="inputSearchRef"
-                    :show-arrow="false"
-                    trigger="click"
-                    virtual-triggering>
-                    <FilterContainr
-                      filterType="input"
-                      v-model:serachName="searchPayload.name"
-                      :hanldeSearhNameFilter="hanldeSearhNameFilter"
-                      :searchPayload="searchPayload" />
+                  <el-popover ref="popoverRef" v-model:visible="fileFilterVisible"
+                    popper-class="inputSearchFilterPopper" placement="bottom-start" :virtual-ref="inputSearchRef"
+                    :show-arrow="false" trigger="click" virtual-triggering>
+                    <FilterContainr filterType="input" v-model:serachName="searchPayload.name"
+                      :hanldeSearhNameFilter="hanldeSearhNameFilter" :searchPayload="searchPayload" />
                   </el-popover>
                 </div>
               </template>
               <template #default="scope">
-                <span
-                  class="kf-name-row"
-                  @click="handleJumpFileSection(scope.row)">
+                <span class="kf-name-row" @click="handleJumpFileSection(scope.row)">
                   {{ scope.row.name }}
                 </span>
               </template>
             </el-table-column>
-            <el-table-column
-              prop="document_type"
-              :label="$t('assetFile.category')"
-              width="150"
-              show-overflow-tooltip>
+            <el-table-column prop="document_type" :label="$t('assetFile.category')" width="150" show-overflow-tooltip>
               <template #header>
                 <div class="custom-header">
                   <span>{{ $t('assetFile.category') }}</span>
-                  <el-icon
-                    ref="buttonRef"
-                    :class="
-                      searchPayload?.document_type_list?.length > 0 || categoryFilterVisible
-                        ? 'searchIconIsActive'
-                        : ''
+                  <el-icon ref="buttonRef" :class="searchPayload?.document_type_list?.length > 0 || categoryFilterVisible
+                      ? 'searchIconIsActive'
+                      : ''
                     ">
                     <IconFilter />
                   </el-icon>
-                  <el-popover
-                    ref="popoverRef"
-                    v-model:visible="categoryFilterVisible"
-                    popper-class="filterPopper"
-                    placement="bottom-start"
-                    :virtual-ref="buttonRef"
-                    :show-arrow="false"
-                    trigger="click"
+                  <el-popover ref="popoverRef" v-model:visible="categoryFilterVisible" popper-class="filterPopper"
+                    placement="bottom-start" :virtual-ref="buttonRef" :show-arrow="false" trigger="click"
                     virtual-triggering>
-                    <FilterContainr
-                      filterType="checkBox"
-                      :handelSubFilterProper="handelCategoryFilterProper"
-                      :filterList="filterCategoryList"
-                      :checkedFilterList="checkedFilterList" />
+                    <FilterContainr filterType="checkBox" :handelSubFilterProper="handelCategoryFilterProper"
+                      :filterList="filterCategoryList" :checkedFilterList="checkedFilterList" />
                   </el-popover>
                 </div>
               </template>
@@ -190,49 +90,22 @@
                 <span>{{ scope.row.document_type.type }}</span>
               </template>
             </el-table-column>
-            <el-table-column
-              prop="chunk_size"
-              :label="$t('assetFile.chunkSize')"
-              sortable
-              width="120" />
-            <el-table-column
-              prop="created_time"
-              class-name="upload-time-cell"
-              sortable
-              :label="$t('assetFile.uploadTime')"
-              width="200"
-              @click.stop>
+            <el-table-column prop="chunk_size" :label="$t('assetFile.chunkSize')" sortable width="120" />
+            <el-table-column prop="created_time" class-name="upload-time-cell" sortable
+              :label="$t('assetFile.uploadTime')" width="200" @click.stop>
               <template #header>
                 <div class="custom-header">
                   <span>{{ $t('assetFile.uploadTime') }}</span>
-                  <el-date-picker
-                    popper-class="datetimerangeClass"
-                    placement="bottom"
-                    class="timer-picker"
-                    v-model="created_time"
-                    type="datetimerange"
-                    :teleported="true"
-                    :shortcuts="shortcuts"
-                    start-placeholder="开始时间"
-                    end-placeholder="结束时间"
-                    time-format="HH:mm"
-                    :unlink-panels="true"
-                    @change="handleTimeChange"
-                    ref="tiemPick"
-                    @visible-change="handleVisibleChange" />
-                  <el-popover
-                    :visible="timeFilterVisible"
-                    popper-class="filterPopper timeFilterPo"
-                    placement="bottom-start"
-                    :show-arrow="false">
+                  <el-date-picker popper-class="datetimerangeClass" placement="bottom" class="timer-picker"
+                    v-model="created_time" type="datetimerange" :teleported="true" :shortcuts="shortcuts"
+                    start-placeholder="开始时间" end-placeholder="结束时间" time-format="HH:mm" :unlink-panels="true"
+                    @change="handleTimeChange" ref="tiemPick" @visible-change="handleVisibleChange" />
+                  <el-popover :visible="timeFilterVisible" popper-class="filterPopper timeFilterPo"
+                    placement="bottom-start" :show-arrow="false">
                     <template #reference>
-                      <el-icon
-                        @click="handeDatePickerShow"
-                        @click.stop
-                        :class="
-                          searchPayload?.created_time_start?.length > 0 || timeFilterVisible
-                            ? 'searchIconIsActive'
-                            : ''
+                      <el-icon @click="handeDatePickerShow" @click.stop :class="searchPayload?.created_time_start?.length > 0 || timeFilterVisible
+                          ? 'searchIconIsActive'
+                          : ''
                         ">
                         <IconFilter />
                       </el-icon>
@@ -244,80 +117,49 @@
                 <span>{{ convertUTCToLocalTime(scope.row.created_time) }}</span>
               </template>
             </el-table-column>
-            <el-table-column
-              prop="status"
-              :label="$t('assetFile.analyticStatus')"
-              width="220">
+            <el-table-column prop="status" :label="$t('assetFile.analyticStatus')" width="220">
               <template #header>
                 <div class="custom-header">
                   <span>{{ $t('assetFile.analyticStatus') }}</span>
-                  <el-icon
-                    ref="statusRef"
-                    @click.stop
-                    :class="
-                      searchPayload?.status?.length > 0 || statusFilterVisible
-                        ? 'searchIconIsActive'
-                        : ''
+                  <el-icon ref="statusRef" @click.stop :class="searchPayload?.status?.length > 0 || statusFilterVisible
+                      ? 'searchIconIsActive'
+                      : ''
                     ">
                     <IconFilter />
                   </el-icon>
-                  <el-popover
-                    ref="popoverRef"
-                    v-model:visible="statusFilterVisible"
-                    popper-class="filterPopper"
-                    placement="bottom-start"
-                    :virtual-ref="statusRef"
-                    :show-arrow="false"
-                    trigger="click"
+                  <el-popover ref="popoverRef" v-model:visible="statusFilterVisible" popper-class="filterPopper"
+                    placement="bottom-start" :virtual-ref="statusRef" :show-arrow="false" trigger="click"
                     virtual-triggering>
-                    <FilterContainr
-                      filterType="checkBox"
-                      :filterList="filterStatusList"
-                      :handelSubFilterProper="handelStatusFilterProper"
-                      :checkedFilterList="checkedFilterList" />
+                    <FilterContainr filterType="checkBox" :filterList="filterStatusList"
+                      :handelSubFilterProper="handelStatusFilterProper" :checkedFilterList="checkedFilterList" />
                   </el-popover>
                 </div>
               </template>
               <template #default="scope">
-                <div
-                  v-if="scope.row.task.status === StatusEnum.FAIL"
-                  class="statusFail">
+                <div v-if="scope.row.task.status === StatusEnum.FAIL" class="statusFail">
                   {{ $t('assetFile.status.analyticFail') }}
                 </div>
-                <div
-                  v-if="scope.row.task.status === StatusEnum.SUCCESS"
-                  class="statusSuccess">
+                <div v-if="scope.row.task.status === StatusEnum.SUCCESS" class="statusSuccess">
                   {{ $t('assetFile.status.analyticSucces') }}
                 </div>
-                <div
-                  v-if="scope.row.task.status === StatusEnum.CANCEL"
-                  class="statusCancel">
+                <div v-if="scope.row.task.status === StatusEnum.CANCEL" class="statusCancel">
                   {{ $t('assetFile.status.cancelAnalytic') }}
                 </div>
-                <div
-                  v-if="scope.row.task.status === StatusEnum.ANALYSIS_ING"
-                  class="statusWaitIng">
+                <div v-if="scope.row.task.status === StatusEnum.ANALYSIS_ING" class="statusWaitIng">
                   <div class="icon-box icon-loading"></div>
                   {{ $t('assetFile.status.analyticWaitIng') }}
                 </div>
-                <div
-                  class="statusAnalysis"
-                  v-if="scope.row.task.status === StatusEnum.RUNNING">
+                <div class="statusAnalysis" v-if="scope.row.task.status === StatusEnum.RUNNING">
                   <div class="percent-box">
-                    <el-progress
-                      :percentage="
-                        scope.row.task?.reports?.[0]?.current_stage &&
+                    <el-progress :percentage="scope.row.task?.reports?.[0]?.current_stage &&
                         scope.row.task?.reports?.[0]?.stage_cnt
-                          ? Math.floor(
-                              ((scope.row.task?.reports?.[0]?.current_stage || 0) /
-                                (scope.row.task?.reports?.[0]?.stage_cnt || 0)) *
-                                100
-                            )
-                          : 0
-                      "
-                      :color="customColor"
-                      striped
-                      striped-flow />
+                        ? Math.floor(
+                          ((scope.row.task?.reports?.[0]?.current_stage || 0) /
+                            (scope.row.task?.reports?.[0]?.stage_cnt || 0)) *
+                          100
+                        )
+                        : 0
+                      " :color="customColor" striped striped-flow />
                   </div>
                   <div class="statusAnalysisText">
                     {{ $t('assetFile.status.analyticIng') }}
@@ -325,189 +167,107 @@
                 </div>
               </template>
             </el-table-column>
-            <el-table-column
-              prop="parser_method"
-              :label="$t('assetFile.parsingMethod')"
-              width="150"
+            <el-table-column prop="parser_method" :label="$t('assetFile.parsingMethod')" width="150"
               show-overflow-tooltip>
               <template #header>
                 <div class="custom-header">
                   <span>{{ $t('assetFile.parsingMethod') }}</span>
-                  <el-icon
-                    ref="parserMethodRef"
-                    :class="
-                      searchPayload?.parser_method?.length > 0 || parserMethodVisible
-                        ? 'searchIconIsActive'
-                        : ''
+                  <el-icon ref="parserMethodRef" :class="searchPayload?.parser_method?.length > 0 || parserMethodVisible
+                      ? 'searchIconIsActive'
+                      : ''
                     ">
                     <IconFilter />
                   </el-icon>
-                  <el-popover
-                    ref="popoverRef"
-                    v-model:visible="parserMethodVisible"
-                    popper-class="filterPopper"
-                    placement="bottom-start"
-                    :virtual-ref="parserMethodRef"
-                    :show-arrow="false"
-                    trigger="click"
+                  <el-popover ref="popoverRef" v-model:visible="parserMethodVisible" popper-class="filterPopper"
+                    placement="bottom-start" :virtual-ref="parserMethodRef" :show-arrow="false" trigger="click"
                     virtual-triggering>
-                    <FilterContainr
-                      filterType="checkBox"
-                      :handelSubFilterProper="handelParserMethodFilterProper"
-                      :filterList="parserMethodOptions"
-                      :checkedFilterList="checkedFilterList" />
+                    <FilterContainr filterType="checkBox" :handelSubFilterProper="handelParserMethodFilterProper"
+                      :filterList="parserMethodOptions" :checkedFilterList="checkedFilterList" />
                   </el-popover>
                 </div>
               </template>
             </el-table-column>
-            <el-table-column
-              prop="status"
-              :label="$t('assetFile.parsingComTime')"
-              width="200">
+            <el-table-column prop="status" :label="$t('assetFile.parsingComTime')" width="200">
               <template #default="scope">
                 <div>
                   {{
                     scope?.row?.task?.status === 'success' &&
-                    scope?.row?.task?.reports?.[0]?.create_time
+                      scope?.row?.task?.reports?.[0]?.create_time
                       ? convertUTCToLocalTime(scope?.row?.task?.reports?.[0]?.create_time)
                       : '--'
                   }}
                 </div>
               </template>
             </el-table-column>
-            <el-table-column
-              prop="enabled"
-              :label="$t('btnText.enable')"
-              width="120">
+            <el-table-column prop="enabled" :label="$t('btnText.enable')" width="120">
               <template #header>
                 <div class="custom-header">
                   <span>{{ $t('btnText.enable') }}</span>
-                  <el-icon
-                    ref="enableRef"
-                    @click.stop
-                    :class="
-                      searchPayload?.enabled?.length > 0 || enableFilterVisible
-                        ? 'searchIconIsActive'
-                        : ''
+                  <el-icon ref="enableRef" @click.stop :class="searchPayload?.enabled?.length > 0 || enableFilterVisible
+                      ? 'searchIconIsActive'
+                      : ''
                     ">
                     <IconFilter />
                   </el-icon>
-                  <el-popover
-                    ref="popoverRef"
-                    v-model:visible="enableFilterVisible"
-                    popper-class="filterPopper"
-                    placement="bottom-start"
-                    :virtual-ref="enableRef"
-                    :show-arrow="false"
-                    trigger="click"
+                  <el-popover ref="popoverRef" v-model:visible="enableFilterVisible" popper-class="filterPopper"
+                    placement="bottom-start" :virtual-ref="enableRef" :show-arrow="false" trigger="click"
                     virtual-triggering>
-                    <FilterContainr
-                      :filterList="filterEnableList"
-                      filterType="checkBox"
-                      :handelSubFilterProper="handelEnableFilterProper"
-                      :checkedFilterList="checkedFilterList" />
+                    <FilterContainr :filterList="filterEnableList" filterType="checkBox"
+                      :handelSubFilterProper="handelEnableFilterProper" :checkedFilterList="checkedFilterList" />
                   </el-popover>
                 </div>
               </template>
               <template #default="scope">
-                <el-switch
-                  v-model:model-value="scope.row.enabled"
-                  @change="handleSwitch(scope.row)"
+                <el-switch v-model:model-value="scope.row.enabled" @change="handleSwitch(scope.row)"
                   style="--el-switch-on-color: #24ab36; --el-switch-off-color: #c3cedf" />
               </template>
             </el-table-column>
-            <el-table-column
-              prop="action"
-              :label="$t('btnText.operation')"
-              width="220"
-              fixed="right">
+            <el-table-column prop="action" :label="$t('btnText.operation')" width="220" fixed="right">
               <template #default="scope">
-                <el-button
-                  v-if="scope.row.status === StatusEnum.RUNNING"
-                  text
+                <el-button v-if="scope.row.status === StatusEnum.RUNNING" text
                   @click="handleRunKl(scope.row, 'cancel')">
                   {{ $t('btnText.cancel') }}
                 </el-button>
-                <el-button
-                  v-if="
-                    [
-                      StatusEnum.FAIL,
-                      StatusEnum.CANCEL,
-                      StatusEnum.ANALYSIS_ING,
-                      StatusEnum.SUCCESS,
-                    ].includes(scope.row.status)
-                  "
-                  text
-                  @click="handleRunKl(scope.row, 'run')">
+                <el-button v-if="
+                  [
+                    StatusEnum.FAIL,
+                    StatusEnum.CANCEL,
+                    StatusEnum.ANALYSIS_ING,
+                    StatusEnum.SUCCESS,
+                  ].includes(scope.row.status)
+                " text @click="handleRunKl(scope.row, 'run')">
                   {{ $t('btnText.analytic') }}
                 </el-button>
-                <el-button
-                  text
-                  :disabled="scope.row.status === StatusEnum.RUNNING"
-                  @click="handleEditKl(scope.row)">
+                <el-button text :disabled="scope.row.status === StatusEnum.RUNNING" @click="handleEditKl(scope.row)">
                   {{ $t('btnText.edit') }}
                 </el-button>
-                <el-button
-                  text
-                  @click="handleDownloadFile([scope.row])">
+                <el-button text @click="handleDownloadFile([scope.row])">
                   {{ $t('btnText.download') }}
                 </el-button>
-                <el-button
-                  :disabled="scope.row.status === StatusEnum.RUNNING"
-                  text
-                  @click="handleDeleteKl(scope.row)">
+                <el-button :disabled="scope.row.status === StatusEnum.RUNNING" text @click="handleDeleteKl(scope.row)">
                   {{ $t('btnText.delete') }}
                 </el-button>
               </template>
             </el-table-column>
           </el-table>
-          <el-pagination
-            v-if="fileTableList.data?.length > 0"
-            v-model:current-page="currentPage"
-            v-model:page-size="currentPageSize"
-            :page-sizes="pagination.pageSizes"
-            :layout="pagination.layout"
-            :total="totalCount"
-            popper-class="kbLibraryPage"
-            @change="handleChangePage" />
+          <el-pagination v-if="fileTableList.data?.length > 0" v-model:current-page="currentPage"
+            v-model:page-size="currentPageSize" :page-sizes="pagination.pageSizes" :layout="pagination.layout"
+            :total="totalCount" popper-class="kbLibraryPage" @change="handleChangePage" />
         </div>
       </div>
-      <div
-        class="kf-container-right kf-container-form"
-        v-if="menuType === MenuType.KL_CONFIG">
-        <KnowledgeForm
-          :configInfo="true"
-          :formData="kbInfo"
-          :handleQueryKbData="handleQueryKbData" />
+      <div class="kf-container-right kf-container-form" v-if="menuType === MenuType.KL_CONFIG">
+        <KnowledgeForm :configInfo="true" :formData="kbInfo" :handleQueryKbData="handleQueryKbData" />
       </div>
     </div>
   </div>
-  <el-dialog
-    v-model="dialogImportVisible"
-    class="upload-dialog"
-    align-center
-    :title="$t('btnText.importFile')">
-    <Upload
-      :singleFileLimit="true"
-      :singleFileSize="0.05"
-      :tipText="$t('dialogTipText.fileAllFormat')"
-      accept=".md,.xlsx,.pdf,.doc,.docx,.txt,.pptx,.html"
-      :maxFileNum="128"
-      :maxSize="0.488"
-      :handleUploadMyFile="handleUploadMyFile"
-      :handleQueryTaskList="handleQueryTaskList"
-      :handleCancelVisible="handleCancelVisible"
-      :taskList="taskList"
-      :taskListImportDate="taskListImportDate"
-      :toggleUploadNotify="toggleUploadNotify"
-      :handleImportLoading="handleImportLoading"
-      uploadType="file" />
+  <el-dialog v-model="dialogImportVisible" class="upload-dialog" align-center :title="$t('btnText.importFile')">
+    <Upload :singleFileLimit="true" :singleFileSize="0.05" :tipText="$t('dialogTipText.fileAllFormat')"
+      accept=".md,.xlsx,.pdf,.doc,.docx,.txt,.pptx,.html" :maxFileNum="128" :maxSize="0.488"
+      :handleUploadMyFile="handleUploadMyFile" :handleQueryTaskList="handleQueryTaskList"
+      :handleCancelVisible="handleCancelVisible" :taskList="taskList" :taskListImportDate="taskListImportDate"
+      :toggleUploadNotify="toggleUploadNotify" :handleImportLoading="handleImportLoading" uploadType="file" />
   </el-dialog>
-  <el-dialog
-    align-center
-    v-model="cancelTipVisible"
-    class="tip-dialog"
-    width="432"
+  <el-dialog align-center v-model="cancelTipVisible" class="tip-dialog" width="432"
     :title="$t('dialogTipText.tipsText')">
     <div class="delTip">
       <span class="iconAlarmOrange">
@@ -516,25 +276,15 @@
       {{ $t('dialogTipText.confirmCancelAnalytic') }}
     </div>
     <div class="tip-ops-btn">
-      <el-button
-        class="resetBtn"
-        @click="handleConfirmFileAnalytic">
+      <el-button class="resetBtn" @click="handleConfirmFileAnalytic">
         {{ $t('btnText.confirm') }}
       </el-button>
-      <el-button
-        type="primary"
-        class="resetBtn cancelBtn"
-        @click="handleCancelVisible">
+      <el-button type="primary" class="resetBtn cancelBtn" @click="handleCancelVisible">
         {{ $t('btnText.cancel') }}
       </el-button>
     </div>
   </el-dialog>
-  <el-dialog
-    align-center
-    v-model="delTipVisible"
-    class="tip-dialog"
-    width="400"
-    :title="$t('dialogTipText.tipsText')">
+  <el-dialog align-center v-model="delTipVisible" class="tip-dialog" width="400" :title="$t('dialogTipText.tipsText')">
     <div class="delTip">
       <span class="iconAlarmOrange">
         <IconAlarmOrange />
@@ -552,24 +302,15 @@
       </span>
     </div>
     <div class="tip-ops-btn">
-      <el-button
-        class="resetBtn"
-        type="primary"
-        @click="handleConfirmDleSingle(opsItem)">
+      <el-button class="resetBtn" type="primary" @click="handleConfirmDleSingle(opsItem)">
         {{ $t('btnText.confirm') }}
       </el-button>
-      <el-button
-        class="resetBtn cancelBtn"
-        @click="handleCancelVisible">
+      <el-button class="resetBtn cancelBtn" @click="handleCancelVisible">
         {{ $t('btnText.cancel') }}
       </el-button>
     </div>
   </el-dialog>
-  <el-dialog
-    align-center
-    v-model="delSelectTipVisible"
-    class="tip-dialog"
-    width="400"
+  <el-dialog align-center v-model="delSelectTipVisible" class="tip-dialog" width="400"
     :title="$t('dialogTipText.tipsText')">
     <div class="delTip">
       <span class="iconAlarmOrange">
@@ -580,82 +321,35 @@
       </span>
     </div>
     <div class="tip-ops-btn">
-      <el-button
-        class="resetBtn"
-        type="primary"
-        @click="handleConfirmDleSelected">
+      <el-button class="resetBtn" type="primary" @click="handleConfirmDleSelected">
         {{ $t('btnText.confirm') }}
       </el-button>
-      <el-button
-        class="resetBtn cancelBtn"
-        @click="handleCancelVisible">
+      <el-button class="resetBtn cancelBtn" @click="handleCancelVisible">
         {{ $t('btnText.cancel') }}
       </el-button>
     </div>
   </el-dialog>
-  <el-dialog
-    v-if="dialogEditVisible"
-    v-model="dialogEditVisible"
-    class="edit-dialog"
-    align-center
-    width="560"
+  <el-dialog v-if="dialogEditVisible" v-model="dialogEditVisible" class="edit-dialog" align-center width="560"
     :title="$t('dialogTipText.eidtFile')">
-    <el-form
-      ref="ruleFormRef"
-      style="max-width: 600px"
-      :model="ruleForm"
-      :rules="rules"
-      label-width="116"
-      class="kl-ruleForm kf-ruleForm"
-      label-position="left">
-      <el-form-item
-        :label="$t('assetFile.docName')"
-        prop="name"
-        class="docName">
-        <el-input
-          v-model="ruleForm.name"
-          :placeholder="$t('assetLibrary.message.pleasePlace')" />
+    <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="116"
+      class="kl-ruleForm kf-ruleForm" label-position="left">
+      <el-form-item :label="$t('assetFile.docName')" prop="name" class="docName">
+        <el-input v-model="ruleForm.name" :placeholder="$t('assetLibrary.message.pleasePlace')" />
       </el-form-item>
-      <el-form-item
-        :label="$t('assetLibrary.analyticMethod')"
-        prop="parser_method">
-        <el-select
-          v-model="ruleForm.parser_method"
-          :placeholder="$t('assetLibrary.message.pleaseChoose')"
-          :teleported="false"
-          :suffix-icon="IconCaretDown">
-          <el-option
-            v-for="item in parserMethodOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value" />
+      <el-form-item :label="$t('assetLibrary.analyticMethod')" prop="parser_method">
+        <el-select v-model="ruleForm.parser_method" :placeholder="$t('assetLibrary.message.pleaseChoose')"
+          :teleported="false" :suffix-icon="IconCaretDown">
+          <el-option v-for="item in parserMethodOptions" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
-      <el-form-item
-        :label="$t('assetFile.category')"
-        prop="type_id">
-        <el-select
-          v-model="ruleForm.type_id"
-          popper-class="docTypeClass"
-          :placeholder="$t('assetLibrary.message.pleaseChoose')"
-          :suffix-icon="IconCaretDown"
-          :teleported="false">
-          <el-option
-            v-for="item in filterCategoryList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value" />
+      <el-form-item :label="$t('assetFile.category')" prop="type_id">
+        <el-select v-model="ruleForm.type_id" popper-class="docTypeClass"
+          :placeholder="$t('assetLibrary.message.pleaseChoose')" :suffix-icon="IconCaretDown" :teleported="false">
+          <el-option v-for="item in filterCategoryList" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
-      <el-form-item
-        :label="$t('assetLibrary.fileChunkSize')"
-        prop="szie"
-        class="fileChunkSize">
-        <el-input-number
-          class="config-size"
-          v-model="ruleForm.chunk_size"
-          :min="512"
-          :max="1024" />
+      <el-form-item :label="$t('assetLibrary.fileChunkSize')" prop="szie" class="fileChunkSize">
+        <el-input-number class="config-size" v-model="ruleForm.chunk_size" :min="512" :max="1024" />
         <span class="form-right-tip">（512~1024）</span>
         <div class="editTip">
           <span class="iconAlarmOrange">
@@ -665,31 +359,20 @@
         </div>
       </el-form-item>
       <el-form-item class="kl-ops-btn">
-        <el-button
-          class="resetBtn"
-          type="primary"
-          :disabled="isSubmitDisabled"
-          @click="submitForm(ruleFormRef)">
+        <el-button class="resetBtn" type="primary" :disabled="isSubmitDisabled" @click="submitForm(ruleFormRef)">
           {{ $t('btnText.confirm') }}
         </el-button>
-        <el-button
-          class="resetBtn cancelBtn"
-          @click="handleCancelVisible()">
+        <el-button class="resetBtn cancelBtn" @click="handleCancelVisible()">
           {{ $t('btnText.cancel') }}
         </el-button>
       </el-form-item>
     </el-form>
   </el-dialog>
-  <UploadProgress
-    :isKnowledgeFileUpload="true"
-    :showUploadNotify="uploadTaskListData.showUploadNotify"
-    :uploadingList="uploadTaskListData.uploadingList"
-    :showTaskList="uploadTaskListData.showTaskList"
+  <UploadProgress :isKnowledgeFileUpload="true" :showUploadNotify="uploadTaskListData.showUploadNotify"
+    :uploadingList="uploadTaskListData.uploadingList" :showTaskList="uploadTaskListData.showTaskList"
     :handleShowTaskList="uploadTaskListData.handleShowTaskList"
-    :handleUploadRestart="uploadTaskListData.handleUploadRestart"
-    :taskListImportDate="taskListImportDate"
-    :importTaskTotal="importTaskTotal"
-    :isShowAllClear="false" />
+    :handleUploadRestart="uploadTaskListData.handleUploadRestart" :taskListImportDate="taskListImportDate"
+    :importTaskTotal="importTaskTotal" :isShowAllClear="false" />
 </template>
 <script setup lang="ts">
 import HeaderBar from '@/components/UserHeaderBar/headerCom.vue';
@@ -717,6 +400,8 @@ import CustomLoading from '@/components/CustomLoading/index.vue';
 import { convertUTCToLocalTime, uTCToLocalTime } from '@/utils/convertUTCToLocalTime';
 
 import { FileForm, DocumentType } from './fileConfig';
+import router from '@/router';
+import { useGroupStore } from '@/store/modules/group';
 
 const route = useRoute();
 const dialogImportVisible = ref(false);
@@ -1046,12 +731,27 @@ const hanldeSearhNameFilter = (filterName: string) => {
   searchPayload.value.name = filterName;
   handleSearchData();
 };
-
+const groupStore = useGroupStore();
+const { navGroup } = storeToRefs(groupStore);
 const handleJumpFileSection = (row: any) => {
-  window.open(
-    `${window.origin}/witchaind/#/knowledge/fileSection?kb_id=${route.query.kb_id}&file_id=${row.id}`,
-    '_self'
-  );
+
+  let groupNav = navGroup.value;
+  groupNav[3] = {
+    name: row.name,
+    path: '/documentInfo',
+    query: {
+      kb_id: route.query.kb_id,
+      file_id: row.id
+    }
+  }
+  router.push({
+    path: '/documentInfo',
+    query: {
+      kb_id: route.query.kb_id,
+      file_id: row.id
+    }
+  })
+
 };
 
 const handleSearchData = () => {
@@ -1346,8 +1046,8 @@ const handleSortChange = (data: { column: any; prop: string; order: any }) => {
   let sortValue = data.order ? (data.order === 'ascending' ? 'asc' : 'desc') : null;
   sortFilter.value = sortValue
     ? {
-        [sortKey]: sortValue,
-      }
+      [sortKey]: sortValue,
+    }
     : {};
   handleSearchOpsData(true, true);
 };
diff --git a/src/views/knowledgeFileSection/index.vue b/src/views/knowledgeFileSection/index.vue
index 80e32c9ec0e0c07176f37ce1310d6e7a608858fe..1033369d1d3d6c3c650eb2b4b789614aa626edd8 100644
--- a/src/views/knowledgeFileSection/index.vue
+++ b/src/views/knowledgeFileSection/index.vue
@@ -1,35 +1,7 @@
 <template>
-  <div class="page-platform-header">
-    <HeaderBar />
-  </div>
   <CustomLoading :loading="loading" />
 
   <div class="kf-section-container">
-    <div class="kf-section-container-top">
-      <div class="kf-section-left-menu">
-        <el-link
-          type="primary"
-          target="_blank"
-          class="home-menu"
-          :underline="false"
-          @click="handleJumpHome">
-          {{ $t('btnText.homePage') }}
-        </el-link>
-        <div>/</div>
-        <el-link
-          @click="handleJumpFile"
-          type="primary"
-          target="_blank"
-          class="home-menu libraryName"
-          :underline="false">
-          <TextSingleTootip :content="libraryInfo?.name" />
-        </el-link>
-        <div>/</div>
-        <div class="kf-section-name">
-          <TextSingleTootip :content="fileInfo?.name" />
-        </div>
-      </div>
-    </div>
     <div class="kf-section-container-action">
       <div class="kf-section-container-left">
         <div class="kf-section-info-title">{{ $t('assetFile.baseInfo') }}</div>
diff --git a/src/views/knowledgeLibrary/index.vue b/src/views/knowledgeLibrary/index.vue
index 49665f11643b140589f792b41488a4c6e807153a..f812f490cc97d31d487051b37c351d767ffe1b22 100644
--- a/src/views/knowledgeLibrary/index.vue
+++ b/src/views/knowledgeLibrary/index.vue
@@ -1,813 +1,874 @@
 <template>
-  <UserHeaderBar />
-  <CustomLoading :loading="loading" />
-
-  <div class="knowledgeLibrary-container">
-    <div
-      v-if="showTaskExportNotify"
-      class="o-export-progress-notify"
-      v-loading="taskExportLoading"
-      element-loading-background="rgba(122, 122, 122, 0.3)">
-      <div class="o-export-notify__head">
-        <div class="task-list">
-          <span>{{ $t('assetLibrary.exportTaskList') }}</span>
-          <span>{{ `(${exportTaskTotal})` }}</span>
-        </div>
-        <div class="nofity-show">
-          <el-icon
-            class="o-export-notify__close"
-            @click="showTaskExportList = !showTaskExportList">
-            <IconChevronDown v-if="showTaskExportList" />
-            <IconChevronUp v-else />
-          </el-icon>
-        </div>
-      </div>
+    <CustomLoading :loading="loading" />
+    <div class="empty-content" v-if="!fileTableList.data.length">
+      <EmptyStatus
+        description="暂无资产"
+        buttonText="新建资产库"
+        buttonClass="group-btn"
+        @click="handleCreateKnowledge"
+      />
+    </div>
+    <div v-else class="knowledgeLibrary-container">
       <div
-        class="o-export-notify__body"
-        v-if="showTaskExportList">
+        v-if="showTaskExportNotify"
+        class="o-export-progress-notify"
+        v-loading="taskExportLoading"
+        element-loading-background="rgba(122, 122, 122, 0.3)">
+        <div class="o-export-notify__head">
+          <div class="task-list">
+            <span>{{ $t('assetLibrary.exportTaskList') }}</span>
+            <span>{{ `(${exportTaskTotal})` }}</span>
+          </div>
+          <div class="nofity-show">
+            <el-icon
+              class="o-export-notify__close"
+              @click="showTaskExportList = !showTaskExportList">
+              <IconChevronDown v-if="showTaskExportList" />
+              <IconChevronUp v-else />
+            </el-icon>
+          </div>
+        </div>
         <div
-          class="o-export-notify__list"
-          @scroll="handleExportScroll">
+          class="o-export-notify__body"
+          v-if="showTaskExportList">
           <div
-            v-for="(item, index) in taskExportList"
-            :key="item.id"
-            class="item">
-            <di class="item-box">
-              <div class="item-info">
-                <div class="item-name">
-                  <h2 class="item-name-text">
-                    <TextSingleTootip :content="item.name" />
-                  </h2>
+            class="o-export-notify__list"
+            @scroll="handleExportScroll">
+            <div
+              v-for="(item, index) in taskExportList"
+              :key="item.id"
+              class="item">
+              <di class="item-box">
+                <div class="item-info">
+                  <div class="item-name">
+                    <h2 class="item-name-text">
+                      <TextSingleTootip :content="item.name" />
+                    </h2>
+                  </div>
+                  <div>
+                    <span>_</span>
+                    <span>{{ $t('exportTask.export') }}</span>
+                  </div>
                 </div>
-                <div>
-                  <span>_</span>
-                  <span>{{ $t('exportTask.export') }}</span>
+                <div class="item-close">
+                  <IconX @click="handleCloseSingleUpload(item.taskId)" />
                 </div>
-              </div>
-              <div class="item-close">
-                <IconX @click="handleCloseSingleUpload(item.taskId)" />
-              </div>
-            </di>
-            <div class="taskStatusPer">
-              <div
-                class="waitExport"
-                v-if="['pending', 'running'].includes(item.exportStatus)">
-                <div class="icon-box icon-loading"></div>
-                <span>
-                  {{ $t('exportTask.pendingExport') }}
-                </span>
-              </div>
-              <div
-                class="packData"
-                v-if="['success', 'error', 'canceled', 'failed'].includes(item.exportStatus)">
-                <IconError
-                  v-if="['error', 'canceled', 'failed'].includes(item.exportStatus)"
-                  class="errorIcon" />
-                <el-icon
-                  v-if="item.percent === 100"
-                  class="successIcon">
-                  <CircleCheckFilled />
-                </el-icon>
-                <span v-if="item.exportStatus === 'success'">
-                  {{ $t('exportTask.exportSuccess') }}
-                </span>
-                <span v-if="['error', 'failed'].includes(item.exportStatus)">
-                  {{ $t('exportTask.exportFailed') }}
-                </span>
-                <span v-if="item.exportStatus === 'canceled'">
-                  {{ $t('exportTask.canceled') }}
-                </span>
-              </div>
-              <div
-                class="opsExportTask"
-                v-if="['success', 'error', 'failed'].includes(item.exportStatus)">
+              </di>
+              <div class="taskStatusPer">
                 <div
-                  v-if="['error', 'failed'].includes(item.exportStatus)"
-                  class="errorTask">
-                  <div class="errorReson">{{ $t('exportTask.reason') }}</div>
-                  <div
-                    class="errorRestart"
-                    @click="handleUploadRestart(item)">
-                    {{ $t('btnText.retry') }}
-                  </div>
+                  class="waitExport"
+                  v-if="['pending', 'running'].includes(item.exportStatus)">
+                  <div class="icon-box icon-loading"></div>
+                  <span>
+                    {{ $t('exportTask.pendingExport') }}
+                  </span>
                 </div>
-
                 <div
-                  v-if="item.exportStatus === 'success'"
-                  class="successTask"
-                  @click="handleOpenDownload(item.taskId)">
-                  {{ $t('exportTask.downloadTask') }}
+                  class="packData"
+                  v-if="['success', 'error', 'canceled', 'failed'].includes(item.exportStatus)">
+                  <IconError
+                    v-if="['error', 'canceled', 'failed'].includes(item.exportStatus)"
+                    class="errorIcon" />
+                  <el-icon
+                    v-if="item.percent === 100"
+                    class="successIcon">
+                    <CircleCheckFilled />
+                  </el-icon>
+                  <span v-if="item.exportStatus === 'success'">
+                    {{ $t('exportTask.exportSuccess') }}
+                  </span>
+                  <span v-if="['error', 'failed'].includes(item.exportStatus)">
+                    {{ $t('exportTask.exportFailed') }}
+                  </span>
+                  <span v-if="item.exportStatus === 'canceled'">
+                    {{ $t('exportTask.canceled') }}
+                  </span>
+                </div>
+                <div
+                  class="opsExportTask"
+                  v-if="['success', 'error', 'failed'].includes(item.exportStatus)">
+                  <div
+                    v-if="['error', 'failed'].includes(item.exportStatus)"
+                    class="errorTask">
+                    <div class="errorReson">{{ $t('exportTask.reason') }}</div>
+                    <div
+                      class="errorRestart"
+                      @click="handleUploadRestart(item)">
+                      {{ $t('btnText.retry') }}
+                    </div>
+                  </div>
+  
+                  <div
+                    v-if="item.exportStatus === 'success'"
+                    class="successTask"
+                    @click="handleOpenDownload(item.taskId)">
+                    {{ $t('exportTask.downloadTask') }}
+                  </div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
-        <div class="item-all-close">
-          <div
-            v-if="taskExportList.length > 0"
-            @click="handleCloseSingleUpload('all')">
-            {{ $t('btnText.clearAll') }}
+          <div class="item-all-close">
+            <div
+              v-if="taskExportList.length > 0"
+              @click="handleCloseSingleUpload('all')">
+              {{ $t('btnText.clearAll') }}
+            </div>
           </div>
         </div>
       </div>
-    </div>
-    <div
-      class="knowledgeLibrary-box knowledgeLibrary-table-box"
-      :class="{ knowledgeLibrayList: switchIcon === 'list' }">
-      <div class="kl-tilte">
-        {{ $t('assetLibrary.assetLibrary') }}
-      </div>
-      <div class="kl-ops">
-        <div class="kl-left-btn">
-          <el-button
-            type="primary"
-            class="createAsset"
-            @click="handleCreateKnowledge">
-            {{ $t('btnText.createAssetLibrary') }}
-          </el-button>
-          <el-button
-            @click="handleImportKnowledge"
-            class="ImportAsset cancelBtn">
-            {{ $t('btnText.batchImport') }}
-          </el-button>
+      <div
+        class="knowledgeLibrary-box knowledgeLibrary-table-box"
+        :class="{ knowledgeLibrayList: switchIcon === 'list' }">
+        <div class="kl-tilte">
+            {{ groupName }}
         </div>
-        <div class="kl-right-btn">
-          <div class="kl-btn-search">
-            <el-input
-              ref="inputRef"
-              v-model="knoledgekeyWord"
-              @input="handleInputSearch"
-              class="o-style-serch"
-              :placeholder="$t('assetLibrary.message.name')"
-              clearable>
-              <template #suffix>
-                <el-icon class="el-input__icon">
-                  <IconSearch />
-                </el-icon>
-              </template>
-            </el-input>
+        <div class="kl-ops">
+          <div class="kl-left-btn">
+            <el-button
+              type="primary"
+              class="createAsset"
+              @click="handleCreateKnowledge">
+              {{ $t('btnText.createAssetLibrary') }}
+            </el-button>
+            <el-button
+              @click="handleImportKnowledge"
+              class="ImportAsset cancelBtn">
+              {{ $t('btnText.batchImport') }}
+            </el-button>
           </div>
-          <div class="kl-btn-switch">
-            <div
-              class="kl-btn-switch-icon"
-              @click="handleSwitch('thumb')"
-              :class="switchIcon === 'thumb' ? 'bgThumb' : ''">
-              <el-icon>
-                <IconThumbnail />
-              </el-icon>
+          <div class="kl-right-btn">
+            <div class="kl-btn-search">
+              <el-input
+                ref="inputRef"
+                v-model="knoledgekeyWord"
+                @input="handleInputSearch"
+                class="o-style-serch"
+                :placeholder="$t('assetLibrary.message.name')"
+                clearable>
+                <template #suffix>
+                  <el-icon class="el-input__icon">
+                    <IconSearch />
+                  </el-icon>
+                </template>
+              </el-input>
             </div>
-
-            <div
-              class="kl-btn-switch-icon"
-              @click="handleSwitch('list')"
-              :class="switchIcon === 'list' ? 'bgThumb' : ''">
-              <el-icon>
-                <IconList />
-              </el-icon>
+            <div class="kl-btn-switch">
+              <div
+                class="kl-btn-switch-icon"
+                @click="handleSwitch('thumb')"
+                :class="switchIcon === 'thumb' ? 'bgThumb' : ''">
+                <el-icon>
+                  <IconThumbnail />
+                </el-icon>
+              </div>
+  
+              <div
+                class="kl-btn-switch-icon"
+                @click="handleSwitch('list')"
+                :class="switchIcon === 'list' ? 'bgThumb' : ''">
+                <el-icon>
+                  <IconList />
+                </el-icon>
+              </div>
             </div>
           </div>
         </div>
-      </div>
-      <div
-        class="kl-card-box"
-        @scroll="handleScroll"
-        ref="klCardBox"
-        v-if="switchIcon === 'thumb'">
         <div
-          class="kl-card kl-card-container"
-          :class="5 < fileTableList.data.length ? 'kl-card-display' : 'kl-card-show'">
+          class="kl-card-box"
+          @scroll="handleScroll"
+          ref="klCardBox"
+          v-if="switchIcon === 'thumb'">
           <div
-            class="kl-single-card"
-            v-for="item in fileTableList.data"
-            @click="handleJumpAssets(item)"
-            :key="item.id">
-            <div class="kl-card-top">
-              <div class="kl-card-name">
-                <TextSingleTootip :content="item.name" />
+            class="kl-card kl-card-container"
+            :class="5 < fileTableList.data.length ? 'kl-card-display' : 'kl-card-show'">
+            <div
+              class="kl-single-card"
+              v-for="item in fileTableList.data"
+              @click="handleJumpAssets(item)"
+              :key="item.id">
+              <div class="kl-card-top">
+                <div class="kl-card-name">
+                  <TextSingleTootip :content="item.name" />
+                </div>
+                <el-dropdown
+                  placement="bottom-end"
+                  popper-class="dropdown-container assetDro">
+                  <div
+                    class="kl-card-more-icon"
+                    @click.stop>
+                    <el-icon>
+                      <IconMore />
+                    </el-icon>
+                  </div>
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item @click="handleEditKl(item)">
+                        {{ $t('btnText.edit') }}
+                      </el-dropdown-item>
+                      <el-dropdown-item @click="handleExportKl(item)">
+                        {{ $t('btnText.export') }}
+                      </el-dropdown-item>
+                      <el-dropdown-item @click="handleDeleteKl(item)">
+                        {{ $t('btnText.delete') }}
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
               </div>
-              <el-dropdown
-                placement="bottom-end"
-                popper-class="dropdown-container assetDro">
-                <div
-                  class="kl-card-more-icon"
-                  @click.stop>
-                  <el-icon>
-                    <IconMore />
-                  </el-icon>
+              <div class="kl-card-desc">
+                <TextMoreTootip
+                  :value="item.description"
+                  :row="6" />
+              </div>
+              <div class="kl-card-footer">
+                <div class="kl-card-file-icon">
+                  <img
+                    src="/src/assets/images/file.png"
+                    class="filePng" />
+                  <div class="kl-card-file">
+                    <span class="kl-file-num">{{ item.document_count }}</span>
+                    <span class="kl-file-text">
+                      <TextSingleTootip
+                        :content="`${$t('assetLibrary.piece')}${$t('assetLibrary.file')}`" />
+                    </span>
+                  </div>
                 </div>
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <el-dropdown-item @click="handleEditKl(item)">
-                      {{ $t('btnText.edit') }}
-                    </el-dropdown-item>
-                    <el-dropdown-item @click="handleExportKl(item)">
-                      {{ $t('btnText.export') }}
-                    </el-dropdown-item>
-                    <el-dropdown-item @click="handleDeleteKl(item)">
-                      {{ $t('btnText.delete') }}
-                    </el-dropdown-item>
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
-            </div>
-            <div class="kl-card-desc">
-              <TextMoreTootip
-                :value="item.description"
-                :row="6" />
-            </div>
-            <div class="kl-card-footer">
-              <div class="kl-card-file-icon">
-                <img
-                  src="/src/assets/images/file.png"
-                  class="filePng" />
-                <div class="kl-card-file">
-                  <span class="kl-file-num">{{ item.document_count }}</span>
-                  <span class="kl-file-text">
-                    <TextSingleTootip
-                      :content="`${$t('assetLibrary.piece')}${$t('assetLibrary.file')}`" />
-                  </span>
+                <div class="kl-card-timer-icon">
+                  <img
+                    src="/src/assets/images/timer.png"
+                    class="timePng" />
+                  <div class="kl-card-timer">
+                    <TextSingleTootip :content="convertUTCToLocalTime(item.created_time)" />
+                  </div>
                 </div>
               </div>
-              <div class="kl-card-timer-icon">
-                <img
-                  src="/src/assets/images/timer.png"
-                  class="timePng" />
-                <div class="kl-card-timer">
-                  <TextSingleTootip :content="convertUTCToLocalTime(item.created_time)" />
-                </div>
+              <div class="kl-card-id">
+                <span class="id-label">{{ `ID:${' '} ` }}</span>
+                <span class="id-value">{{ item.id }}</span>
               </div>
             </div>
-            <div class="kl-card-id">
-              <span class="id-label">{{ `ID:${' '} ` }}</span>
-              <span class="id-value">{{ item.id }}</span>
-            </div>
+          </div>
+          <div
+            v-if="!(fileTableList.data.length > 0)"
+            class="pageNoData">
+            {{ $t('pageTipText.NoData') }}
           </div>
         </div>
         <div
-          v-if="!(fileTableList.data.length > 0)"
-          class="pageNoData">
-          {{ $t('pageTipText.NoData') }}
+          class="kl-table-box"
+          v-else>
+          <el-table
+            :data="fileTableList.data"
+            :border="true"
+            @sort-change="handleSortChange"
+            @selection-change="handleSelectionChange"
+            :class="fileTableList.data.length < currentPageSize ? 'showPagination' : ''">
+            <el-table-column
+              prop="name"
+              :label="$t('assetLibrary.name')"
+              :show-overflow-tooltip="true"
+              width="300"
+              :fixed="true"
+              class-name="kl-name">
+              <template #default="scope">
+                <span
+                  class="kl-name-row"
+                  @click="handleJumpAssets(scope.row)">
+                  {{ scope.row.name }}
+                </span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              :label="$t('assetLibrary.assetId')"
+              show-overflow-tooltip
+              :fixed="true"
+              class-name="kl-id"
+              width="300">
+              <template #header>
+                <div class="asset-id-custom-header">
+                  <span>{{ $t('assetLibrary.assetId') }}</span>
+                  <el-icon
+                    ref="inputSearchRef"
+                    :class="
+                      sortFilter?.id?.length! > 0 || fileFilterVisible ? 'searchIconIsActive' : ''
+                    ">
+                    <IconSearch />
+                  </el-icon>
+                  <el-popover
+                    ref="popoverRef"
+                    v-model:visible="fileFilterVisible"
+                    popper-class="inputSearchFilterPopper"
+                    placement="bottom-start"
+                    :virtual-ref="inputSearchRef"
+                    :show-arrow="false"
+                    trigger="click"
+                    virtual-triggering>
+                    <FilterContainr
+                      filterType="input"
+                      v-model:serachName="sortFilter.id"
+                      :hanldeSearhNameFilter="hanldeSearhNameFilter"
+                      :searchPayload="sortFilter" />
+                  </el-popover>
+                </div>
+              </template>
+              <template #default="scope">
+                <span class="kf-name-row">
+                  {{ scope.row.id }}
+                </span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="description"
+              :label="$t('assetLibrary.desc')"
+              :show-overflow-tooltip="true" />
+            <el-table-column
+              prop="document_count"
+              sortable
+              width="150"
+              :label="$t('assetLibrary.fileNum')" />
+  
+            <el-table-column
+              prop="created_time"
+              sortable
+              class-name="asset-upload-time-cell"
+              :label="$t('assetLibrary.uploadTime')"
+              width="200"
+              @header-click="() => {}"
+              @click.stop>
+              <template #header>
+                <div class="asset-custom-header custom-header">
+                  <span>{{ $t('assetLibrary.uploadTime') }}</span>
+                  <el-date-picker
+                    popper-class="datetimerangeClass"
+                    placement="bottom"
+                    class="timer-picker"
+                    v-model="created_time"
+                    type="datetimerange"
+                    :teleported="true"
+                    :shortcuts="shortcuts"
+                    start-placeholder="开始时间"
+                    end-placeholder="结束时间"
+                    :unlink-panels="true"
+                    time-format="HH:mm"
+                    @change="handleTimeChange"
+                    ref="tiemPick"
+                    @visible-change="handleVisibleChange" />
+                  <el-popover
+                    :visible="timeFilterVisible"
+                    popper-class="filterPopper timeFilterPo"
+                    placement="bottom-start"
+                    :show-arrow="false">
+                    <template #reference>
+                      <el-icon
+                        @click="handeDatePickerShow"
+                        @click.stop
+                        :class="
+                          sortFilter?.created_time_start?.length! > 0 || timeFilterVisible
+                            ? 'searchIconIsActive'
+                            : ''
+                        ">
+                        <IconFilter />
+                      </el-icon>
+                    </template>
+                  </el-popover>
+                </div>
+              </template>
+              <template #default="scope">
+                <span>{{ convertUTCToLocalTime(scope.row.created_time) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="action"
+              :label="$t('btnText.operation')"
+              width="180">
+              <template #default="scope">
+                <el-button
+                  text
+                  @click="handleEditKl(scope.row)">
+                  {{ $t('btnText.edit') }}
+                </el-button>
+                <el-button
+                  text
+                  @click="handleExportKl(scope.row)">
+                  {{ $t('btnText.export') }}
+                </el-button>
+                <el-button
+                  text
+                  @click="handleDeleteKl(scope.row)">
+                  {{ $t('btnText.delete') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-pagination
+            v-if="fileTableList.data?.length > 0"
+            v-model:current-page="currentPage"
+            v-model:page-size="currentPageSize"
+            :page-sizes="pagination.pageSizes"
+            :layout="pagination.layout"
+            :total="totalCount"
+            popper-class="kbLibraryPage"
+            @change="handleChangePage" />
         </div>
       </div>
-      <div
-        class="kl-table-box"
-        v-else>
-        <el-table
-          :data="fileTableList.data"
-          :border="true"
-          @sort-change="handleSortChange"
-          @selection-change="handleSelectionChange"
-          :class="fileTableList.data.length < currentPageSize ? 'showPagination' : ''">
-          <el-table-column
-            prop="name"
-            :label="$t('assetLibrary.name')"
-            :show-overflow-tooltip="true"
-            width="300"
-            :fixed="true"
-            class-name="kl-name">
-            <template #default="scope">
-              <span
-                class="kl-name-row"
-                @click="handleJumpAssets(scope.row)">
-                {{ scope.row.name }}
-              </span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="name"
-            :label="$t('assetLibrary.assetId')"
-            show-overflow-tooltip
-            :fixed="true"
-            class-name="kl-id"
-            width="300">
-            <template #header>
-              <div class="asset-id-custom-header">
-                <span>{{ $t('assetLibrary.assetId') }}</span>
-                <el-icon
-                  ref="inputSearchRef"
-                  :class="
-                    sortFilter?.id?.length! > 0 || fileFilterVisible ? 'searchIconIsActive' : ''
-                  ">
-                  <IconSearch />
-                </el-icon>
-                <el-popover
-                  ref="popoverRef"
-                  v-model:visible="fileFilterVisible"
-                  popper-class="inputSearchFilterPopper"
-                  placement="bottom-start"
-                  :virtual-ref="inputSearchRef"
-                  :show-arrow="false"
-                  trigger="click"
-                  virtual-triggering>
-                  <FilterContainr
-                    filterType="input"
-                    v-model:serachName="sortFilter.id"
-                    :hanldeSearhNameFilter="hanldeSearhNameFilter"
-                    :searchPayload="sortFilter" />
-                </el-popover>
-              </div>
-            </template>
-            <template #default="scope">
-              <span class="kf-name-row">
-                {{ scope.row.id }}
-              </span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="description"
-            :label="$t('assetLibrary.desc')"
-            :show-overflow-tooltip="true" />
-          <el-table-column
-            prop="document_count"
-            sortable
-            width="150"
-            :label="$t('assetLibrary.fileNum')" />
-
-          <el-table-column
-            prop="created_time"
-            sortable
-            class-name="asset-upload-time-cell"
-            :label="$t('assetLibrary.uploadTime')"
-            width="200"
-            @header-click="() => {}"
-            @click.stop>
-            <template #header>
-              <div class="asset-custom-header custom-header">
-                <span>{{ $t('assetLibrary.uploadTime') }}</span>
-                <el-date-picker
-                  popper-class="datetimerangeClass"
-                  placement="bottom"
-                  class="timer-picker"
-                  v-model="created_time"
-                  type="datetimerange"
-                  :teleported="true"
-                  :shortcuts="shortcuts"
-                  start-placeholder="开始时间"
-                  end-placeholder="结束时间"
-                  :unlink-panels="true"
-                  time-format="HH:mm"
-                  @change="handleTimeChange"
-                  ref="tiemPick"
-                  @visible-change="handleVisibleChange" />
-                <el-popover
-                  :visible="timeFilterVisible"
-                  popper-class="filterPopper timeFilterPo"
-                  placement="bottom-start"
-                  :show-arrow="false">
-                  <template #reference>
-                    <el-icon
-                      @click="handeDatePickerShow"
-                      @click.stop
-                      :class="
-                        sortFilter?.created_time_start?.length! > 0 || timeFilterVisible
-                          ? 'searchIconIsActive'
-                          : ''
-                      ">
-                      <IconFilter />
-                    </el-icon>
-                  </template>
-                </el-popover>
-              </div>
-            </template>
-            <template #default="scope">
-              <span>{{ convertUTCToLocalTime(scope.row.created_time) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="action"
-            :label="$t('btnText.operation')"
-            width="180">
-            <template #default="scope">
-              <el-button
-                text
-                @click="handleEditKl(scope.row)">
-                {{ $t('btnText.edit') }}
-              </el-button>
-              <el-button
-                text
-                @click="handleExportKl(scope.row)">
-                {{ $t('btnText.export') }}
-              </el-button>
-              <el-button
-                text
-                @click="handleDeleteKl(scope.row)">
-                {{ $t('btnText.delete') }}
-              </el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <el-pagination
-          v-if="fileTableList.data?.length > 0"
-          v-model:current-page="currentPage"
-          v-model:page-size="currentPageSize"
-          :page-sizes="pagination.pageSizes"
-          :layout="pagination.layout"
-          :total="totalCount"
-          popper-class="kbLibraryPage"
-          @change="handleChangePage" />
-      </div>
-    </div>
-    <el-dialog
-      v-model="dialogImportVisible"
-      class="upload-dialog"
-      align-center
-      :title="$t('dialogTipText.importAssetLibrary')">
-      <Upload
-        :tipText="$t('dialogTipText.fileZipFormat')"
-        accept=".zip"
-        :maxFileNum="5"
-        :maxSize="5"
-        :singleFileLimit="true"
-        :singleFileSize="2"
-        :handleCancelVisible="handleCancelVisible"
-        :handleQueryTaskList="handleQueryTaskList"
-        :handleUploadMyFile="handleUploadMyFile"
-        :handInitTaskList="handInitTaskList"
-        :taskListImportDate="taskListImportDate"
-        :taskList="importTaskList"
-        :toggleUploadNotify="toggleUploadNotify"
-        :handleStopUploadFile="handleStopUploadFile"
-        :handleImportLoading="handleImportLoading" />
-    </el-dialog>
-    <el-dialog
-      v-if="dialogCreateVisible"
-      v-model="dialogCreateVisible"
-      class="create-dialog"
-      align-center
-      width="560"
-      @close="handleCloseCreateKb"
-      :title="
-        formData?.name?.length > 0
-          ? $t('btnText.editAssetLibrary')
-          : $t('btnText.createAssetLibrary')
-      ">
-      <KnowledgeForm
-        :handleOpsKbForm="handleOpsKbForm"
-        :handelResetForm="handelResetForm"
-        :handleCloseCreateKb="handleCloseCreateKb"
-        :formData="formData" />
-    </el-dialog>
-    <el-dialog
-      align-center
-      v-model="addTipVisible"
-      class="tip-dialog"
-      width="400"
-      :title="$t('dialogTipText.tipsText')">
-      {{ $t('dialogTipText.isAddFilr') }}
-      <div class="tip-ops-btn">
-        <el-button
-          class="resetBtn"
-          type="primary"
-          @click="handleAddFile">
-          {{ $t('btnText.confirm') }}
-        </el-button>
-        <el-button
-          class="resetBtn cancelBtn"
-          @click="handleCancelAddFile">
-          {{ $t('btnText.cancel') }}
-        </el-button>
-      </div>
-    </el-dialog>
-    <el-dialog
-      align-center
-      v-model="delTipVisible"
-      class="tip-dialog delTipDialog"
-      width="432"
-      :title="$t('dialogTipText.tipsText')">
-      <div class="delTip">
-        <span class="iconAlarmOrange">
-          <IconAlarmOrange />
-        </span>
-        <span>
-          {{ $t('dialogTipText.confirmDelAsset') }}
+      <el-dialog
+        v-model="dialogImportVisible"
+        class="upload-dialog"
+        align-center
+        :title="$t('dialogTipText.importAssetLibrary')">
+        <Upload
+          :tipText="$t('dialogTipText.fileZipFormat')"
+          accept=".zip"
+          :maxFileNum="5"
+          :maxSize="5"
+          :singleFileLimit="true"
+          :singleFileSize="2"
+          :handleCancelVisible="handleCancelVisible"
+          :handleQueryTaskList="handleQueryTaskList"
+          :handleUploadMyFile="handleUploadMyFile"
+          :handInitTaskList="handInitTaskList"
+          :taskListImportDate="taskListImportDate"
+          :taskList="importTaskList"
+          :toggleUploadNotify="toggleUploadNotify"
+          :handleStopUploadFile="handleStopUploadFile"
+          :handleImportLoading="handleImportLoading" />
+      </el-dialog>
+      <el-dialog
+        v-if="dialogCreateVisible"
+        v-model="dialogCreateVisible"
+        class="create-dialog"
+        align-center
+        width="560"
+        @close="handleCloseCreateKb"
+        :title="
+          formData?.name?.length > 0
+            ? $t('btnText.editAssetLibrary')
+            : $t('btnText.createAssetLibrary')
+        ">
+        <KnowledgeForm
+          :handleOpsKbForm="handleOpsKbForm"
+          :handelResetForm="handelResetForm"
+          :handleCloseCreateKb="handleCloseCreateKb"
+          :formData="formData" />
+      </el-dialog>
+      <el-dialog
+        align-center
+        v-model="addTipVisible"
+        class="tip-dialog"
+        width="400"
+        :title="$t('dialogTipText.tipsText')">
+        {{ $t('dialogTipText.isAddFilr') }}
+        <div class="tip-ops-btn">
+          <el-button
+            class="resetBtn"
+            type="primary"
+            @click="handleAddFile">
+            {{ $t('btnText.confirm') }}
+          </el-button>
+          <el-button
+            class="resetBtn cancelBtn"
+            @click="handleCancelAddFile">
+            {{ $t('btnText.cancel') }}
+          </el-button>
+        </div>
+      </el-dialog>
+      <el-dialog
+        align-center
+        v-model="delTipVisible"
+        class="tip-dialog delTipDialog"
+        width="432"
+        :title="$t('dialogTipText.tipsText')">
+        <div class="delTip">
+          <span class="iconAlarmOrange">
+            <IconAlarmOrange />
+          </span>
           <span>
-            【
-            <span class="delToolTip">
-              <TextSingleTootip :content="opsItem.name" />
+            {{ $t('dialogTipText.confirmDelAsset') }}
+            <span>
+              【
+              <span class="delToolTip">
+                <TextSingleTootip :content="opsItem.name" />
+              </span>
+              】
+              {{ userLanguage === 'zh' ? '吗？' : null }}
             </span>
-            】
-            {{ userLanguage === 'zh' ? '吗？' : null }}
           </span>
-        </span>
-      </div>
-      <div class="tip-ops-btn">
-        <el-button
-          class="resetBtn"
-          @click="handleConfirmDelKb(opsItem)">
-          {{ $t('btnText.confirm') }}
-        </el-button>
-        <el-button
-          type="primary"
-          class="resetBtn cancelBtn"
-          @click="handleCancelDelKb()">
-          {{ $t('btnText.cancel') }}
-        </el-button>
-      </div>
-    </el-dialog>
-  </div>
-  <UploadProgress
-    :showUploadNotify="uploadTaskListData.showUploadNotify"
-    :uploadingList="uploadTaskListData.uploadingList"
-    :showTaskList="uploadTaskListData.showTaskList"
-    :handleShowTaskList="uploadTaskListData.handleShowTaskList"
-    :handleCloseSingleUpload="handleStopUploadFile"
-    :handleUploadRestart="uploadTaskListData.handleUploadRestart"
-    :taskListImportDate="taskListImportDate"
-    :importTaskTotal="importTaskTotal"
-    :handleImportScroll="handleImportScroll"
-    :taskListLoading="taskListLoading" />
-</template>
-<script lang="ts" setup>
-import UserHeaderBar from '@/components/UserHeaderBar/index.vue';
-import KnowledgeForm from '@/components/KnowledgeForm/index.vue';
-import UploadProgress from '@/components/Upload/uploadProgress.vue';
-import Upload from '@/components/Upload/index.vue';
-import '@/styles/knowledgeLibrary.scss';
-import {
-  IconList,
-  IconMore,
-  IconSearch,
-  IconThumbnail,
-  IconAlarmOrange,
-  IconChevronUp,
-  IconChevronDown,
-  IconX,
-  IconError,
-  IconFilter,
-  IconSuccess,
-} from '@computing/opendesign-icons';
-import TextMoreTootip from '@/components/TextMoreTootip/index.vue';
-import TextSingleTootip from '@/components/TextSingleTootip/index.vue';
-import CustomLoading from '@/components/CustomLoading/index.vue';
-
-import { debounce } from 'lodash';
-import KbAppAPI from '@/api/kbApp';
-import { QueryKbRequest } from '@/api/apiType';
-import { convertUTCToLocalTime, uTCToLocalTime } from '@/utils/convertUTCToLocalTime';
-import FilterContainr from '@/components/TableFilter/index.vue';
-
-const { t } = useI18n();
-const knoledgekeyWord = ref();
-const dialogImportVisible = ref(false);
-const dialogCreateVisible = ref(false);
-const addTipVisible = ref(false);
-const delTipVisible = ref(false);
-const switchIcon = ref('thumb');
-const opsItem = ref();
-const klCardBox = ref();
-const loading = ref(false);
-const importTaskList = ref([]);
-const userLanguage = ref();
-
-const resetFormData = ref({
-  name: '',
-  language: '',
-  default_chunk_size: 1024,
-  embedding_model: '',
-  default_parser_method: '',
-  document_type_list: [],
-  description: '',
-});
-const showTaskExportNotify = ref(false);
-const taskExportList = ref<any[]>([]);
-const showTaskExportList = ref(false);
-const formData = ref(resetFormData.value);
-const pagination = ref({
-  pageSizes: [10, 20, 30, 40, 50],
-  layout: 'total,sizes,prev,pager,next,jumper',
-});
-interface sortFilterType {
-  id?: string;
-  name?: string;
-  created_time_start?: string;
-  created_time_end?: string;
-  [property: string | number]: string | undefined;
-}
-const sortFilter = ref<sortFilterType>({});
-const currentPage = ref(1);
-const totalCount = ref(0);
-const taskListImportDate = ref();
-const currentPageSize = ref(pagination.value.pageSizes[0]);
-const uploadTaskListData = ref<any>({});
-const exportTaskTotal = ref(0);
-const taskExportTimer = ref();
-const exportTaskPageSize = ref(10);
-const exportTaskPageNumber = ref(1);
-const taskExportLoading = ref(false);
-const importTaskTotal = ref(0);
-const importTaskPage = ref(1);
-const importTaskPageSize = ref(10);
-const taskListLoading = ref(false);
-const timeFilterVisible = ref(false);
-const fileFilterVisible = ref(false);
-const inputSearchRef = ref();
-const timePick = ref();
-const created_time = ref();
-const shortcuts = ref();
-const fileTableList = reactive<{
-  data: Array<any>;
-}>({
-  data: [],
-});
-const taskTimer = ref();
-
-const handleScroll = (e: { target: any }) => {
-  const klCardBox = e.target;
-  // 检查是否已经滚动到底部
-  if (klCardBox?.clientHeight + klCardBox.scrollTop + 10 >= klCardBox?.scrollHeight) {
-    if (currentPage.value * currentPageSize.value < totalCount.value) {
-      currentPage.value = currentPage.value + 1;
-      loading.value = true;
+        </div>
+        <div class="tip-ops-btn">
+          <el-button
+            class="resetBtn"
+            @click="handleConfirmDelKb(opsItem)">
+            {{ $t('btnText.confirm') }}
+          </el-button>
+          <el-button
+            type="primary"
+            class="resetBtn cancelBtn"
+            @click="handleCancelDelKb()">
+            {{ $t('btnText.cancel') }}
+          </el-button>
+        </div>
+      </el-dialog>
+    </div>
+    <UploadProgress
+      :showUploadNotify="uploadTaskListData.showUploadNotify"
+      :uploadingList="uploadTaskListData.uploadingList"
+      :showTaskList="uploadTaskListData.showTaskList"
+      :handleShowTaskList="uploadTaskListData.handleShowTaskList"
+      :handleCloseSingleUpload="handleStopUploadFile"
+      :handleUploadRestart="uploadTaskListData.handleUploadRestart"
+      :taskListImportDate="taskListImportDate"
+      :importTaskTotal="importTaskTotal"
+      :handleImportScroll="handleImportScroll"
+      :taskListLoading="taskListLoading" />
+  </template>
+  <script lang="ts" setup>
+  import KnowledgeForm from '@/components/KnowledgeForm/index.vue';
+  import UploadProgress from '@/components/Upload/uploadProgress.vue';
+  import Upload from '@/components/Upload/index.vue';
+  import '@/styles/knowledgeLibrary.scss';
+  import {
+    IconList,
+    IconMore,
+    IconSearch,
+    IconThumbnail,
+    IconAlarmOrange,
+    IconChevronUp,
+    IconChevronDown,
+    IconX,
+    IconError,
+    IconFilter,
+    IconSuccess,
+  } from '@computing/opendesign-icons';
+  import TextMoreTootip from '@/components/TextMoreTootip/index.vue';
+  import TextSingleTootip from '@/components/TextSingleTootip/index.vue';
+  import CustomLoading from '@/components/CustomLoading/index.vue';
+  
+  import { debounce } from 'lodash';
+  import KbAppAPI from '@/api/kbApp';
+  import { QueryKbRequest } from '@/api/apiType';
+  import { convertUTCToLocalTime, uTCToLocalTime } from '@/utils/convertUTCToLocalTime';
+  import FilterContainr from '@/components/TableFilter/index.vue';
+  import { defineProps } from 'vue';
+import router from '@/router';
+import { useGroupStore } from '@/store/modules/group';
+import EmptyStatus from '@/components/EmptyStatus/index.vue'
 
-      KbAppAPI.getKbLibrary({
-        page_number: currentPage.value,
-        page_size: currentPageSize.value,
-      })
-        .then((res: any) => {
-          fileTableList.data = [...fileTableList.data, ...res?.data_list];
-          totalCount.value = res?.total;
-        })
-        .finally(() => {
-          loading.value = false;
-        });
-    }
-  }
-};
-const handleQueryKbLibrary = (params: QueryKbRequest) => {
-  loading.value = true;
-  KbAppAPI.getKbLibrary(params)
-    .then((res: any) => {
-      fileTableList.data = res?.data_list;
-      totalCount.value = res?.total;
-    })
-    .finally(() => {
-      loading.value = false;
-    });
-};
-onMounted(() => {
-  handleQueryKbLibrary({
-    page_number: 1,
-    page_size: 10,
-  });
+defineProps({
+  groupName: {
+    type: String
+  },
 });
-
-const handleVisibleChange = (e: boolean) => {
-  timeFilterVisible.value = e;
-};
-
-const handeDatePickerShow = (e: { pageX: string; pageY: string }) => {
-  timeFilterVisible.value = true;
-  timePick.value.handleOpen();
-  let dateTimerContainer = document.querySelector('.datetimerangeClass') as HTMLElement;
-  if (dateTimerContainer) {
-    dateTimerContainer.style.position = 'absolute';
-    dateTimerContainer.style.left = e.pageX + 'px';
-    dateTimerContainer.style.top = e.pageY + 'px';
-  }
-};
-
-const handleFilterData = (params: sortFilterType) => {
-  let filterPaylod: sortFilterType = {};
-  Object.keys(params || {}).forEach((item: string | number) => {
-    if (params[item]) {
-      if (params[item]?.length > 0) {
-        filterPaylod[item] = params[item];
-      }
-    }
-  });
-  return filterPaylod;
-};
-
-const hanldeSearhNameFilter = (filterName: string) => {
-  sortFilter.value.id = filterName;
-  currentPage.value = 1;
-  currentPageSize.value = 10;
-  handleQueryKbLibrary({
-    page_number: currentPage.value,
-    page_size: currentPageSize.value,
-    ...handleFilterData(sortFilter.value),
+  const { t } = useI18n();
+  const knoledgekeyWord = ref();
+  const dialogImportVisible = ref(false);
+  const dialogCreateVisible = ref(false);
+  const addTipVisible = ref(false);
+  const delTipVisible = ref(false);
+  const switchIcon = ref('thumb');
+  const opsItem = ref();
+  const klCardBox = ref();
+  const loading = ref(false);
+  const importTaskList = ref([]);
+  const userLanguage = ref();
+  
+  const resetFormData = ref({
+    name: '',
+    language: '',
+    default_chunk_size: 1024,
+    embedding_model: '',
+    default_parser_method: '',
+    document_type_list: [],
+    description: '',
   });
-  fileFilterVisible.value = false;
-};
-
-const handleSwitch = (switchType: string) => {
-  switchIcon.value = switchType;
-  sortFilter.value = {};
-  currentPage.value = 1;
-  currentPageSize.value = 10;
-  knoledgekeyWord.value = '';
-  handleQueryKbLibrary({
-    page_number: currentPage.value,
-    page_size: currentPageSize.value,
+  const showTaskExportNotify = ref(false);
+  const taskExportList = ref<any[]>([]);
+  const showTaskExportList = ref(false);
+  const formData = ref(resetFormData.value);
+  const pagination = ref({
+    pageSizes: [10, 20, 30, 40, 50],
+    layout: 'total,sizes,prev,pager,next,jumper',
   });
-};
-const handleImportKnowledge = () => {
-  dialogImportVisible.value = true;
-  showTaskExportNotify.value = false;
-};
-
-const toggleUploadNotify = (uploadTaskPayload: {}) => {
-  uploadTaskListData.value = uploadTaskPayload;
-};
-
-const handInitTaskList = (selectedFiles: string | any[]) => {
-  return KbAppAPI.queryKbTaskList({
-    types: ['import_knowledge_base'],
-    page_number: 1,
-    page_size: importTaskPageSize.value,
-  }).then((res: any) => {
-    importTaskList.value = res.data_list || [];
-    importTaskTotal.value = selectedFiles ? res.total + selectedFiles.length : res.total;
-    return res.data_list || [];
+  interface sortFilterType {
+    id?: string;
+    name?: string;
+    created_time_start?: string;
+    created_time_end?: string;
+    [property: string | number]: string | undefined;
+  }
+  const sortFilter = ref<sortFilterType>({});
+  const currentPage = ref(1);
+  const totalCount = ref(0);
+  const taskListImportDate = ref();
+  const currentPageSize = ref(pagination.value.pageSizes[0]);
+  const uploadTaskListData = ref<any>({});
+  const exportTaskTotal = ref(0);
+  const taskExportTimer = ref();
+  const exportTaskPageSize = ref(10);
+  const exportTaskPageNumber = ref(1);
+  const taskExportLoading = ref(false);
+  const importTaskTotal = ref(0);
+  const importTaskPage = ref(1);
+  const importTaskPageSize = ref(10);
+  const taskListLoading = ref(false);
+  const timeFilterVisible = ref(false);
+  const fileFilterVisible = ref(false);
+  const inputSearchRef = ref();
+  const timePick = ref();
+  const created_time = ref();
+  const shortcuts = ref();
+  const fileTableList = reactive<{
+    data: Array<any>;
+  }>({
+    data: [],
   });
-};
-
-const handelTaskList = () => {
-  KbAppAPI.queryKbTaskList({
-    types: ['import_knowledge_base'],
-    page_number: 1,
-    page_size: importTaskPageSize.value,
-  }).then((res: any) => {
-    importTaskList.value = res.data_list || [];
-    importTaskTotal.value = res.total;
-    taskListImportDate.value = Date.now();
-    taskListLoading.value = false;
-    if (res.data_list?.every((item: any) => !['pending', 'running'].includes(item.task.status))) {
-      clearInterval(taskTimer.value);
-      taskTimer.value = null;
-      handleOpsKbConfirm();
+  const taskTimer = ref();
+  
+  const handleScroll = (e: { target: any }) => {
+    const klCardBox = e.target;
+    // 检查是否已经滚动到底部
+    if (klCardBox?.clientHeight + klCardBox.scrollTop + 10 >= klCardBox?.scrollHeight) {
+      if (currentPage.value * currentPageSize.value < totalCount.value) {
+        currentPage.value = currentPage.value + 1;
+        loading.value = true;
+  
+        KbAppAPI.getKbLibrary({
+          page_number: currentPage.value,
+          page_size: currentPageSize.value,
+        })
+          .then((res: any) => {
+            fileTableList.data = [...fileTableList.data, ...res?.data_list];
+            totalCount.value = res?.total;
+          })
+          .finally(() => {
+            loading.value = false;
+          });
+      }
     }
+  };
+  const handleQueryKbLibrary = (params: QueryKbRequest) => {
+    loading.value = true;
+    KbAppAPI.getKbLibrary(params)
+      .then((res: any) => {
+        fileTableList.data = res?.data_list;
+        totalCount.value = res?.total;
+      })
+      .finally(() => {
+        loading.value = false;
+      });
+  };
+  onMounted(() => {
+    handleQueryKbLibrary({
+      page_number: 1,
+      page_size: 10,
+    });
   });
-};
-
-const handleImportScroll = (e: { target: any }) => {
-  const taskBox = e.target;
-  // 检查是否已经滚动到底部
-  if (taskBox?.clientHeight + taskBox.scrollTop + 10 >= taskBox?.scrollHeight) {
-    if (importTaskPageSize.value < importTaskTotal.value) {
-      taskListLoading.value = true;
-      clearInterval(taskTimer.value);
-      taskTimer.value = null;
-      importTaskPage.value = importTaskPage.value + 1;
-      importTaskPageSize.value = importTaskPage.value * 10;
-      handleQueryTaskList();
+  
+  const handleVisibleChange = (e: boolean) => {
+    timeFilterVisible.value = e;
+  };
+  
+  const handeDatePickerShow = (e: { pageX: string; pageY: string }) => {
+    timeFilterVisible.value = true;
+    timePick.value.handleOpen();
+    let dateTimerContainer = document.querySelector('.datetimerangeClass') as HTMLElement;
+    if (dateTimerContainer) {
+      dateTimerContainer.style.position = 'absolute';
+      dateTimerContainer.style.left = e.pageX + 'px';
+      dateTimerContainer.style.top = e.pageY + 'px';
     }
-  }
-};
-
-const handleQueryTaskList = () => {
-  taskTimer.value = setInterval(() => {
-    handelTaskList();
-  }, 2500);
-};
-
-const handleImportLoading = (loadingStatus: boolean) => {
-  // loading.value = loadingStatus;
-  taskListLoading.value = loadingStatus;
-};
-
-const handleStopUploadFile = (taskId: string) => {
-  taskListImportDate.value = Date.now();
-  taskListLoading.value = true;
-  let payload: any = {
-    task_id: taskId,
   };
-  if (taskId === 'all') {
-    payload = { types: ['import_knowledge_base'] };
-  }
-  KbAppAPI.stopKbTaskList(payload).then(() => {
+  
+  const handleFilterData = (params: sortFilterType) => {
+    let filterPaylod: sortFilterType = {};
+    Object.keys(params || {}).forEach((item: string | number) => {
+      if (params[item]) {
+        if (params[item]?.length > 0) {
+          filterPaylod[item] = params[item];
+        }
+      }
+    });
+    return filterPaylod;
+  };
+  
+  const hanldeSearhNameFilter = (filterName: string) => {
+    sortFilter.value.id = filterName;
+    currentPage.value = 1;
+    currentPageSize.value = 10;
+    handleQueryKbLibrary({
+      page_number: currentPage.value,
+      page_size: currentPageSize.value,
+      ...handleFilterData(sortFilter.value),
+    });
+    fileFilterVisible.value = false;
+  };
+  
+  const handleSwitch = (switchType: string) => {
+    switchIcon.value = switchType;
+    sortFilter.value = {};
+    currentPage.value = 1;
+    currentPageSize.value = 10;
+    knoledgekeyWord.value = '';
+    handleQueryKbLibrary({
+      page_number: currentPage.value,
+      page_size: currentPageSize.value,
+    });
+  };
+  const handleImportKnowledge = () => {
+    dialogImportVisible.value = true;
+    showTaskExportNotify.value = false;
+  };
+  
+  const toggleUploadNotify = (uploadTaskPayload: {}) => {
+    uploadTaskListData.value = uploadTaskPayload;
+  };
+  
+  const handInitTaskList = (selectedFiles: string | any[]) => {
+    return KbAppAPI.queryKbTaskList({
+      types: ['import_knowledge_base'],
+      page_number: 1,
+      page_size: importTaskPageSize.value,
+    }).then((res: any) => {
+      importTaskList.value = res.data_list || [];
+      importTaskTotal.value = selectedFiles ? res.total + selectedFiles.length : res.total;
+      return res.data_list || [];
+    });
+  };
+  
+  const handelTaskList = () => {
     KbAppAPI.queryKbTaskList({
       types: ['import_knowledge_base'],
       page_number: 1,
       page_size: importTaskPageSize.value,
     }).then((res: any) => {
       importTaskList.value = res.data_list || [];
-      taskListLoading.value = false;
-      importTaskTotal.value = res.total || 0;
+      importTaskTotal.value = res.total;
       taskListImportDate.value = Date.now();
+      taskListLoading.value = false;
+      if (res.data_list?.every((item: any) => !['pending', 'running'].includes(item.task.status))) {
+        clearInterval(taskTimer.value);
+        taskTimer.value = null;
+        handleOpsKbConfirm();
+      }
     });
-  });
-};
-
-const handleExportKl = async (row: any) => {
-  dialogImportVisible.value = false;
-  uploadTaskListData.value.showUploadNotify = false;
-  loading.value = true;
-  handleInitExportTaskList().then((res) => {
-    showTaskExportNotify.value = true;
-    showTaskExportList.value = true;
-    exportTaskTotal.value = exportTaskTotal.value + 1;
-    taskExportList.value = [
-      ...[
-        {
-          name: row.name,
-          id: row.id,
-          exportStatus: 'pending',
-          taskId: res.data,
-        },
-      ]?.map((item: any) => {
+  };
+  
+  const handleImportScroll = (e: { target: any }) => {
+    const taskBox = e.target;
+    // 检查是否已经滚动到底部
+    if (taskBox?.clientHeight + taskBox.scrollTop + 10 >= taskBox?.scrollHeight) {
+      if (importTaskPageSize.value < importTaskTotal.value) {
+        taskListLoading.value = true;
+        clearInterval(taskTimer.value);
+        taskTimer.value = null;
+        importTaskPage.value = importTaskPage.value + 1;
+        importTaskPageSize.value = importTaskPage.value * 10;
+        handleQueryTaskList();
+      }
+    }
+  };
+  
+  const handleQueryTaskList = () => {
+    taskTimer.value = setInterval(() => {
+      handelTaskList();
+    }, 2500);
+  };
+  
+  const handleImportLoading = (loadingStatus: boolean) => {
+    // loading.value = loadingStatus;
+    taskListLoading.value = loadingStatus;
+  };
+  
+  const handleStopUploadFile = (taskId: string) => {
+    taskListImportDate.value = Date.now();
+    taskListLoading.value = true;
+    let payload: any = {
+      task_id: taskId,
+    };
+    if (taskId === 'all') {
+      payload = { types: ['import_knowledge_base'] };
+    }
+    KbAppAPI.stopKbTaskList(payload).then(() => {
+      KbAppAPI.queryKbTaskList({
+        types: ['import_knowledge_base'],
+        page_number: 1,
+        page_size: importTaskPageSize.value,
+      }).then((res: any) => {
+        importTaskList.value = res.data_list || [];
+        taskListLoading.value = false;
+        importTaskTotal.value = res.total || 0;
+        taskListImportDate.value = Date.now();
+      });
+    });
+  };
+  
+  const handleExportKl = async (row: any) => {
+    dialogImportVisible.value = false;
+    uploadTaskListData.value.showUploadNotify = false;
+    loading.value = true;
+    handleInitExportTaskList().then((res) => {
+      showTaskExportNotify.value = true;
+      showTaskExportList.value = true;
+      exportTaskTotal.value = exportTaskTotal.value + 1;
+      taskExportList.value = [
+        ...[
+          {
+            name: row.name,
+            id: row.id,
+            exportStatus: 'pending',
+            taskId: res.data,
+          },
+        ]?.map((item: any) => {
+          let taskOptions = {
+            taksInfo: row,
+            taskDownUrl: '',
+            onProgress: (evt: any) => {
+              item.percent = evt;
+            },
+            onError: () => {
+              item.exportStatus = 'error';
+              item.percent = '0';
+            },
+          };
+          KbAppAPI.savebLibrary(row.id, taskOptions)
+            .then((taskRes) => {
+              item.taskId = taskRes;
+              loading.value = false;
+              taskExportTimer.value = setInterval(() => {
+                handleInitExportTaskList();
+              }, 2500);
+            })
+            .catch(() => {
+              taskOptions.onError();
+            });
+  
+          return item;
+        }),
+        ...res.map((item: any) => {
+          let reportDetail = item?.task?.reports?.[0];
+          return {
+            id: item.id,
+            taskId: item.task.id,
+            name: item.name,
+            percent:
+              item?.task?.status === 'success'
+                ? 100
+                : reportDetail
+                  ? ((reportDetail?.current_stage / reportDetail?.stage_cnt) * 100).toFixed(1)
+                  : 0,
+            exportStatus: item?.task?.status,
+          };
+        }),
+      ];
+    });
+  };
+  
+  const handleUploadRestart = (task: { taskId: string }) => {
+    taskExportList.value.forEach((item) => {
+      if (task.taskId === item.taskId) {
         let taskOptions = {
-          taksInfo: row,
+          taksInfo: task,
           taskDownUrl: '',
           onProgress: (evt: any) => {
             item.percent = evt;
@@ -816,409 +877,372 @@ const handleExportKl = async (row: any) => {
             item.exportStatus = 'error';
             item.percent = '0';
           },
+          onSuccess: () => {
+            item.exportStatus = 'success';
+          },
         };
-        KbAppAPI.savebLibrary(row.id, taskOptions)
-          .then((taskRes) => {
-            item.taskId = taskRes;
-            loading.value = false;
-            taskExportTimer.value = setInterval(() => {
-              handleInitExportTaskList();
-            }, 2500);
+        KbAppAPI.savebLibrary(task.taskId, taskOptions)
+          .then(() => {
+            taskOptions.onSuccess();
           })
           .catch(() => {
             taskOptions.onError();
           });
-
-        return item;
-      }),
-      ...res.map((item: any) => {
-        let reportDetail = item?.task?.reports?.[0];
-        return {
-          id: item.id,
-          taskId: item.task.id,
-          name: item.name,
-          percent:
-            item?.task?.status === 'success'
-              ? 100
-              : reportDetail
-                ? ((reportDetail?.current_stage / reportDetail?.stage_cnt) * 100).toFixed(1)
-                : 0,
-          exportStatus: item?.task?.status,
-        };
-      }),
-    ];
-  });
-};
-
-const handleUploadRestart = (task: { taskId: string }) => {
-  taskExportList.value.forEach((item) => {
-    if (task.taskId === item.taskId) {
-      let taskOptions = {
-        taksInfo: task,
-        taskDownUrl: '',
-        onProgress: (evt: any) => {
-          item.percent = evt;
-        },
-        onError: () => {
-          item.exportStatus = 'error';
-          item.percent = '0';
-        },
-        onSuccess: () => {
-          item.exportStatus = 'success';
-        },
-      };
-      KbAppAPI.savebLibrary(task.taskId, taskOptions)
-        .then(() => {
-          taskOptions.onSuccess();
-        })
-        .catch(() => {
-          taskOptions.onError();
-        });
-    }
-  });
-};
-
-const handleCloseSingleUpload = (taskId: string) => {
-  taskExportLoading.value = true;
-  let payload: any = {
-    task_id: taskId,
+      }
+    });
   };
-  if (taskId === 'all') {
-    payload = { types: ['export_knowledge_base'] };
-  }
-  KbAppAPI.stopKbTaskList(payload).then(() => {
-    handleInitExportTaskList();
-  });
-};
-
-const handleInitExportTaskList = () => {
-  return KbAppAPI.queryKbTaskList({
-    types: ['export_knowledge_base'],
-    page_number: 1,
-    page_size: exportTaskPageSize.value,
-  }).then((res: any) => {
-    exportTaskTotal.value = res?.total || 0;
-    taskExportLoading.value = false;
-    taskExportList.value =
-      res.data_list.map((item: any) => {
-        let reportDetail = item?.task?.reports?.[0];
-        return {
-          id: item.id,
-          taskId: item.task.id,
-          name: item.name,
-          percent:
-            item?.task?.status === 'success'
-              ? 100
-              : reportDetail
-                ? ((reportDetail?.current_stage / reportDetail?.stage_cnt) * 100).toFixed(1)
-                : 0,
-          exportStatus: item?.task?.status,
-        };
-      }) || [];
-    if (res?.data_list.every((item: any) => !['pending', 'running'].includes(item?.task?.status))) {
-      clearInterval(taskExportTimer.value);
-      taskExportTimer.value = null;
+  
+  const handleCloseSingleUpload = (taskId: string) => {
+    taskExportLoading.value = true;
+    let payload: any = {
+      task_id: taskId,
+    };
+    if (taskId === 'all') {
+      payload = { types: ['export_knowledge_base'] };
     }
-    return res?.data_list || [];
-  });
-};
-
-const handleExportScroll = (e: { target: any }) => {
-  const taskBox = e.target;
-  // 检查是否已经滚动到底部
-  if (taskBox?.clientHeight + taskBox.scrollTop + 10 >= taskBox?.scrollHeight) {
-    if (exportTaskPageSize.value < exportTaskTotal.value) {
-      taskExportLoading.value = true;
-      clearInterval(taskExportTimer.value);
-      taskExportTimer.value = null;
-      exportTaskPageNumber.value = exportTaskPageNumber.value + 1;
-      exportTaskPageSize.value = exportTaskPageNumber.value * 10;
-      taskExportTimer.value = setInterval(() => {
-        handleInitExportTaskList();
-      }, 2500);
+    KbAppAPI.stopKbTaskList(payload).then(() => {
+      handleInitExportTaskList();
+    });
+  };
+  
+  const handleInitExportTaskList = () => {
+    return KbAppAPI.queryKbTaskList({
+      types: ['export_knowledge_base'],
+      page_number: 1,
+      page_size: exportTaskPageSize.value,
+    }).then((res: any) => {
+      exportTaskTotal.value = res?.total || 0;
+      taskExportLoading.value = false;
+      taskExportList.value =
+        res.data_list.map((item: any) => {
+          let reportDetail = item?.task?.reports?.[0];
+          return {
+            id: item.id,
+            taskId: item.task.id,
+            name: item.name,
+            percent:
+              item?.task?.status === 'success'
+                ? 100
+                : reportDetail
+                  ? ((reportDetail?.current_stage / reportDetail?.stage_cnt) * 100).toFixed(1)
+                  : 0,
+            exportStatus: item?.task?.status,
+          };
+        }) || [];
+      if (res?.data_list.every((item: any) => !['pending', 'running'].includes(item?.task?.status))) {
+        clearInterval(taskExportTimer.value);
+        taskExportTimer.value = null;
+      }
+      return res?.data_list || [];
+    });
+  };
+  
+  const handleExportScroll = (e: { target: any }) => {
+    const taskBox = e.target;
+    // 检查是否已经滚动到底部
+    if (taskBox?.clientHeight + taskBox.scrollTop + 10 >= taskBox?.scrollHeight) {
+      if (exportTaskPageSize.value < exportTaskTotal.value) {
+        taskExportLoading.value = true;
+        clearInterval(taskExportTimer.value);
+        taskExportTimer.value = null;
+        exportTaskPageNumber.value = exportTaskPageNumber.value + 1;
+        exportTaskPageSize.value = exportTaskPageNumber.value * 10;
+        taskExportTimer.value = setInterval(() => {
+          handleInitExportTaskList();
+        }, 2500);
+      }
     }
-  }
-};
-
-// const handleQueryExportTaskList = () => {
-//   taskExportTimer.value = setInterval(() => {
-//     KbAppAPI.queryKbTaskList({
-//       type: "save_knowledge_base",
-//     }).then((res: any) => {
-//       taskExportList.value = res || [];
-//       taskListExportDate.value = Date.now();
-//       if (res?.every((item) => item.status !== "pending")) {
-//         clearInterval(taskExportTimer.value);
-//         taskExportTimer.value = null;
-//       }
-//     });
-//   }, 2500);
-// };
-
-watch(
-  () => t(''),
-  () => {
-    shortcuts.value = [
-      {
-        text: t('timerSearch.lastHour', {
-          timer: 12,
-        }),
-        value: () => {
-          const end = new Date();
-          const start = new Date();
-
-          start.setHours(start.getHours() - 12);
-          return [start, end];
+  };
+  
+  // const handleQueryExportTaskList = () => {
+  //   taskExportTimer.value = setInterval(() => {
+  //     KbAppAPI.queryKbTaskList({
+  //       type: "save_knowledge_base",
+  //     }).then((res: any) => {
+  //       taskExportList.value = res || [];
+  //       taskListExportDate.value = Date.now();
+  //       if (res?.every((item) => item.status !== "pending")) {
+  //         clearInterval(taskExportTimer.value);
+  //         taskExportTimer.value = null;
+  //       }
+  //     });
+  //   }, 2500);
+  // };
+  
+  watch(
+    () => t(''),
+    () => {
+      shortcuts.value = [
+        {
+          text: t('timerSearch.lastHour', {
+            timer: 12,
+          }),
+          value: () => {
+            const end = new Date();
+            const start = new Date();
+  
+            start.setHours(start.getHours() - 12);
+            return [start, end];
+          },
         },
-      },
-      {
-        text: t('timerSearch.lastHour', {
-          timer: 1,
-        }),
-        value: () => {
-          const end = new Date();
-          const start = new Date();
-          start.setHours(start.getHours() - 1);
-          return [start, end];
+        {
+          text: t('timerSearch.lastHour', {
+            timer: 1,
+          }),
+          value: () => {
+            const end = new Date();
+            const start = new Date();
+            start.setHours(start.getHours() - 1);
+            return [start, end];
+          },
         },
-      },
-      {
-        text: t('timerSearch.lastHour', {
-          timer: 3,
-        }),
-        value: () => {
-          const end = new Date();
-          const start = new Date();
-          start.setHours(start.getHours() - 3);
-          return [start, end];
+        {
+          text: t('timerSearch.lastHour', {
+            timer: 3,
+          }),
+          value: () => {
+            const end = new Date();
+            const start = new Date();
+            start.setHours(start.getHours() - 3);
+            return [start, end];
+          },
         },
-      },
-      {
-        text: t('timerSearch.lastHour', {
-          timer: 7,
-        }),
-        value: () => {
-          const end = new Date();
-          const start = new Date();
-          start.setHours(start.getHours() - 7);
-          return [start, end];
+        {
+          text: t('timerSearch.lastHour', {
+            timer: 7,
+          }),
+          value: () => {
+            const end = new Date();
+            const start = new Date();
+            start.setHours(start.getHours() - 7);
+            return [start, end];
+          },
         },
-      },
-    ];
-    userLanguage.value = JSON.parse(localStorage.getItem('userInfo') || '{}')?.language;
-  },
-  {
-    deep: true,
-    immediate: true,
-  }
-);
-
-const handleTimeChange = (e: (string | undefined)[]) => {
-  sortFilter.value.created_time_start = e?.[0] ? uTCToLocalTime(e?.[0]) : '';
-  sortFilter.value.created_time_end = e?.[1] ? uTCToLocalTime(e?.[1]) : '';
-  currentPage.value = 1;
-  currentPageSize.value = 10;
-  handleQueryKbLibrary({
-    page_number: 1,
-    page_size: 10,
-    ...handleFilterData(sortFilter.value),
-  });
-  handleCancelVisible();
-};
-
-const handleCreateKnowledge = () => {
-  dialogCreateVisible.value = true;
-};
-
-const handleCancelVisible = () => {
-  dialogImportVisible.value = false;
-  dialogCreateVisible.value = false;
-};
-
-const handleJumpAssets = (kbItem: any) => {
-  window.open(`${window.origin}/witchaind/#/knowledge/file?kb_id=${kbItem.id}`, '_self');
-};
-
-const handleAddFile = () => {
-  const assetLibraryObj = fileTableList.data[0];
-  window.open(`${window.origin}/witchaind/#/knowledge/file?kb_id=${assetLibraryObj.id}`, '_self');
-};
-
-const handleCancelAddFile = () => {
-  addTipVisible.value = false;
-};
-
-const handleSelectionChange = () => {};
-
-const handleSortChange = (data: { column: any; prop: string; order: any }) => {
-  currentPage.value = 1;
-  sortFilter.value = data.order
-    ? {
-        [data.prop === 'created_time' ? 'created_time_order' : 'document_count_order']:
-          data.order === 'descending' ? 'desc' : 'asc',
-      }
-    : {};
-  handleQueryKbLibrary({
-    page_number: currentPage.value,
-    page_size: currentPageSize.value,
-    ...handleFilterData(sortFilter.value),
-  });
-};
-
-const handleEditKl = (row: any) => {
-  formData.value = row;
-  dialogCreateVisible.value = true;
-};
-
-const handleDeleteKl = (row: any) => {
-  opsItem.value = row;
-  delTipVisible.value = true;
-};
-
-const handleOpenDownload = (fileId: any) => {
-  window.open(`${window.origin}/witchaind/api/kb/download?task_id=${fileId}`);
-};
-
-const handleInputSearch = debounce((e) => {
-  let payload: {
-    page_number: number;
-    page_size: number;
-    [property: string]: any;
-  } = {
-    page_number: 1,
-    page_size: currentPageSize.value,
+      ];
+      userLanguage.value = JSON.parse(localStorage.getItem('userInfo') || '{}')?.language;
+    },
+    {
+      deep: true,
+      immediate: true,
+    }
+  );
+  
+  const handleTimeChange = (e: (string | undefined)[]) => {
+    sortFilter.value.created_time_start = e?.[0] ? uTCToLocalTime(e?.[0]) : '';
+    sortFilter.value.created_time_end = e?.[1] ? uTCToLocalTime(e?.[1]) : '';
+    currentPage.value = 1;
+    currentPageSize.value = 10;
+    handleQueryKbLibrary({
+      page_number: 1,
+      page_size: 10,
+      ...handleFilterData(sortFilter.value),
+    });
+    handleCancelVisible();
+  };
+  
+  const handleCreateKnowledge = () => {
+    dialogCreateVisible.value = true;
+  };
+  
+  const handleCancelVisible = () => {
+    dialogImportVisible.value = false;
+    dialogCreateVisible.value = false;
+  };
+const { navGroup } =  storeToRefs(useGroupStore());
+  
+  const handleJumpAssets = (kbItem: any) => {
+    let groupNav = navGroup.value;
+    groupNav[2]={
+        name:kbItem.name,
+        path:'/libraryInfo',
+        query:{
+          kb_id:kbItem.id
+        }}
+    router.push({path:'/libraryInfo',query:{kb_id:kbItem.id}},);
+    
+  };
+  
+  const handleAddFile = () => {
+    const assetLibraryObj = fileTableList.data[0];
+    window.open(`${window.origin}/witchaind/#/knowledge/file?kb_id=${assetLibraryObj.id}`, '_self');
+  };
+  
+  const handleCancelAddFile = () => {
+    addTipVisible.value = false;
+  };
+  
+  const handleSelectionChange = () => {};
+  
+  const handleSortChange = (data: { column: any; prop: string; order: any }) => {
+    currentPage.value = 1;
+    sortFilter.value = data.order
+      ? {
+          [data.prop === 'created_time' ? 'created_time_order' : 'document_count_order']:
+            data.order === 'descending' ? 'desc' : 'asc',
+        }
+      : {};
+    handleQueryKbLibrary({
+      page_number: currentPage.value,
+      page_size: currentPageSize.value,
+      ...handleFilterData(sortFilter.value),
+    });
+  };
+  
+  const handleEditKl = (row: any) => {
+    formData.value = row;
+    dialogCreateVisible.value = true;
+  };
+  
+  const handleDeleteKl = (row: any) => {
+    opsItem.value = row;
+    delTipVisible.value = true;
   };
-  if (e) {
+  
+  const handleOpenDownload = (fileId: any) => {
+    window.open(`${window.origin}/witchaind/api/kb/download?task_id=${fileId}`);
+  };
+  
+  const handleInputSearch = debounce((e) => {
+    let payload: {
+      page_number: number;
+      page_size: number;
+      [property: string]: any;
+    } = {
+      page_number: 1,
+      page_size: currentPageSize.value,
+    };
+    if (e) {
+      payload = {
+        ...payload,
+        name: e,
+      };
+  
+      if (switchIcon.value === 'list') {
+        sortFilter.value.name = e;
+        payload = { ...payload, ...handleFilterData(sortFilter.value) };
+      }
+    }
+    handleQueryKbLibrary(payload);
+  }, 200);
+  
+  const handleOpsKbConfirm = () => {
+    let payload: {
+      page_number: number;
+      page_size: number;
+      [property: string]: any;
+    } = {
+      page_number: 1,
+      page_size: 10,
+    };
+    if (switchIcon.value === 'thumb') {
+      currentPage.value = 1;
+      currentPageSize.value = 10;
+    } else {
+      payload = {
+        ...payload,
+        ...sortFilter.value,
+      };
+    }
     payload = {
       ...payload,
-      name: e,
+      page_number: currentPage.value,
+      page_size: currentPageSize.value,
     };
-
-    if (switchIcon.value === 'list') {
-      sortFilter.value.name = e;
-      payload = { ...payload, ...handleFilterData(sortFilter.value) };
+    if (knoledgekeyWord.value?.length > 0) {
+      payload.name = knoledgekeyWord.value;
     }
-  }
-  handleQueryKbLibrary(payload);
-}, 200);
-
-const handleOpsKbConfirm = () => {
-  let payload: {
-    page_number: number;
-    page_size: number;
-    [property: string]: any;
-  } = {
-    page_number: 1,
-    page_size: 10,
+    handleQueryKbLibrary(payload);
+  };
+  
+  const handleConfirmDelKb = (row: any) => {
+    loading.value = true;
+    delTipVisible.value = false;
+    KbAppAPI.delKbLibrary({
+      id: row.id,
+      task_id: row.task_id,
+    })
+      .then((res) => {
+        if (res) {
+          ElMessage({
+            showClose: true,
+            message: t('opsMessage.delSuccess'),
+            icon: IconSuccess,
+            customClass: 'o-message--success',
+            duration: 3000,
+          });
+          if (switchIcon.value === 'thumb') {
+            klCardBox.value.scrollTop = 0;
+          }
+          handleOpsKbConfirm();
+        }
+      })
+      .finally(() => {
+        loading.value = false;
+      });
+  };
+  
+  const handleCancelDelKb = () => {
+    delTipVisible.value = false;
   };
-  if (switchIcon.value === 'thumb') {
+  
+  const handelResetForm = () => {
+    dialogCreateVisible.value = false;
+    addTipVisible.value = true;
+    formData.value = resetFormData.value;
+  };
+  
+  const handleCloseCreateKb = () => {
+    dialogCreateVisible.value = false;
+    formData.value = resetFormData.value;
+  };
+  
+  const handleOpsKbForm = () => {
+    handleCloseCreateKb();
     currentPage.value = 1;
     currentPageSize.value = 10;
-  } else {
-    payload = {
-      ...payload,
-      ...sortFilter.value,
-    };
-  }
-  payload = {
-    ...payload,
-    page_number: currentPage.value,
-    page_size: currentPageSize.value,
+    handleQueryKbLibrary({
+      page_number: 1,
+      page_size: 10,
+      ...handleFilterData(sortFilter.value),
+    });
   };
-  if (knoledgekeyWord.value?.length > 0) {
-    payload.name = knoledgekeyWord.value;
-  }
-  handleQueryKbLibrary(payload);
-};
-
-const handleConfirmDelKb = (row: any) => {
-  loading.value = true;
-  delTipVisible.value = false;
-  KbAppAPI.delKbLibrary({
-    id: row.id,
-    task_id: row.task_id,
-  })
-    .then((res) => {
-      if (res) {
-        ElMessage({
-          showClose: true,
-          message: t('opsMessage.delSuccess'),
-          icon: IconSuccess,
-          customClass: 'o-message--success',
-          duration: 3000,
-        });
-        if (switchIcon.value === 'thumb') {
-          klCardBox.value.scrollTop = 0;
-        }
-        handleOpsKbConfirm();
-      }
-    })
-    .finally(() => {
-      loading.value = false;
+  
+  const handleChangePage = (pageNum: number, pageSize: number) => {
+    currentPage.value = pageNum;
+    currentPageSize.value = pageSize;
+    handleQueryKbLibrary({
+      page_number: currentPage.value,
+      page_size: currentPageSize.value,
+      ...handleFilterData(sortFilter.value),
     });
-};
-
-const handleCancelDelKb = () => {
-  delTipVisible.value = false;
-};
-
-const handelResetForm = () => {
-  dialogCreateVisible.value = false;
-  addTipVisible.value = true;
-  formData.value = resetFormData.value;
-};
-
-const handleCloseCreateKb = () => {
-  dialogCreateVisible.value = false;
-  formData.value = resetFormData.value;
-};
-
-const handleOpsKbForm = () => {
-  handleCloseCreateKb();
-  currentPage.value = 1;
-  currentPageSize.value = 10;
-  handleQueryKbLibrary({
-    page_number: 1,
-    page_size: 10,
-    ...handleFilterData(sortFilter.value),
-  });
-};
-
-const handleChangePage = (pageNum: number, pageSize: number) => {
-  currentPage.value = pageNum;
-  currentPageSize.value = pageSize;
-  handleQueryKbLibrary({
-    page_number: currentPage.value,
-    page_size: currentPageSize.value,
-    ...handleFilterData(sortFilter.value),
-  });
-};
-
-const handleUploadMyFile = (options: any) => {
-  KbAppAPI.importKbLibrary(
-    {
-      data: {
-        files: options.file.raw,
+  };
+  
+  const handleUploadMyFile = (options: any) => {
+    KbAppAPI.importKbLibrary(
+      {
+        data: {
+          files: options.file.raw,
+        },
       },
-    },
-    options
-  )
-    .then(() => {
-      options.onProgress(100);
-      options.onSuccess({
-        ...options.fileInfo,
-        success: 'success',
+      options
+    )
+      .then(() => {
+        options.onProgress(100);
+        options.onSuccess({
+          ...options.fileInfo,
+          success: 'success',
+        });
+      })
+      .catch((err) => {
+        options.onError({ ...options.fileInfo, error: err });
       });
-    })
-    .catch((err) => {
-      options.onError({ ...options.fileInfo, error: err });
-    });
-};
-
-onUnmounted(() => {
-  clearInterval(taskExportTimer.value);
-  clearInterval(taskTimer.value);
-  taskTimer.value = null;
-  taskExportTimer.value = null;
-});
-</script>
+  };
+  
+  onUnmounted(() => {
+    clearInterval(taskExportTimer.value);
+    clearInterval(taskTimer.value);
+    taskTimer.value = null;
+    taskExportTimer.value = null;
+  });
+  </script>
+  
\ No newline at end of file
diff --git a/src/views/knowledgeLibrary/libraryInfo.vue b/src/views/knowledgeLibrary/libraryInfo.vue
new file mode 100644
index 0000000000000000000000000000000000000000..88d51490de588354769ff6b56fe2f2f7c1d3d36d
--- /dev/null
+++ b/src/views/knowledgeLibrary/libraryInfo.vue
@@ -0,0 +1,31 @@
+<template>
+  <GroupLayout>
+    <!-- 知识库内容 -->
+    <template v-slot:default>
+      <div v-show="groupMenu === 'knowledge'">
+        <div class="library-info-title">{{ navGroup[2].name }}</div>
+        <el-tabs v-model="activeName" class="library-info-tabs" @tab-click="handleTabClick">
+          <el-tab-pane label="文档管理" name="document">
+            <knowledgeFile />
+          </el-tab-pane>
+          <el-tab-pane label="数据集管理" name="dataset">Config</el-tab-pane>
+          <el-tab-pane label="评测管理" name="evaluation">Role</el-tab-pane>
+        </el-tabs>
+      </div>
+    </template>
+  </GroupLayout>
+</template>
+
+<script setup lang="ts">
+import { useGroupStore } from "@/store/modules/group";
+import knowledgeFile from "@/views/knowledgeFile/index.vue"
+
+import "@/styles/libraryInfo.scss"
+const { navGroup, groupMenu } = storeToRefs(useGroupStore());
+
+let activeName = ref('document')
+
+const handleTabClick = (tab: any, event: any) => { }
+
+
+</script>
\ No newline at end of file
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 697cfce3388bbb5514fe25b1a62f37b7efade29b..da5cecc43cee1a4c55385528eb34865af48f660d 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -404,7 +404,7 @@ const handleLoginSubmit = () => {
             duration: 3000,
           });
           localStorage.setItem('userInfo', JSON.stringify(res));
-          window.open(`${window.origin}/witchaind/#/knowledge/library`, '_self');
+          window.open(`${window.origin}/witchaind/#/group`, '_self');
         })
         .finally(() => {
           loading.value = false;