3.0 KiB
3.0 KiB
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 返回到存款计划卡片视图