数据管理组件（无内容）

src/component/file-management/SearchComponent.vue

@@ -0,0 +1,5 @@
+<template>
+  <div></div>
+</template>
+<script lang="ts" setup></script>
+<style scoped></style>

src/component/file-management/TableDetailComponent.vue

@@ -0,0 +1,7 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>

src/component/file-management/TableInformationComponent.vue

@@ -0,0 +1,7 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>

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'),
+        },
       ],
     },
   ],

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>