添加文件管理基础组件和路由

README.md

@@ -1,5 +1,6 @@
 # xian_vue_new
 西安项目前端
+
 # xian_vue_new
 
 ## 开发工具说明

src/component/file-management/SearchComponent.vue

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

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();

src/component/rain/RainfallAutomaticSimulationComponent.vue

@@ -4,16 +4,16 @@
 </template>
 
 <script lang="ts" setup>
-  import { $api } from '@/api/api';
+  import { $api } from '@/api/api.ts';
-  import { useRainstormDeduction } from '@/hooks/rainstorm/useRainstormDeduction';
+  import { useRainstormDeduction } from '@/hooks/rainstorm/useRainstormDeduction.ts';
-  import { useSimulationIdStore } from '@/stores/useSimulationIdStore';
+  import { useSimulationIdStore } from '@/stores/useSimulationIdStore.ts';
-  import { useStatusStore } from '@/stores/useStatusStore';
+  import { useStatusStore } from '@/stores/useStatusStore.ts';
-  import { useStepStore } from '@/stores/useStepStore';
+  import { useStepStore } from '@/stores/useStepStore.ts';
-  import type { ApiResponse } from '@/types/ApiResponse';
+  import type { ApiResponse } from '@/types/ApiResponse.ts';
-  import type { RainfallGridResponse } from '@/types/rainstorm/RainfallGridResponse';
+  import type { RainfallGridResponse } from '@/types/rainstorm/RainfallGridResponse.ts';
-  import { CesiumUtilsSingleton } from '@/utils/cesium/CesiumUtils';
+  import { CesiumUtilsSingleton } from '@/utils/cesium/CesiumUtils.ts';
-  import { WebSocketService } from '@/utils/request/websocket';
+  import { WebSocketService } from '@/utils/request/websocket.ts';
-  import { Utils } from '@/utils/utils';
+  import { Utils } from '@/utils/utils.ts';
   import { onMounted, onUnmounted, watch } from 'vue';
 
   let rainfallWsService: WebSocketService | null = null;

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 } },
   ];
 
   /**

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

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>