添加部分钩子函数，便于代码维护

src/views/IndexView.vue

@@ -29,30 +29,12 @@
 
 <script setup lang="ts">
   import { useViewerStore } from '@/stores/useViewerStore';
-  import { RouterView, useRoute } from 'vue-router';
+  import { RouterView } from 'vue-router';
   import { backgroundImage, mainLogoImage } from '@/assets';
+  import { useIndex } from '@/hooks/useIndex';
 
-  useViewerStore().setViewerLoadingCompleted(true);
-
-  const route = useRoute();
-
-  const topNavMap = [
-    { title: '暴雨灾害链', name: 'rainstorm', query: { identification: 1 } },
-    { title: '地震灾害链', name: 'earthquake', query: { identification: 2 } },
-    { title: '多灾种灾害链分析', name: 'index', query: { identification: 3 } },
-    { title: '灾害链情景推演', name: 'index', query: { identification: 4 } },
-    { title: '数据管理', name: 'index', query: { identification: 5 } },
-    { title: '文件管理', name: 'index', query: { identification: 6 } },
-  ];
-
-  // 判断当前导航项是否激活
-  const isActive = (identification: number) => {
-    const targetId = identification.toString();
-    let currentId = route.query.identification;
-    if (!currentId) return targetId === '1';
-    if (Array.isArray(currentId)) currentId = currentId[0];
-    return currentId === targetId || route.query.identification === targetId;
-  };
+  // 获取钩子函数
+  const { topNavMap, isActive } = useIndex();
 </script>
 
 <style scoped>