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

@@ -3,7 +3,7 @@ import { chromium } from 'playwright';
(async () => {
const browser = await chromium.launch({
headless: false,
slowMo: 500
slowMo: 500,
});
const page = await browser.newPage();
@@ -12,36 +12,44 @@ import { chromium } from 'playwright';
console.log('访问交易管理页面...');
await page.goto('http://localhost:5667/finance/transaction');
await page.waitForTimeout(3000);
console.log('点击新建按钮...');
const createBtn = await page.locator('button').filter({ hasText: '新建' }).first();
const createBtn = await page
.locator('button')
.filter({ hasText: '新建' })
.first();
await createBtn.click();
console.log('等待弹窗...');
await page.waitForTimeout(2000);
// 检查弹窗中的按钮
console.log('\n检查弹窗按钮...');
const modalFooterButtons = await page.locator('.ant-modal-footer button').all();
const modalFooterButtons = await page
.locator('.ant-modal-footer button')
.all();
console.log(`找到 ${modalFooterButtons.length} 个按钮`);
for (let i = 0; i < modalFooterButtons.length; i++) {
const btn = modalFooterButtons[i];
for (const [i, btn] of modalFooterButtons.entries()) {
const text = await btn.textContent();
const disabled = await btn.isDisabled();
const classes = await btn.getAttribute('class');
console.log(`按钮 ${i + 1}: 文本="${text}", 禁用=${disabled}, class="${classes}"`);
console.log(
`按钮 ${i + 1}: 文本="${text}", 禁用=${disabled}, class="${classes}"`,
);
}
// 填写必填字段
console.log('\n填写必填字段...');
// 1. 金额
console.log('填写金额...');
const amountInput = await page.locator('input.ant-input-number-input').first();
const amountInput = await page
.locator('input.ant-input-number-input')
.first();
await amountInput.clear();
await amountInput.fill('100');
// 2. 选择分类 - 使用更精确的方式
console.log('选择分类...');
// 先找到分类的选择框(在弹窗内)
@@ -49,33 +57,37 @@ import { chromium } from 'playwright';
const categorySelect = await modal.locator('.ant-select').nth(1);
await categorySelect.click();
await page.waitForTimeout(500);
// 选择第一个选项
const firstOption = await page.locator('.ant-select-dropdown:visible .ant-select-item').first();
const firstOption = await page
.locator('.ant-select-dropdown:visible .ant-select-item')
.first();
if (await firstOption.isVisible()) {
const optionText = await firstOption.textContent();
console.log(`选择分类: ${optionText}`);
await firstOption.click();
await page.waitForTimeout(500);
}
// 再次检查按钮状态
console.log('\n填写后再次检查按钮...');
const submitBtn = await page.locator('.ant-modal-footer button.ant-btn-primary').first();
const submitBtn = await page
.locator('.ant-modal-footer button.ant-btn-primary')
.first();
if (await submitBtn.isVisible()) {
const text = await submitBtn.textContent();
const disabled = await submitBtn.isDisabled();
console.log(`提交按钮: 文本="${text}", 禁用=${disabled}`);
if (!disabled) {
console.log('点击提交...');
await submitBtn.click();
await page.waitForTimeout(2000);
// 检查是否有消息
const successMsg = await page.locator('.ant-message-success');
const errorMsg = await page.locator('.ant-message-error');
if (await successMsg.isVisible()) {
console.log('✅ 成功提示出现');
}
@@ -85,12 +97,11 @@ import { chromium } from 'playwright';
}
}
}
} catch (error) {
console.error('错误:', error.message);
} finally {
console.log('\n保持打开10秒供检查...');
await page.waitForTimeout(10000);
await page.waitForTimeout(10_000);
await browser.close();
}
})();
})();