From 79a62df34000ee7736b850e9c30fcc3edf21b4ff Mon Sep 17 00:00:00 2001 From: Ledo Date: Tue, 19 Aug 2025 14:47:08 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=A1=B5=E9=9D=A2=E8=B7=B3?= =?UTF-8?q?=E8=BD=AC=E5=90=8E=E7=BC=93=E5=AD=98=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/utils/routeParamsCache.ts | 100 ++++++++++++++++++ .../src/utils/routerHelper.ts | 8 +- .../src/views/heli/plan/index.vue | 23 +++- 3 files changed, 125 insertions(+), 6 deletions(-) create mode 100644 mes-ui/mes-ui-admin-vue3/src/utils/routeParamsCache.ts diff --git a/mes-ui/mes-ui-admin-vue3/src/utils/routeParamsCache.ts b/mes-ui/mes-ui-admin-vue3/src/utils/routeParamsCache.ts new file mode 100644 index 00000000..8140d125 --- /dev/null +++ b/mes-ui/mes-ui-admin-vue3/src/utils/routeParamsCache.ts @@ -0,0 +1,100 @@ +import { pa } from 'element-plus/es/locale'; +import { reactive } from 'vue'; +import type { RouteLocationNormalized } from 'vue-router'; + +export type QueryParams = { + pageNo: number; + pageSize: number; + planNo?: string; + projectCode?: string; + customerName?: string; + projectName?: string; + businessManName?: string; + businessLine?: string; + property?: string; + projectOwner?: string; + status?: string; + [key: string]: any; +}; + +type CachedParams = { + queryParams: QueryParams; + timestamp: number; +}; + +const DEFAULT_EXPIRE_HOURS = 24; +const ROUTE_PARAMS_CACHE_KEY = 'route_params_cache_v2'; // 加个版本号避免冲突 +// 生成唯一缓存键（包含路径和查询参数） +const getCacheKey = (route: RouteLocationNormalized) => { + return `${route.path}?${JSON.stringify(route.query)}`; +}; +// 初始化缓存（从 sessionStorage 加载） +const saveCache = (cache: Map) => { + const serializable = Object.fromEntries( + Array.from(cache.entries()).map(([key, value]) => [ + key, + { + queryParams: value.queryParams, + timestamp: value.timestamp, + }, + ]) + ); + localStorage.setItem(ROUTE_PARAMS_CACHE_KEY, JSON.stringify(serializable)); +}; + +const initCache = (): Map => { + const cached = localStorage.getItem(ROUTE_PARAMS_CACHE_KEY); + if (!cached) return new Map(); + + try { + const parsed = JSON.parse(cached); + return new Map( + Object.entries(parsed).map(([key, value]: [string, any]) => [ + key, + { + queryParams: value.queryParams, + timestamp: value.timestamp, + }, + ]) + ); + } catch (e) { + console.error('Failed to parse route params cache:', e); + return new Map(); + } +}; +// 导出默认实例 +const routeParamsCache = { + cache: initCache(), + + set(route: RouteLocationNormalized, params: QueryParams) { + console.log('调用了') + const path = getCacheKey(route); // 使用路由对象生成唯一键 + const cachedParams: CachedParams = { + queryParams: JSON.parse(JSON.stringify(params)), + timestamp: Date.now(), + }; + this.cache.set(path, cachedParams); + saveCache(this.cache); + }, + + get(route: RouteLocationNormalized) { + const path = getCacheKey(route); + return this.cache.get(path)?.queryParams; // 简化返回 + }, + + cleanExpired(expireHours = DEFAULT_EXPIRE_HOURS) { + const now = Date.now(); + const expired = Array.from(this.cache.entries()).filter( + ([_, { timestamp }]) => now - timestamp > expireHours * 60 * 60 * 1000 + ); + expired.forEach(([key]) => this.cache.delete(key)); + saveCache(this.cache); + }, + + clear() { + this.cache.clear(); + saveCache(this.cache); + }, +}; + +export default routeParamsCache; \ No newline at end of file diff --git a/mes-ui/mes-ui-admin-vue3/src/utils/routerHelper.ts b/mes-ui/mes-ui-admin-vue3/src/utils/routerHelper.ts index 00fa52be..f0759ba7 100644 --- a/mes-ui/mes-ui-admin-vue3/src/utils/routerHelper.ts +++ b/mes-ui/mes-ui-admin-vue3/src/utils/routerHelper.ts @@ -2,6 +2,7 @@ import type { RouteLocationNormalized, Router, RouteRecordNormalized } from 'vue import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router' import { isUrl } from '@/utils/is' import { cloneDeep, omit } from 'lodash-es' +import { KeepAlive } from 'vue' const modules = import.meta.glob('../views/**/*.{vue,tsx}') /** @@ -68,7 +69,7 @@ export const generateRoute = (routes: AppCustomRouteRecordRaw[]): AppRouteRecord title: route.name, icon: route.icon, hidden: !route.visible, - noCache: !route.keepAlive, + keepAlive:route.keepAlive, alwaysShow: route.children && (route.alwaysShow !== undefined ? route.alwaysShow : true) @@ -115,7 +116,8 @@ export const generateRoute = (routes: AppCustomRouteRecordRaw[]): AppRouteRecord path: '/external-link', component: Layout, meta: { - name: route.name + name: route.name, + keepAlive:true }, children: [data] } as AppRouteRecordRaw @@ -161,6 +163,7 @@ export const pathResolve = (parentPath: string, path: string) => { // 路由降级 export const flatMultiLevelRoutes = (routes: AppRouteRecordRaw[]) => { const modules: AppRouteRecordRaw[] = cloneDeep(routes) + console.log(routes) for (let index = 0; index < modules.length; index++) { const route = modules[index] if (!isMultipleRoute(route)) { @@ -198,6 +201,7 @@ const promoteRouteLevel = (route: AppRouteRecordRaw) => { }) const routes = router.getRoutes() + console.log(routes) addToChildren(routes, route.children || [], route) router = null diff --git a/mes-ui/mes-ui-admin-vue3/src/views/heli/plan/index.vue b/mes-ui/mes-ui-admin-vue3/src/views/heli/plan/index.vue index c7d9b1fa..54fd958b 100644 --- a/mes-ui/mes-ui-admin-vue3/src/views/heli/plan/index.vue +++ b/mes-ui/mes-ui-admin-vue3/src/views/heli/plan/index.vue @@ -180,7 +180,7 @@ import Print from './productionPrint.vue' // 引入打印弹框 import A3sonPrint from './A3sonPrint.vue' // 引入A3打印弹框 import * as UserApi from '@/api/system/user' import {disposeCoordSysRecordIfNeeded} from "echarts/types/src/component/dataZoom/roams"; - +import routeParamsCache from '@/utils/routeParamsCache'; defineOptions({ name: 'Plan' }) const message = useMessage() // 消息弹窗 @@ -303,12 +303,27 @@ const handleExport = async () => { } const userInit = ref() -/** 初始化 **/ + + +const route = useRoute() onMounted(async () => { - //用户列表数据 userInit.value = await UserApi.getSimpleUserList() + let params = routeParamsCache.get(route.path); + if (params ) { + Object.assign(queryParams, params); + } await getList() -}) +}); + +onBeforeUnmount(() => { + const plainParams = JSON.parse(JSON.stringify(queryParams)); + routeParamsCache.set(route.path, plainParams); +}); + +window.addEventListener('beforeunload', () => { + const plainParams = JSON.parse(JSON.stringify(queryParams)); + routeParamsCache.set(route.path, plainParams); +});