Files
SunCheng 749624f290
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 17s
Docker Build & Deploy / Deploy to Production (push) Successful in 6s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 1s
Docker Build & Deploy / WeChat Notification (push) Successful in 1s
feat: 统一交易详情组件,替换为 TransactionDetailSheet,增强功能并删除旧组件
2026-02-21 12:11:50 +08:00

2.7 KiB

ADDED Requirements

Requirement: 统一的交易详情弹窗组件

系统 SHALL 提供统一的交易详情弹窗组件 TransactionDetailSheet.vue,所有页面使用同一组件查看和编辑交易详情。

Scenario: 从任意页面打开交易详情

  • WHEN 用户在 calendarV2、TransactionsRecord 或其他页面点击交易记录
  • THEN 系统显示统一的 TransactionDetailSheet 弹窗组件

Scenario: 详情弹窗显示交易信息

  • WHEN 弹窗打开
  • THEN 显示金额(可点击编辑)、时间、备注、类型、分类

Scenario: 编辑金额

  • WHEN 用户点击金额区域
  • THEN 进入金额编辑模式,显示数字输入框
  • AND 失焦后自动保存格式化的金额值

Requirement: 建议分类提示功能

系统 SHALL 在交易详情弹窗中显示 AI 建议的分类提示(当存在未确认分类时)。

Scenario: 显示建议分类提示

  • WHEN 交易存在 unconfirmedClassify 字段且与当前分类不同
  • THEN 在分类选择区域上方显示建议提示条
  • AND 提示条包含建议的分类名称和应用按钮

Scenario: 应用建议分类

  • WHEN 用户点击"应用"按钮
  • THEN 自动填充建议的分类到分类字段
  • AND 如果存在 unconfirmedType,同时更新交易类型

Requirement: 交易保存功能

系统 SHALL 允许用户修改交易详情并保存。

Scenario: 保存修改的交易

  • WHEN 用户修改交易信息后点击"保存"按钮
  • AND 必填字段(金额、分类、时间)已填写
  • THEN 系统调用更新 API 并显示成功提示
  • AND 关闭弹窗并刷新交易列表

Scenario: 保存时验证失败

  • WHEN 用户点击"保存"但必填字段未填写
  • THEN 显示对应的错误提示信息

Requirement: 交易删除功能

系统 SHALL 允许用户删除交易记录。

Scenario: 删除交易确认

  • WHEN 用户点击"删除"按钮
  • THEN 显示确认对话框

Scenario: 确认删除交易

  • WHEN 用户在确认对话框中点击"删除"
  • THEN 系统调用删除 API
  • AND 成功后关闭弹窗并刷新交易列表
  • AND 显示删除成功提示

Requirement: 页面兼容性

系统 SHALL 确保统一组件在所有使用场景正常工作。

Scenario: TransactionsRecord 页面使用详情组件

  • WHEN 用户在 TransactionsRecord 页面点击交易记录
  • THEN 显示 TransactionDetailSheet 弹窗
  • AND 功能与原 TransactionDetail 组件一致

Scenario: calendarV2 页面使用详情组件

  • WHEN 用户在 calendarV2 页面点击交易记录
  • THEN 显示 TransactionDetailSheet 弹窗
  • AND 保持原有功能和交互不变