feat: 增强财务管理系统功能与分析能力

主要更新:
- 🎯 新增综合分析仪表板,包含关键指标卡片、预算对比、智能洞察等组件
- 📊 增强数据可视化能力,新增标签云分析、时间维度分析等图表
- 📱 优化移动端响应式设计,改进触控交互体验
- 🔧 新增多个API模块(base、budget、tag),完善数据管理
- 🗂️ 重构路由结构,新增贷款、快速添加、设置、统计等独立模块
- 🔄 优化数据导入导出功能,增强数据迁移能力
- 🐛 修复多个已知问题,提升系统稳定性

技术改进:
- 使用IndexedDB提升本地存储性能
- 实现模拟API服务,支持离线开发
- 增加自动化测试脚本,确保功能稳定
- 优化打包配置,提升构建效率

文件变更:
- 新增42个文件
- 修改55个文件
- 包含测试脚本、配置文件、组件和API模块

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
你的用户名
2025-08-24 16:41:58 +08:00
parent 4b4616de1e
commit 675fe0a1a8
154 changed files with 10035 additions and 3978 deletions

View File

@@ -2,37 +2,42 @@ import { chromium } from 'playwright';
(async () => {
const browser = await chromium.launch({
headless: false // 有头模式,方便观察
headless: false, // 有头模式,方便观察
});
const context = await browser.newContext();
const page = await context.newPage();
try {
console.log('开始测试统计分析功能...');
// 访问系统
await page.goto('http://localhost:5666/', {
waitUntil: 'networkidle',
timeout: 30000
timeout: 30_000,
});
console.log('页面加载成功');
// 检查是否需要登录
if (page.url().includes('/auth/login')) {
console.log('需要登录...');
// 填写登录信息
const usernameInput = await page.locator('input').first();
await usernameInput.fill('vben');
const passwordInput = await page.locator('input[type="password"]').first();
const passwordInput = await page
.locator('input[type="password"]')
.first();
await passwordInput.fill('123456');
// 点击登录按钮
const loginButton = await page.locator('button').filter({ hasText: '登录' }).first();
const loginButton = await page
.locator('button')
.filter({ hasText: '登录' })
.first();
await loginButton.click();
// 等待登录成功
try {
await page.waitForURL('**/workspace', { timeout: 5000 });
@@ -42,24 +47,24 @@ import { chromium } from 'playwright';
}
console.log('登录成功');
}
// 等待页面加载完成
await page.waitForTimeout(2000);
// 导航到统计分析页面
console.log('导航到数据概览页面...');
await page.goto('http://localhost:5666/analytics/overview', {
waitUntil: 'networkidle',
timeout: 30000
timeout: 30_000,
});
// 等待图表加载
console.log('等待图表加载...');
await page.waitForTimeout(3000);
// 检查各个图表是否存在
console.log('检查图表组件...');
// 检查收支趋势图
const trendChart = await page.locator('.trend-chart').first();
if (await trendChart.isVisible()) {
@@ -67,19 +72,21 @@ import { chromium } from 'playwright';
} else {
console.log('✗ 收支趋势图未找到');
}
// 检查分类饼图
const pieCharts = await page.locator('.category-pie-chart').count();
console.log(`✓ 找到 ${pieCharts} 个分类饼图`);
// 检查月度对比图
const monthlyChart = await page.locator('.monthly-comparison-chart').first();
const monthlyChart = await page
.locator('.monthly-comparison-chart')
.first();
if (await monthlyChart.isVisible()) {
console.log('✓ 月度对比图已加载');
} else {
console.log('✗ 月度对比图未找到');
}
// 检查人员分析图
const personChart = await page.locator('.person-analysis-chart').first();
if (await personChart.isVisible()) {
@@ -87,45 +94,44 @@ import { chromium } from 'playwright';
} else {
console.log('✗ 人员分析图未找到');
}
// 测试日期范围选择
console.log('\n测试日期范围选择...');
const rangePicker = await page.locator('.ant-picker-range').first();
await rangePicker.click();
await page.waitForTimeout(500);
// 选择本月第一天
await page.locator('.ant-picker-cell-today').first().click();
await page.waitForTimeout(500);
// 选择今天
await page.locator('.ant-picker-cell-today').last().click();
await page.waitForTimeout(2000);
console.log('✓ 日期范围选择功能正常');
// 测试统计周期切换
console.log('\n测试统计周期切换...');
await page.selectOption('select', 'month');
await page.waitForTimeout(2000);
console.log('✓ 切换到按月统计');
// 截图保存结果
await page.screenshot({
await page.screenshot({
path: 'analytics-charts-test.png',
fullPage: true
fullPage: true,
});
console.log('\n✓ 已保存测试截图: analytics-charts-test.png');
console.log('\n统计分析功能测试完成');
} catch (error) {
console.error('测试失败:', error);
await page.screenshot({
await page.screenshot({
path: 'analytics-error.png',
fullPage: true
fullPage: true,
});
} finally {
await browser.close();
}
})();
})();