26 lines
1.0 KiB
TypeScript
26 lines
1.0 KiB
TypeScript
|
import { useRoute } from 'vue-router';
|
||
|
|
|
||
|
|
export const useIndex = () => {
|
||
|
|
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;
|
||
|
|
};
|
||
|
|
|
||
|
|
return { topNavMap, isActive };
|
||
|
|
};
|