68 lines
3.0 KiB
Markdown
68 lines
3.0 KiB
Markdown
|
## ADDED Requirements
|
|||
|
|
|
|||
|
|
### Requirement: 存款计划明细按钮可见
|
|||
|
|
存款计划卡片 SHALL 在卡片头部的操作区域显示一个明细按钮，使用信息图标（info）表示。
|
|||
|
|
|
|||
|
|
#### Scenario: 用户查看存款计划卡片
|
|||
|
|
- **WHEN** 用户打开预算页面的"计划"标签
|
|||
|
|
- **THEN** 每个存款计划卡片的头部 SHALL 显示一个信息图标按钮
|
|||
|
|
- **AND** 该按钮 SHALL 位于"查询关联账单"按钮之后
|
|||
|
|
|
|||
|
|
### Requirement: 明细弹窗展示计划存款计算逻辑
|
|||
|
|
当用户点击明细按钮时，系统 SHALL 展示一个弹窗，清晰地说明计划存款金额的计算方式和数据来源。
|
|||
|
|
|
|||
|
|
#### Scenario: 用户点击明细按钮
|
|||
|
|
- **WHEN** 用户点击存款计划卡片上的明细按钮
|
|||
|
|
- **THEN** 系统 SHALL 打开一个全屏弹窗
|
|||
|
|
- **AND** 弹窗标题 SHALL 显示"计划存款明细"
|
|||
|
|
|
|||
|
|
### Requirement: 明细弹窗展示收入预算信息
|
|||
|
|
明细弹窗 SHALL 展示收入预算的汇总信息，包括总预算限额和实际收入金额。
|
|||
|
|
|
|||
|
|
#### Scenario: 查看收入预算信息
|
|||
|
|
- **WHEN** 明细弹窗打开
|
|||
|
|
- **THEN** 系统 SHALL 显示"收入预算"分组
|
|||
|
|
- **AND** 该分组 SHALL 包含以下信息：
|
|||
|
|
- 预算限额（所有收入预算的总和）
|
|||
|
|
- 实际收入（当前已实现的收入总额）
|
|||
|
|
|
|||
|
|
### Requirement: 明细弹窗展示支出预算信息
|
|||
|
|
明细弹窗 SHALL 展示支出预算的汇总信息，包括总预算限额和实际支出金额。
|
|||
|
|
|
|||
|
|
#### Scenario: 查看支出预算信息
|
|||
|
|
- **WHEN** 明细弹窗打开
|
|||
|
|
- **THEN** 系统 SHALL 显示"支出预算"分组
|
|||
|
|
- **AND** 该分组 SHALL 包含以下信息：
|
|||
|
|
- 预算限额（所有支出预算的总和）
|
|||
|
|
- 实际支出（当前已发生的支出总额）
|
|||
|
|
|
|||
|
|
### Requirement: 明细弹窗展示计划存款公式
|
|||
|
|
明细弹窗 SHALL 清晰展示计划存款的计算公式，帮助用户理解金额来源。
|
|||
|
|
|
|||
|
|
#### Scenario: 查看计划存款公式
|
|||
|
|
- **WHEN** 明细弹窗打开
|
|||
|
|
- **THEN** 系统 SHALL 显示计算公式："计划存款 = 收入预算 - 支出预算"
|
|||
|
|
- **AND** 公式中的各项数值 SHALL 与上方展示的收入和支出预算数据一致
|
|||
|
|
|
|||
|
|
### Requirement: 明细弹窗展示实际存款和差额
|
|||
|
|
明细弹窗 SHALL 展示实际存款金额和与计划存款的差额。
|
|||
|
|
|
|||
|
|
#### Scenario: 查看实际存款信息
|
|||
|
|
- **WHEN** 明细弹窗打开
|
|||
|
|
- **THEN** 系统 SHALL 显示"实际存款"金额（从当前 budget 对象获取）
|
|||
|
|
- **AND** 系统 SHALL 显示"还差"金额，计算方式为：计划存款 - 实际存款
|
|||
|
|
- **AND** 如果实际存款超过计划，差额 SHALL 显示为 0
|
|||
|
|
|
|||
|
|
#### Scenario: 差额为负数时
|
|||
|
|
- **WHEN** 实际存款超过计划存款
|
|||
|
|
- **THEN** 系统 SHALL 将"还差"显示为 0
|
|||
|
|
- **AND** 系统 SHALL 使用成功色（绿色）高亮实际存款金额
|
|||
|
|
|
|||
|
|
### Requirement: 明细弹窗支持关闭
|
|||
|
|
用户 SHALL 能够随时关闭明细弹窗。
|
|||
|
|
|
|||
|
|
#### Scenario: 用户关闭弹窗
|
|||
|
|
- **WHEN** 用户点击弹窗外部区域或返回按钮
|
|||
|
|
- **THEN** 系统 SHALL 关闭明细弹窗
|
|||
|
|
- **AND** 用户 SHALL 返回到存款计划卡片视图
|