- 在分析页面添加 handleBillUpdated 回调,编辑后同步更新 records 和 allRecords - 为 TopExpenses、CategoryRanking、DailyTrendChart 组件添加 onUpdate prop - 修复 TopExpenses 组件内响应式更新,使用新数组引用触发更新 - 建立完整的更新传播链:BillDetailDrawer -> BillRecordsTable -> 各分析组件 -> 分析页面 - 确保所有派生数据(topExpenses、categoryStats、pieChartData)自动刷新
BillAI Web
BillAI 的前端 Web 应用,基于 SvelteKit + Tailwind,提供账单分析/复核/管理等界面。
开发
yarn install
yarn dev
常用命令:
yarn check
yarn lint
yarn format
构建
yarn build
yarn preview
API 访问
- 开发环境下通过 SvelteKit/Vite 代理访问后端(统一使用相对路径,例如
/api/...) - Docker 部署时由
docker-compose.yaml将前端容器与后端容器联通
说明
前端展示层使用统一账单模型 UIBill(camelCase 字段 + amount:number),分析链路与详情编辑弹窗避免多种账单类型混用。