## 1. 修改父组件传递数据

- [x] 1.1 在 Index.vue 中修改 SavingsBudgetContent 组件调用,添加 income-budgets 和 expense-budgets props
- [x] 1.2 验证数据传递正确(通过 Vue DevTools 检查 props)

## 2. 修改 SavingsBudgetContent 组件

- [x] 2.1 在 props 定义中添加 incomeBudgets 和 expenseBudgets 数组
- [x] 2.2 添加 matchedIncomeBudget 计算属性(根据 periodStart 和 type 匹配)
- [x] 2.3 添加 matchedExpenseBudget 计算属性(根据 periodStart 和 type 匹配)
- [x] 2.4 添加 incomeLimit 计算属性(从 matchedIncomeBudget 获取或默认 0)
- [x] 2.5 添加 incomeCurrent 计算属性(从 matchedIncomeBudget 获取或默认 0)
- [x] 2.6 添加 expenseLimit 计算属性(从 matchedExpenseBudget 获取或默认 0)
- [x] 2.7 添加 expenseCurrent 计算属性(从 matchedExpenseBudget 获取或默认 0)

## 3. 测试验证

- [ ] 3.1 测试有对应收入和支出预算的存款计划,打开明细弹窗验证数据显示正确
- [ ] 3.2 测试没有对应收入或支出预算的存款计划,验证弹窗显示 0 且不报错
- [ ] 3.3 验证计划存款公式计算正确(收入预算 - 支出预算 = 计划存款)
- [ ] 3.4 测试月度和年度两种类型的存款计划明细
- [ ] 3.5 使用不同月份的存款计划测试,验证匹配逻辑正确