diff --git a/src/component/file-management/SearchComponent.vue b/src/component/file-management/SearchComponent.vue
new file mode 100644
index 0000000..870e9cd
--- /dev/null
+++ b/src/component/file-management/SearchComponent.vue
@@ -0,0 +1,9 @@
+<template>
+    <div></div>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/component/rain-earthquake/BasicComponent.vue b/src/component/rain-earthquake/BasicComponent.vue
index 293c55d..ca32efc 100644
--- a/src/component/rain-earthquake/BasicComponent.vue
+++ b/src/component/rain-earthquake/BasicComponent.vue
@@ -101,7 +101,7 @@
   import DebrisFlowComponent from '@/component/rain-earthquake/basic/DebrisFlowComponent.vue';
   import WaterLoggingComponent from '@/component/rain-earthquake/basic/WaterLoggingComponent.vue';
   import FlashFloodComponent from '@/component/rain-earthquake/basic/FlashFloodComponent.vue';
-  import RainfallGridComponent from '@/component/rain-earthquake/detail-panels/RainfallGridComponent.vue';
+  import RainfallGridComponent from '@/component/rain/RainfallAutomaticSimulationComponent.vue';
   import { useStatusStore } from '@/stores/useStatusStore';
 
   const statusStore = useStatusStore();
diff --git a/src/component/rain-earthquake/detail-panels/RainfallGridComponent.vue b/src/component/rain/RainfallAutomaticSimulationComponent.vue
similarity index 88%
rename from src/component/rain-earthquake/detail-panels/RainfallGridComponent.vue
rename to src/component/rain/RainfallAutomaticSimulationComponent.vue
index 936cd78..85d7b28 100644
--- a/src/component/rain-earthquake/detail-panels/RainfallGridComponent.vue
+++ b/src/component/rain/RainfallAutomaticSimulationComponent.vue
@@ -4,16 +4,16 @@
 </template>
 
 <script lang="ts" setup>
-  import { $api } from '@/api/api';
-  import { useRainstormDeduction } from '@/hooks/rainstorm/useRainstormDeduction';
-  import { useSimulationIdStore } from '@/stores/useSimulationIdStore';
-  import { useStatusStore } from '@/stores/useStatusStore';
-  import { useStepStore } from '@/stores/useStepStore';
-  import type { ApiResponse } from '@/types/ApiResponse';
-  import type { RainfallGridResponse } from '@/types/rainstorm/RainfallGridResponse';
-  import { CesiumUtilsSingleton } from '@/utils/cesium/CesiumUtils';
-  import { WebSocketService } from '@/utils/request/websocket';
-  import { Utils } from '@/utils/utils';
+  import { $api } from '@/api/api.ts';
+  import { useRainstormDeduction } from '@/hooks/rainstorm/useRainstormDeduction.ts';
+  import { useSimulationIdStore } from '@/stores/useSimulationIdStore.ts';
+  import { useStatusStore } from '@/stores/useStatusStore.ts';
+  import { useStepStore } from '@/stores/useStepStore.ts';
+  import type { ApiResponse } from '@/types/ApiResponse.ts';
+  import type { RainfallGridResponse } from '@/types/rainstorm/RainfallGridResponse.ts';
+  import { CesiumUtilsSingleton } from '@/utils/cesium/CesiumUtils.ts';
+  import { WebSocketService } from '@/utils/request/websocket.ts';
+  import { Utils } from '@/utils/utils.ts';
   import { onMounted, onUnmounted, watch } from 'vue';
 
   let rainfallWsService: WebSocketService | null = null;
diff --git a/src/hooks/useIndex.ts b/src/hooks/useIndex.ts
index 6bd4636..7846e7f 100644
--- a/src/hooks/useIndex.ts
+++ b/src/hooks/useIndex.ts
@@ -16,7 +16,7 @@ export const useIndex = () => {
     { title: '多灾种灾害链分析', name: 'index', query: { identification: 3 } },
     { title: '灾害链情景推演', name: 'index', query: { identification: 4 } },
     { title: '数据管理', name: 'dataManagement', query: { identification: 5 } },
-    { title: '文件管理', name: 'index', query: { identification: 6 } },
+    { title: '文件管理', name: 'fileManagement', query: { identification: 6 } },
   ];
 
   /**
diff --git a/src/router/index.ts b/src/router/index.ts
index 6967f8b..65d1633 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -25,6 +25,12 @@ const router = createRouter({
           component: () =>
             import('@/views/home/data-management/DataManagementView.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..069cd6d
--- /dev/null
+++ b/src/views/home/file-management/FileManagementView.vue
@@ -0,0 +1,19 @@
+<!-- 文件管理 -->
+<template>
+  <!-- 搜索组件 -->
+   <SearchComponent />
+</template>
+
+<script setup lang="ts">
+import SearchComponent from '@/component/file-management/SearchComponent.vue';
+import { useStatusStore } from '@/stores/useStatusStore';
+
+const statusStore = useStatusStore()
+
+// 加载完成
+statusStore.appLoadingCompleted = true;
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file