675fe0a1a8
主要更新： - 🎯 新增综合分析仪表板，包含关键指标卡片、预算对比、智能洞察等组件 - 📊 增强数据可视化能力，新增标签云分析、时间维度分析等图表 - 📱 优化移动端响应式设计，改进触控交互体验 - 🔧 新增多个API模块（base、budget、tag），完善数据管理 - 🗂️ 重构路由结构，新增贷款、快速添加、设置、统计等独立模块 - 🔄 优化数据导入导出功能，增强数据迁移能力 - 🐛 修复多个已知问题，提升系统稳定性 技术改进： - 使用IndexedDB提升本地存储性能 - 实现模拟API服务，支持离线开发 - 增加自动化测试脚本，确保功能稳定 - 优化打包配置，提升构建效率 文件变更： - 新增42个文件 - 修改55个文件 - 包含测试脚本、配置文件、组件和API模块 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
536 lines
12 KiB
TypeScript
536 lines
12 KiB
TypeScript
export interface UserInfo {
|
|
id: number;
|
|
password: string;
|
|
realName: string;
|
|
roles: string[];
|
|
username: string;
|
|
homePath?: string;
|
|
}
|
|
|
|
export const MOCK_USERS: UserInfo[] = [
|
|
{
|
|
id: 0,
|
|
password: '123456',
|
|
realName: 'Vben',
|
|
roles: ['super'],
|
|
username: 'vben',
|
|
},
|
|
{
|
|
id: 1,
|
|
password: '123456',
|
|
realName: 'Admin',
|
|
roles: ['admin'],
|
|
username: 'admin',
|
|
homePath: '/workspace',
|
|
},
|
|
{
|
|
id: 2,
|
|
password: '123456',
|
|
realName: 'Jack',
|
|
roles: ['user'],
|
|
username: 'jack',
|
|
homePath: '/analytics',
|
|
},
|
|
];
|
|
|
|
export const MOCK_CODES = [
|
|
// super
|
|
{
|
|
codes: ['AC_100100', 'AC_100110', 'AC_100120', 'AC_100010'],
|
|
username: 'vben',
|
|
},
|
|
{
|
|
// admin
|
|
codes: ['AC_100010', 'AC_100020', 'AC_100030'],
|
|
username: 'admin',
|
|
},
|
|
{
|
|
// user
|
|
codes: ['AC_1000001', 'AC_1000002'],
|
|
username: 'jack',
|
|
},
|
|
];
|
|
|
|
const dashboardMenus = [
|
|
{
|
|
meta: {
|
|
order: -1,
|
|
title: 'page.dashboard.title',
|
|
},
|
|
name: 'Dashboard',
|
|
path: '/dashboard',
|
|
redirect: '/workspace',
|
|
children: [
|
|
{
|
|
name: 'Workspace',
|
|
path: '/workspace',
|
|
component: '/dashboard/workspace/index',
|
|
meta: {
|
|
affixTab: true,
|
|
title: 'page.dashboard.workspace',
|
|
},
|
|
},
|
|
],
|
|
},
|
|
];
|
|
|
|
const analyticsMenus = [
|
|
{
|
|
meta: {
|
|
order: 2,
|
|
title: '数据分析',
|
|
icon: 'ant-design:bar-chart-outlined',
|
|
},
|
|
name: 'Analytics',
|
|
path: '/analytics',
|
|
redirect: '/analytics/overview',
|
|
children: [
|
|
{
|
|
name: 'AnalyticsOverview',
|
|
path: '/analytics/overview',
|
|
component: '/analytics/overview/index',
|
|
meta: {
|
|
title: '数据概览',
|
|
icon: 'ant-design:dashboard-outlined',
|
|
},
|
|
},
|
|
{
|
|
name: 'AnalyticsTrends',
|
|
path: '/analytics/trends',
|
|
component: '/analytics/trends/index',
|
|
meta: {
|
|
title: '趋势分析',
|
|
icon: 'ant-design:line-chart-outlined',
|
|
},
|
|
},
|
|
{
|
|
name: 'AnalyticsReports',
|
|
path: '/analytics/reports',
|
|
meta: {
|
|
title: '报表',
|
|
icon: 'ant-design:file-text-outlined',
|
|
},
|
|
children: [
|
|
{
|
|
name: 'DailyReport',
|
|
path: '/analytics/reports/daily',
|
|
component: '/analytics/reports/daily',
|
|
meta: {
|
|
title: '日报表',
|
|
},
|
|
},
|
|
{
|
|
name: 'MonthlyReport',
|
|
path: '/analytics/reports/monthly',
|
|
component: '/analytics/reports/monthly',
|
|
meta: {
|
|
title: '月报表',
|
|
},
|
|
},
|
|
{
|
|
name: 'YearlyReport',
|
|
path: '/analytics/reports/yearly',
|
|
component: '/analytics/reports/yearly',
|
|
meta: {
|
|
title: '年报表',
|
|
},
|
|
},
|
|
{
|
|
name: 'CustomReport',
|
|
path: '/analytics/reports/custom',
|
|
component: '/analytics/reports/custom',
|
|
meta: {
|
|
title: '自定义报表',
|
|
},
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
];
|
|
|
|
const financeMenus = [
|
|
{
|
|
meta: {
|
|
order: 3,
|
|
title: '财务管理',
|
|
icon: 'ant-design:dollar-circle-outlined',
|
|
},
|
|
name: 'Finance',
|
|
path: '/finance',
|
|
redirect: '/finance/dashboard',
|
|
children: [
|
|
{
|
|
name: 'FinanceDashboard',
|
|
path: '/finance/dashboard',
|
|
component: '/finance/dashboard/index',
|
|
meta: {
|
|
title: '财务仪表盘',
|
|
icon: 'ant-design:dashboard-outlined',
|
|
},
|
|
},
|
|
{
|
|
name: 'FinanceTransaction',
|
|
path: '/finance/transaction',
|
|
component: '/finance/transaction/index',
|
|
meta: {
|
|
title: '交易管理',
|
|
icon: 'ant-design:transaction-outlined',
|
|
},
|
|
},
|
|
{
|
|
name: 'FinanceCategory',
|
|
path: '/finance/category',
|
|
component: '/finance/category/index',
|
|
meta: {
|
|
title: '分类管理',
|
|
icon: 'ant-design:appstore-outlined',
|
|
},
|
|
},
|
|
{
|
|
name: 'FinancePerson',
|
|
path: '/finance/person',
|
|
component: '/finance/person/index',
|
|
meta: {
|
|
title: '人员管理',
|
|
icon: 'ant-design:user-outlined',
|
|
},
|
|
},
|
|
{
|
|
name: 'FinanceLoan',
|
|
path: '/finance/loan',
|
|
component: '/finance/loan/index',
|
|
meta: {
|
|
title: '贷款管理',
|
|
icon: 'ant-design:bank-outlined',
|
|
},
|
|
},
|
|
{
|
|
name: 'FinanceBudget',
|
|
path: '/finance/budget',
|
|
component: '/finance/budget/index',
|
|
meta: {
|
|
title: '预算管理',
|
|
icon: 'ant-design:wallet-outlined',
|
|
},
|
|
},
|
|
{
|
|
name: 'FinanceTag',
|
|
path: '/finance/tag',
|
|
component: '/finance/tag/index',
|
|
meta: {
|
|
title: '标签管理',
|
|
icon: 'ant-design:tags-outlined',
|
|
},
|
|
},
|
|
],
|
|
},
|
|
];
|
|
|
|
const createDemosMenus = (role: 'admin' | 'super' | 'user') => {
|
|
const roleWithMenus = {
|
|
admin: {
|
|
component: '/demos/access/admin-visible',
|
|
meta: {
|
|
icon: 'mdi:button-cursor',
|
|
title: 'demos.access.adminVisible',
|
|
},
|
|
name: 'AccessAdminVisibleDemo',
|
|
path: '/demos/access/admin-visible',
|
|
},
|
|
super: {
|
|
component: '/demos/access/super-visible',
|
|
meta: {
|
|
icon: 'mdi:button-cursor',
|
|
title: 'demos.access.superVisible',
|
|
},
|
|
name: 'AccessSuperVisibleDemo',
|
|
path: '/demos/access/super-visible',
|
|
},
|
|
user: {
|
|
component: '/demos/access/user-visible',
|
|
meta: {
|
|
icon: 'mdi:button-cursor',
|
|
title: 'demos.access.userVisible',
|
|
},
|
|
name: 'AccessUserVisibleDemo',
|
|
path: '/demos/access/user-visible',
|
|
},
|
|
};
|
|
|
|
return [
|
|
{
|
|
meta: {
|
|
icon: 'ic:baseline-view-in-ar',
|
|
keepAlive: true,
|
|
order: 1000,
|
|
title: 'demos.title',
|
|
},
|
|
name: 'Demos',
|
|
path: '/demos',
|
|
redirect: '/demos/access',
|
|
children: [
|
|
{
|
|
name: 'AccessDemos',
|
|
path: '/demosaccess',
|
|
meta: {
|
|
icon: 'mdi:cloud-key-outline',
|
|
title: 'demos.access.backendPermissions',
|
|
},
|
|
redirect: '/demos/access/page-control',
|
|
children: [
|
|
{
|
|
name: 'AccessPageControlDemo',
|
|
path: '/demos/access/page-control',
|
|
component: '/demos/access/index',
|
|
meta: {
|
|
icon: 'mdi:page-previous-outline',
|
|
title: 'demos.access.pageAccess',
|
|
},
|
|
},
|
|
{
|
|
name: 'AccessButtonControlDemo',
|
|
path: '/demos/access/button-control',
|
|
component: '/demos/access/button-control',
|
|
meta: {
|
|
icon: 'mdi:button-cursor',
|
|
title: 'demos.access.buttonControl',
|
|
},
|
|
},
|
|
{
|
|
name: 'AccessMenuVisible403Demo',
|
|
path: '/demos/access/menu-visible-403',
|
|
component: '/demos/access/menu-visible-403',
|
|
meta: {
|
|
authority: ['no-body'],
|
|
icon: 'mdi:button-cursor',
|
|
menuVisibleWithForbidden: true,
|
|
title: 'demos.access.menuVisible403',
|
|
},
|
|
},
|
|
roleWithMenus[role],
|
|
],
|
|
},
|
|
],
|
|
},
|
|
];
|
|
};
|
|
|
|
export const MOCK_MENUS = [
|
|
{
|
|
menus: [...dashboardMenus, ...analyticsMenus, ...financeMenus, ...createDemosMenus('super')],
|
|
username: 'vben',
|
|
},
|
|
{
|
|
menus: [...dashboardMenus, ...analyticsMenus, ...financeMenus, ...createDemosMenus('admin')],
|
|
username: 'admin',
|
|
},
|
|
{
|
|
menus: [...dashboardMenus, ...analyticsMenus, ...financeMenus, ...createDemosMenus('user')],
|
|
username: 'jack',
|
|
},
|
|
];
|
|
|
|
export const MOCK_MENU_LIST = [
|
|
{
|
|
id: 1,
|
|
name: 'Workspace',
|
|
status: 1,
|
|
type: 'menu',
|
|
icon: 'mdi:dashboard',
|
|
path: '/workspace',
|
|
component: '/dashboard/workspace/index',
|
|
meta: {
|
|
icon: 'carbon:workspace',
|
|
title: 'page.dashboard.workspace',
|
|
affixTab: true,
|
|
order: 0,
|
|
},
|
|
},
|
|
{
|
|
id: 2,
|
|
meta: {
|
|
icon: 'carbon:settings',
|
|
order: 9997,
|
|
title: 'system.title',
|
|
badge: 'new',
|
|
badgeType: 'normal',
|
|
badgeVariants: 'primary',
|
|
},
|
|
status: 1,
|
|
type: 'catalog',
|
|
name: 'System',
|
|
path: '/system',
|
|
children: [
|
|
{
|
|
id: 201,
|
|
pid: 2,
|
|
path: '/system/menu',
|
|
name: 'SystemMenu',
|
|
authCode: 'System:Menu:List',
|
|
status: 1,
|
|
type: 'menu',
|
|
meta: {
|
|
icon: 'carbon:menu',
|
|
title: 'system.menu.title',
|
|
},
|
|
component: '/system/menu/list',
|
|
children: [
|
|
{
|
|
id: 20_101,
|
|
pid: 201,
|
|
name: 'SystemMenuCreate',
|
|
status: 1,
|
|
type: 'button',
|
|
authCode: 'System:Menu:Create',
|
|
meta: { title: 'common.create' },
|
|
},
|
|
{
|
|
id: 20_102,
|
|
pid: 201,
|
|
name: 'SystemMenuEdit',
|
|
status: 1,
|
|
type: 'button',
|
|
authCode: 'System:Menu:Edit',
|
|
meta: { title: 'common.edit' },
|
|
},
|
|
{
|
|
id: 20_103,
|
|
pid: 201,
|
|
name: 'SystemMenuDelete',
|
|
status: 1,
|
|
type: 'button',
|
|
authCode: 'System:Menu:Delete',
|
|
meta: { title: 'common.delete' },
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: 202,
|
|
pid: 2,
|
|
path: '/system/dept',
|
|
name: 'SystemDept',
|
|
status: 1,
|
|
type: 'menu',
|
|
authCode: 'System:Dept:List',
|
|
meta: {
|
|
icon: 'carbon:container-services',
|
|
title: 'system.dept.title',
|
|
},
|
|
component: '/system/dept/list',
|
|
children: [
|
|
{
|
|
id: 20_401,
|
|
pid: 201,
|
|
name: 'SystemDeptCreate',
|
|
status: 1,
|
|
type: 'button',
|
|
authCode: 'System:Dept:Create',
|
|
meta: { title: 'common.create' },
|
|
},
|
|
{
|
|
id: 20_402,
|
|
pid: 201,
|
|
name: 'SystemDeptEdit',
|
|
status: 1,
|
|
type: 'button',
|
|
authCode: 'System:Dept:Edit',
|
|
meta: { title: 'common.edit' },
|
|
},
|
|
{
|
|
id: 20_403,
|
|
pid: 201,
|
|
name: 'SystemDeptDelete',
|
|
status: 1,
|
|
type: 'button',
|
|
authCode: 'System:Dept:Delete',
|
|
meta: { title: 'common.delete' },
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: 9,
|
|
meta: {
|
|
badgeType: 'dot',
|
|
order: 9998,
|
|
title: 'demos.vben.title',
|
|
icon: 'carbon:data-center',
|
|
},
|
|
name: 'Project',
|
|
path: '/vben-admin',
|
|
type: 'catalog',
|
|
status: 1,
|
|
children: [
|
|
{
|
|
id: 901,
|
|
pid: 9,
|
|
name: 'VbenDocument',
|
|
path: '/vben-admin/document',
|
|
component: 'IFrameView',
|
|
type: 'embedded',
|
|
status: 1,
|
|
meta: {
|
|
icon: 'carbon:book',
|
|
iframeSrc: 'https://doc.vben.pro',
|
|
title: 'demos.vben.document',
|
|
},
|
|
},
|
|
{
|
|
id: 902,
|
|
pid: 9,
|
|
name: 'VbenGithub',
|
|
path: '/vben-admin/github',
|
|
component: 'IFrameView',
|
|
type: 'link',
|
|
status: 1,
|
|
meta: {
|
|
icon: 'carbon:logo-github',
|
|
link: 'https://github.com/vbenjs/vue-vben-admin',
|
|
title: 'Github',
|
|
},
|
|
},
|
|
{
|
|
id: 903,
|
|
pid: 9,
|
|
name: 'VbenAntdv',
|
|
path: '/vben-admin/antdv',
|
|
component: 'IFrameView',
|
|
type: 'link',
|
|
status: 0,
|
|
meta: {
|
|
icon: 'carbon:hexagon-vertical-solid',
|
|
badgeType: 'dot',
|
|
link: 'https://ant.vben.pro',
|
|
title: 'demos.vben.antdv',
|
|
},
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: 10,
|
|
component: '_core/about/index',
|
|
type: 'menu',
|
|
status: 1,
|
|
meta: {
|
|
icon: 'lucide:copyright',
|
|
order: 9999,
|
|
title: 'demos.vben.about',
|
|
},
|
|
name: 'About',
|
|
path: '/about',
|
|
},
|
|
];
|
|
|
|
export function getMenuIds(menus: any[]) {
|
|
const ids: number[] = [];
|
|
menus.forEach((item) => {
|
|
ids.push(item.id);
|
|
if (item.children && item.children.length > 0) {
|
|
ids.push(...getMenuIds(item.children));
|
|
}
|
|
});
|
|
return ids;
|
|
}
|