diff --git a/src/component/file-management/SearchComponent.vue b/src/component/file-management/SearchComponent.vue
new file mode 100644
index 0000000..e0a08f8
--- /dev/null
+++ b/src/component/file-management/SearchComponent.vue
@@ -0,0 +1,5 @@
+<template>
+  <div></div>
+</template>
+<script lang="ts" setup></script>
+<style scoped></style>
diff --git a/src/component/file-management/TableDetailComponent.vue b/src/component/file-management/TableDetailComponent.vue
new file mode 100644
index 0000000..3e93f3b
--- /dev/null
+++ b/src/component/file-management/TableDetailComponent.vue
@@ -0,0 +1,7 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>
diff --git a/src/component/file-management/TableInformationComponent.vue b/src/component/file-management/TableInformationComponent.vue
new file mode 100644
index 0000000..3e93f3b
--- /dev/null
+++ b/src/component/file-management/TableInformationComponent.vue
@@ -0,0 +1,7 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>
diff --git a/src/router/index.ts b/src/router/index.ts
index 367ab81..c07e420 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -19,6 +19,12 @@ const router = createRouter({
           name: 'earthquake',
           component: () => import('@/views/home/earthquake/EarthquakeView.vue'),
         },
+        {
+          path: 'file-management',
+          name: 'fileManagement',
+          component: () =>
+            import('@/views/home/file-management/FileManagementView.vue'),
+        },
       ],
     },
   ],
diff --git a/src/views/home/file-management/FileManagementView.vue b/src/views/home/file-management/FileManagementView.vue
new file mode 100644
index 0000000..1c1fdb7
--- /dev/null
+++ b/src/views/home/file-management/FileManagementView.vue
@@ -0,0 +1,19 @@
+<!-- 文件管理组件 -->
+<template>
+  <!-- 搜搜组件 -->
+  <SearchComponent />
+
+  <!-- 表信息组件 -->
+  <TableInformationComponent />
+
+  <!-- 表格详情组件 -->
+  <TableDetailComponent />
+</template>
+
+<script lang="ts" setup>
+  import SearchComponent from '@/component/file-management/SearchComponent.vue';
+  import TableDetailComponent from '@/component/file-management/TableDetailComponent.vue';
+  import TableInformationComponent from '@/component/file-management/TableInformationComponent.vue';
+</script>
+
+<style scoped></style>