diff --git a/web-vue/src/d.ts/auto-import.d.ts b/web-vue/src/d.ts/auto-import.d.ts
index 53e53b4aa92e2ee31c64a734eb93d8f6619d346c..e76655275bdd70f3b1973a240ef8552dc1aed1ba 100644
--- a/web-vue/src/d.ts/auto-import.d.ts
+++ b/web-vue/src/d.ts/auto-import.d.ts
@@ -56,6 +56,7 @@ declare global {
   const onServerPrefetch: typeof import('vue')['onServerPrefetch']
   const onUnmounted: typeof import('vue')['onUnmounted']
   const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
   const provide: typeof import('vue')['provide']
   const reactive: typeof import('vue')['reactive']
   const readonly: typeof import('vue')['readonly']
@@ -76,10 +77,13 @@ declare global {
   const useAttrs: typeof import('vue')['useAttrs']
   const useCssModule: typeof import('vue')['useCssModule']
   const useCssVars: typeof import('vue')['useCssVars']
+  const useId: typeof import('vue')['useId']
   const useLink: typeof import('vue-router')['useLink']
+  const useModel: typeof import('vue')['useModel']
   const useRoute: typeof import('vue-router')['useRoute']
   const useRouter: typeof import('vue-router')['useRouter']
   const useSlots: typeof import('vue')['useSlots']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
   const watch: typeof import('vue')['watch']
   const watchEffect: typeof import('vue')['watchEffect']
   const watchPostEffect: typeof import('vue')['watchPostEffect']
@@ -88,6 +92,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
   import('vue')
 }
diff --git a/web-vue/src/pages/node/node-layout/project/project-file.vue b/web-vue/src/pages/node/node-layout/project/project-file.vue
index 63bc9a9e2e49f7a526f2cf74e9472eb2e0352bcf..67fab97cd7cf85a1d988575b59bf76e341242c2f 100644
--- a/web-vue/src/pages/node/node-layout/project/project-file.vue
+++ b/web-vue/src/pages/node/node-layout/project/project-file.vue
@@ -44,11 +44,13 @@
             size="middle"
             :loading="loading"
             :columns="columns"
-            :pagination="false"
+            :pagination="pagination"
             bordered
             :scroll="{
-              x: 'max-content'
+              x: 'max-content',
+              y: 'calc(100vh - 250px)'
             }"
+            @change="handleTableChange"
           >
             <template #title>
               <!-- <a-tag color="#2db7f5">项目目录: {{ absPath }}</a-tag>-->
@@ -504,7 +506,7 @@ import {
   copyFileFolder,
   compressFileFolder
 } from '@/api/node-project'
-import { ZIP_ACCEPT, renderSize, formatDuration, concurrentExecution, parseTime } from '@/utils/const'
+import { ZIP_ACCEPT, renderSize, formatDuration, concurrentExecution, parseTime, PAGE_DEFAULT_SHOW_TOTAL } from '@/utils/const'
 import codeEditor from '@/components/codeEditor'
 import projectFileBackup from './project-file-backup.vue'
 import { uploadPieces } from '@/utils/upload-pieces'
@@ -541,6 +543,7 @@ export default {
       loading: false,
       treeList: [],
       fileList: [],
+      allFileList: [],
       uploadFileList: [],
       tempNode: {},
       temp: {},
@@ -621,6 +624,17 @@ export default {
           }
         ]
       },
+      pagination: {
+        current: 1,
+        pageSize: 50,
+        total: 0,
+        showSizeChanger: true,
+        showQuickJumper: true,
+        showTotal: (total) => {
+          return PAGE_DEFAULT_SHOW_TOTAL(total)
+        },
+        pageSizeOptions: ['20', '50', '100', '200']
+      },
       addFileFolderVisible: false,
       // 目录1 文件2 标识
       addFileOrFolderType: 1,
@@ -1102,20 +1116,32 @@ export default {
       // 加载文件
       getFileList(params).then((res) => {
         if (res.code === 200) {
-          // 区分目录和文件
-          res.data.forEach((element) => {
-            // if (!element.isDirectory) {
-            // 设置文件表格
-            this.fileList.push({
-              ...element
-            })
-            // }
-          })
+          // 保存全量数据
+          this.allFileList = res.data.map((element) => ({
+            ...element
+          }))
+          // 更新分页总数
+          this.pagination.total = res.data.length
+          // 根据分页设置显示数据
+          this.updatePagedFileList()
           this.fileList2TreeData(res.data)
         }
         this.loading = false
       })
     },
+    // 表格分页变化
+    handleTableChange(pagination) {
+      this.pagination.current = pagination.current
+      this.pagination.pageSize = pagination.pageSize
+      this.updatePagedFileList()
+    },
+    // 更新分页数据
+    updatePagedFileList() {
+      const { current, pageSize } = this.pagination
+      const start = (current - 1) * pageSize
+      const end = start + pageSize
+      this.fileList = this.allFileList.slice(start, end)
+    },
     // 清空文件
     clearFile() {
       const msg = this.uploadPath