feat: 统一交易详情组件,替换为 TransactionDetailSheet,增强功能并删除旧组件
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
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
This commit is contained in:
74
openspec/specs/unified-transaction-detail/spec.md
Normal file
74
openspec/specs/unified-transaction-detail/spec.md
Normal file
@@ -0,0 +1,74 @@
|
||||
## 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** 保持原有功能和交互不变
|
||||
Reference in New Issue
Block a user