爱·瑜伽普拉提财务管理系统 Pro 产品系统Vibe Coding

本项目是为“爱·瑜伽普拉提”工作室开发的专属财务管理系统。工作室主要经营瑜伽、普拉提课程培训，存在固定资产（如瑜伽垫、器材、教学设备）、日常课程收入、场地租金、水电杂费等多类支出，以及每月预算控制需求。传统Excel记账容易出错、数据分散、折旧计算复杂，难以直观掌握经营状况。因此开发此系统，帮助工作室实现固定资产折旧管理、收支精细化记录、预算执行监控和多维度财务报表分析，提升财务管理效率和经营决策能力。

本系统包含五大核心模块：

固定资产管理：支持资产登记、使用年限、残值率、自动计算月折旧、累计折旧和净值，支持直线法折旧。
收支记录：支持收入（课程费等）和支出（租金、器材采购等）分类记录，带凭证图片上传。
预算管理：按月设置各分类预算，实时显示执行率和超支预警。
财务报表：总收入/支出、净利润、资产净值统计；支持近12个月趋势图、支出饼图、资产净值柱状图、预算执行雷达图。
高级功能：数据本地存储（浏览器IndexedDB/LocalStorage）、批量操作、凭证图片查看、PDF/CSV导出、分类自定义管理、智能财务洞察等。

界面采用现代玻璃态设计，支持深色模式，移动端适配良好，操作流畅。

我负责该项目从需求分析到完整实现的全部工作：

使用 纯原生HTML5 + CSS3 + JavaScript 开发单文件SPA应用，无框架依赖，体积小、加载快。
采用模块化架构（StorageService、RenderService、ReportService、ChartService等），代码结构清晰。
核心亮点：固定资产自动折旧计算（支持剩余月数、完全折旧日期预测）、实时图表可视化（Chart.js）、凭证图片压缩上传、批量增删改查、智能财务洞察。
难点与解决：实现高性能表格渲染（支持后续虚拟滚动）、复杂折旧逻辑封装、响应式玻璃态UI设计、数据导出（jspdf + autotable）等。
数据全部保存在浏览器本地，注重隐私安全。

这个项目充分展示了我在前端工程化、业务逻辑复杂度和UI/UX设计上的综合能力。