Files
EmailBill/openspec/changes/archive/2026-02-20-unify-bill-list-components/tasks.md
SunCheng b173c83134
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 16s
Docker Build & Deploy / Deploy to Production (push) Successful in 7s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
chore: 移除未使用的前端组件
- 删除 SmartClassifyButton.vue (无引用)
- 删除 BudgetSummary.vue (无引用)
- 归档变更记录
2026-02-20 22:39:29 +08:00

1.4 KiB
Raw Blame History

1. 分析差异

  • 1.1 对比 CategoryBillPopup.vue 与 TransactionsRecord.vue 的样式差异
  • 1.2 对比 calendarV2/modules/TransactionList.vue 与标准的差异
  • 1.3 对比 BudgetCard.vue 关联账单与标准的差异
  • 1.4 对比 EmailRecord.vue 关联账单与标准的差异

2. 修改 CategoryBillPopup

  • 2.1 重构 CategoryBillPopup 使用 BillListComponent
  • 2.2 配置 props: dataSource="custom", enableFilter=false, showDelete=true
  • 2.3 统一列表项样式(图标、金额、标签)
  • 2.4 实现左滑删除交互
  • 2.5 实现点击查看详情(打开 TransactionDetailSheet
  • 2.6 测试删除和详情功能

3. 修改 CalendarV2 TransactionList

  • 3.1 检查 BillListComponent 配置
  • 3.2 确保 compact={true} 紧凑布局
  • 3.3 统一删除交互
  • 3.4 测试日历页面账单列表

4. 修改 BudgetCard 关联账单

  • 4.1 检查 BillListComponent 配置
  • 4.2 统一卡片样式
  • 4.3 测试预算关联账单弹窗

5. 修改 EmailRecord 关联账单

  • 5.1 检查 BillListComponent 配置
  • 5.2 统一卡片样式和删除功能
  • 5.3 测试邮件关联账单弹窗

6. 验证

  • 6.1 验证所有弹窗的账单列表样式一致
  • 6.2 验证删除功能在各场景正常工作
  • 6.3 验证详情查看功能正常
  • 6.4 验证暗黑模式适配