## 1. 分析差异 - [x] 1.1 对比 CategoryBillPopup.vue 与 TransactionsRecord.vue 的样式差异 - [x] 1.2 对比 calendarV2/modules/TransactionList.vue 与标准的差异 - [x] 1.3 对比 BudgetCard.vue 关联账单与标准的差异 - [x] 1.4 对比 EmailRecord.vue 关联账单与标准的差异 ## 2. 修改 CategoryBillPopup - [x] 2.1 重构 CategoryBillPopup 使用 BillListComponent - [x] 2.2 配置 props: dataSource="custom", enableFilter=false, showDelete=true - [x] 2.3 统一列表项样式(图标、金额、标签) - [x] 2.4 实现左滑删除交互 - [x] 2.5 实现点击查看详情(打开 TransactionDetailSheet) - [x] 2.6 测试删除和详情功能 ## 3. 修改 CalendarV2 TransactionList - [x] 3.1 检查 BillListComponent 配置 - [x] 3.2 确保 compact={true} 紧凑布局 - [x] 3.3 统一删除交互 - [x] 3.4 测试日历页面账单列表 ## 4. 修改 BudgetCard 关联账单 - [x] 4.1 检查 BillListComponent 配置 - [x] 4.2 统一卡片样式 - [x] 4.3 测试预算关联账单弹窗 ## 5. 修改 EmailRecord 关联账单 - [x] 5.1 检查 BillListComponent 配置 - [x] 5.2 统一卡片样式和删除功能 - [x] 5.3 测试邮件关联账单弹窗 ## 6. 验证 - [x] 6.1 验证所有弹窗的账单列表样式一致 - [x] 6.2 验证删除功能在各场景正常工作 - [x] 6.3 验证详情查看功能正常 - [x] 6.4 验证暗黑模式适配