import { AppRouteModule } from '/@/router/types'; import type { MenuModule, Menu, AppRouteRecordRaw } from '/@/router/types'; import { findPath, treeMap } from '/@/utils/helper/treeHelper'; import { cloneDeep } from 'lodash-es'; import { isUrl } from '/@/utils/is'; import { RouteParams } from 'vue-router'; import { toRaw } from 'vue'; import { defHttp } from '/@/utils/http/axios'; import { useUserStoreWithOut } from '/@/store/modules/user'; let currentRouter = ''; export function getAllParentPath(treeData: T[], path: string) { const menuList = findPath(treeData, (n) => n.path === path) as Menu[]; return (menuList || []).map((item) => item.path); } function joinParentPath(menus: Menu[], parentPath = '') { for (let index = 0; index < menus.length; index++) { const menu = menus[index]; // https://next.router.vuejs.org/guide/essentials/nested-routes.html // Note that nested paths that start with / will be treated as a root path. // This allows you to leverage the component nesting without having to use a nested URL. if (!(menu.path.startsWith('/') || isUrl(menu.path))) { // path doesn't start with /, nor is it a url, join parent path menu.path = `${parentPath}/${menu.path}`; } if (menu?.children?.length) { joinParentPath(menu.children, menu.meta?.hidePathForChildren ? parentPath : menu.path); } } } // Parsing the menu module export function transformMenuModule(menuModule: MenuModule): Menu { const { menu } = menuModule; const menuList = [menu]; joinParentPath(menuList); return menuList[0]; } export function transformRouteToMenu(routeModList: AppRouteModule[], routerMapping = false) { const cloneRouteModList = cloneDeep(routeModList); const routeList: AppRouteRecordRaw[] = []; cloneRouteModList.forEach((item) => { if (routerMapping && item.meta.hideChildrenInMenu && typeof item.redirect === 'string') { item.path = item.redirect; } if (item.meta?.single) { const realItem = item?.children?.[0]; realItem && routeList.push(realItem); } else { routeList.push(item); } }); const list = treeMap(routeList, { conversion: (node: AppRouteRecordRaw) => { const { meta: { title, hideMenu = false } = {} } = node; return { ...(node.meta || {}), meta: node.meta, name: title, hideMenu, alwaysShow: node.alwaysShow || false, path: node.path, ver: node.ver, ...(node.redirect ? { redirect: node.redirect } : {}), }; }, }); joinParentPath(list); return cloneDeep(list); } /** * config menu with given params */ const menuParamRegex = /(?::)([\s\S]+?)((?=\/)|$)/g; export function configureDynamicParamsMenu(menu: Menu, params: RouteParams) { const { path, paramPath } = toRaw(menu); let realPath = paramPath ? paramPath : path; const matchArr = realPath.match(menuParamRegex); matchArr?.forEach((it) => { const realIt = it.substr(1); if (params[realIt]) { realPath = realPath.replace(`:${realIt}`, params[realIt] as string); } }); // save original param path. if (!paramPath && matchArr && matchArr.length > 0) { menu.paramPath = path; } menu.path = realPath; // children menu.children?.forEach((item) => configureDynamicParamsMenu(item, params)); } export async function addBrowseLog(to, from, whitePathList) { const userStore = useUserStoreWithOut(); const token = userStore.getToken; if (token) { let currentBrowseId = ''; if (to.path !== '/sys/log/addBrowseLog') { const url = '/sys/log/addBrowseLog'; // 生成时间戳函数 const formatTimestamp = () => { const date = new Date(); return [ date.getFullYear(), String(date.getMonth() + 1).padStart(2, '0'), String(date.getDate()).padStart(2, '0'), String(date.getHours()).padStart(2, '0'), String(date.getMinutes()).padStart(2, '0'), String(date.getSeconds()).padStart(2, '0'), String(date.getMilliseconds()).padStart(3, '0'), ].join(''); }; // 2. 记录新页面进入日志 currentBrowseId = formatTimestamp(); if (!currentRouter && !whitePathList.includes(to.path)) { currentRouter = to.fullPath; try { await defHttp.post({ url, params: { browseId: currentBrowseId, isEnd: false, method: to.fullPath, }, }); console.log('进入页面日志记录成功'); } catch (e) { console.error('进入页面日志记录失败:', e); } } else { if (from.fullPath === currentRouter) { try { currentRouter = ''; await defHttp.post({ url, params: { browseId: currentBrowseId, isEnd: true, method: from.fullPath, }, }); console.log('进入页面日志记录成功'); } catch (e) { console.error('进入页面日志记录失败:', e); } } } } } }