## Why 存款明细弹窗显示为空白内容,因为 `SavingsBudgetContent.vue` 组件中引用了未定义的计算属性 `incomeLimit`、`incomeCurrent`、`expenseLimit`、`expenseCurrent`,导致用户无法查看存款计划的详细构成。这影响了用户理解存款目标的计算逻辑和追踪存款进度的能力。 ## What Changes - 修复 `SavingsBudgetContent.vue` 组件中缺失的计算属性 - 添加从父组件获取收入和支出预算数据的逻辑 - 确保存款明细弹窗正确显示收入预算、支出预算、计划存款公式和存款结果 ## Capabilities ### New Capabilities 无新增能力。 ### Modified Capabilities - `savings-budget-display`: 修复存款明细弹窗内容显示功能,确保收入预算和支出预算数据正确传递和渲染 ## Impact **受影响文件:** - `Web/src/views/budgetV2/modules/SavingsBudgetContent.vue` - 添加缺失的计算属性 - `Web/src/views/budgetV2/Index.vue` - 可能需要传递额外的收入/支出预算数据给子组件 **受影响功能:** - 存款计划明细查看功能 - 用户对存款目标计算逻辑的理解 **依赖:** - Vue 3 computed API - 组件间数据传递(props 或 provide/inject)