净资产面板
紧凑的 4 列关键绩效指标 (KPI) 卡片网格,一目了然地总结整体财务状况。
显示内容
四张大格式卡片,每张包含图标、标签和数值:
| 卡片 | 图标 | 描述 |
|---|---|---|
| 总资产 | Wallet | 所有资产账户余额总和 |
| 总负债 | TrendingDown | 所有负债账户余额总和 |
| 净资产 | DollarSign | 资产减去负债 |
| 月净值 | TrendingUp | 当月收入减去支出 |
月净值卡片显示上下文文本:正值时显示"本月结余",负值时显示"超支"。
主要功能
- 颜色编码数值 —— 正值绿色,负值红色。
- 大号字体 —— 数值使用
text-3xl font-bold和tabular-nums以保持数字宽度一致。 - 单一数据源 —— 四个值全部来自存储中的同一个
netWorth对象。
数据来源
| 状态管理 | 字段 |
|---|---|
useFinanceStore | netWorth(包含 assets, liabilities, netWorth, monthlyNet) |
所有值使用 formatNZD() 格式化。
交互操作
此面板仅供展示。无交互控件。