perf(admin): 优化管理端页面切换性能与包体积 (同步自 main)

- 阶段 A: 增加 KeepAlive 缓存高频列表页,改用 onActivated 进行后台静默刷新,优化 tab 切换与 HomeEntry 闪屏

- 阶段 B: beforeEach 守卫在 TTL 内走同步快速路径,api 请求拦截器缓存 token 避免重复解析 JWT

- 阶段 C: 引入 unplugin 插件启用 Element Plus 组件按需加载,清理 App.vue 中 960+ 行冗余暗色主题 CSS

- i18n 拆包: 将三语文案包提取为独立懒加载 chunks,主包体积从 209KB 减少至 99KB (降低 53%)
This commit is contained in:
2026-06-18 15:32:16 +08:00
parent 0c25531577
commit 929352bc62
26 changed files with 549 additions and 603 deletions

View File

@@ -1,5 +1,7 @@
<script setup lang="ts">
import { ref, onMounted } from 'vue';
import { ref, onMounted, onActivated } from 'vue';
defineOptions({ name: 'AdminDepositOrders' });
import { ElMessage, ElMessageBox } from 'element-plus';
import { useAdminLocale } from '../composables/useAdminLocale';
import { resolveApiError } from '../i18n/form-validation';
@@ -248,6 +250,8 @@ function prevPage() { if (page.value > 1) { page.value--; fetchList(); } }
function nextPage() { if (page.value * pageSize.value < total.value) { page.value++; fetchList(); } }
onMounted(fetchList);
// KeepAlive 激活时静默刷新
onActivated(() => { if (items.value.length > 0) void fetchList(); });
</script>
<template>