个人理财系统 · 更新日志
本文记录了PFiS个人理财系统自项目初始化以来的全部功能迭代、性能优化与缺陷修复。
当前版本：v3.0
最后更新：2026年10月5日
📌 版本概览
| 版本 | 日期 | 核心亮点 |
|---|---|---|
| v3.0 | 2026-10-05 | 添加永久注销账号功能、全面美化登录页面 |
| v2.4 | 2026-10-05 | 隐藏系统设置解释文字，改用圆形叹号图标交互 |
| v2.3 | 2026-10-05 | 优化计算说明页面宽屏布局、修复 ICP 备案图标、重构劳务系统悬浮入口 |
| v2.2 | 2026-09-25 | 修复 removeChild DOM 异常、优化主页三处显示问题 |
| v2.1 | 2026-09-18 | 全面性能优化：节假日逻辑、计算器重构、图例完善、核算卡优化 |
| v2.0 | 2026-08-15 | 移动端完美适配、深色模式优化、图表视觉升级 |
| v1.0 | 2026-07-01 | 项目初始架构搭建与核心功能实现 |
🚀 v3.0（2026年10月5日）
✨ 新功能
- 永久注销账号功能：在「账户安全」页面新增高危操作区，支持用户永久删除当前账号及其关联的全部个人财务数据（包括工资参数、收支台账、考勤记录、存钱计划等）。操作前需二次确认，数据删除后无法恢复。
- 新增
delete-accountEdge Function，通过 Service Role 权限安全删除 Auth 账号与业务数据 - 前端采用红色警示卡片 + AlertDialog 双重确认机制，防止误触
- 新增
🎨 界面美化
- 登录页面全面焕新：
- 添加顶部与底部双色光晕背景，营造沉浸式视觉体验
- 品牌 Logo 区域增加光晕呼吸效果与悬浮放大动效
- 主卡片采用圆角加大、毛玻璃质感、多层阴影设计，提升高级感
- 按钮增加悬浮上浮与按压反馈动效，交互更流畅
- 表单区域增加提示信息卡片样式，层次更分明
- 底部新增特性标签区域（数据安全 / 极速响应 / 智能分析）
- 备案信息与页脚布局优化，视觉更协调
📄 文档更新
- 新增本文档（
更新日志.md），独立记录版本修改历史
🛠️ v2.4（2026年10月5日）
✨ 交互优化
- 解释文字隐藏与叹号图标交互：系统设置页面彻底重构，将冗长的说明文字隐藏在轻量级圆形叹号（Info）图标中：
- 删除原「时薪」与「劳务系统链接」字段下方的长句灰色小字
- 新增全局通用
InfoTip组件，采用精致的企业级圆形叹号图标 - 点击图标弹出半透明磨砂质感 Popover 气泡，展示完整说明规则
- 支持桌面端鼠标轻点与移动端触屏轻触，点击外部区域自动收起
- 气泡内容完美适配深色/浅色主题
🛠️ v2.3（2026年10月5日）
✨ 界面优化
- 计算说明页面宽屏自适应：移除固定
max-w-4xl窄条宽度限制，升级为全宽响应式容器：- 固定常量基准在大屏横向展开为 8 列，信息密度大幅提升
- 工资核算公式在宽屏采用双列并排排版，减少纵向翻动
- 个税税率表与存钱监控指标支持双列并排
- 分类预算、周期扣款与节假日规则在大屏展开为 3 列横向卡片
🐛 缺陷修复
- ICP 备案图标显示问题：彻底解决工信部官网防盗链导致的图片裂开问题：
- 通过加速乐（JSL）双层挑战破解，成功下载工信部官方原版图标（
miit_logo.png）与公安网安备图标（police_logo.png）至本地静态资源 - 配置
referrerPolicy="no-referrer"与官方标准矢量 SVG 自动容灾回退机制 - 全站页脚及登录页页脚 100% 稳定、清晰显示
- 通过加速乐（JSL）双层挑战破解，成功下载工信部官方原版图标（
✨ 交互优化
- 劳务系统悬浮入口重构：将右下角文字长条按钮升级为精致的企业级劳务/薪酬系统页面图标：
- 结合工牌、薪资报表与系统窗口图形设计
- 常态采用毛玻璃磨砂与半透明虚化效果（
opacity-45），不遮挡主页内容 - 鼠标悬停时透明度调整为零（完全不透明），并带有轻微上浮与高品质阴影高亮
- 桌面端悬停配有「劳务系统 · 工资条」气泡提示
- 点击在新标签页打开系统设置中配置的劳务系统链接，未配置时友好引导
🛠️ v2.2（2026年09月25日）
🐛 缺陷修复
- removeChild DOM 异常：彻底修复主页偶尔出现的
removeChild崩溃问题：CountUp.tsx重构为 React state 声明式驱动，避免直接操作 DOM 破坏虚拟 DOMKpiRibbon.tsx规范化文本节点结构，消除异常边界
- 主页三处显示问题修复：
SavingMonitor损失额行防溢出，优化右对齐与缓冲额度展示SalaryPanel重新计算按钮改secondary样式，视觉更协调- 主页网格
items-start基准对齐，消除右下留白
🚀 v2.1（2026年09月18日）
⚡ 性能优化
- 节假日逻辑优化：内置国务院法定节假日字典，自动标注工作日/休息日/法定假/调休班
- 计算器重构：工资计算器全面重构，支持延时/公休/法定假加班自动汇总，轮休工时按 延时 → 公休 → 法定 顺序抵扣
- 图例完善：月历视觉色彩分档规则完善，高额/中额/低额支出自动预警
- 核算卡优化：存钱监控与结余算法卡片布局优化，信息层次更清晰
- 夜班补贴联动：排班设为夜班后，自动结合考勤记录核算有效夜班天数与补贴
🚀 v2.0（2026年08月15日）
📱 移动端适配
- 响应式布局：全站支持移动端完美适配，采用移动优先设计原则
- 触摸优化：所有交互元素触摸目标 ≥48×48px，适配手指操作
- 表格横向滚动：数据表格在移动端自动切换为横向滚动模式，防止内容挤压
🌙 深色模式
- 主题系统：完善深色模式适配，支持手动切换与系统自动跟随
- 视觉优化：深色模式下采用表面亮度区分层级，减少阴影使用，优化饱和度与字体粗细
📊 图表升级
- Recharts 集成：引入 Recharts 图表库，支持收支趋势图、分类饼图、月度对比图等多种可视化
- 交互优化：图表支持悬浮提示、图例切换、动画过渡，数据洞察更直观
🏁 v1.0（2026年07月01日）
🎉 项目初始化
- 技术栈搭建：基于 React 18 + TypeScript + Vite + Tailwind CSS + shadcn/ui + Supabase 构建
- 核心功能实现：
- 用户认证系统（邮箱注册/登录、密码重置）
- 收支台账管理（收入/支出记录、分类统计）
- 工资计算器（基本工资、加班费、社保公积金、个税计算）
- 考勤管理（排班、加班、请假、轮休记录）
- 存钱监控（实际存款、规划目标完成率、极限挑战率）
- 系统设置（工资参数、日历单日属性、劳务系统链接）
- 数据库设计：设计并初始化 Supabase 数据库，包含 profiles、attendance、day_settings、user_settings、login_history 等核心表
- Edge Function：实现
record-login函数，自动记录登录 IP 与设备信息
说明：本文档基于 Git 提交记录自动梳理，部分历史版本功能描述根据代码变更推断。如需查看具体代码变更，请访问项目仓库。
发表回复