示例：仪表盘

仪表盘用于展示关键指标、趋势、待办和异常。它不是营销页面，业务系统中的仪表盘应该信息密集、稳定、可扫描。

页面结构

StackPanel vertical
  指标区
  图表区
  明细和待办区

宽屏下可以使用网格或自适应布局；窄屏下按业务重要性纵向排列。

组件组合

常见组件：

• RenderPageHeader：页面标题和操作。
• RenderCard 或 RenderSection：指标分组。
• RenderLineChart：趋势。
• RenderBarChart：分类对比。
• RenderDonutChart：占比。
• RenderDataGrid：待办和明细。

图表只负责展示，不应该直接发请求。数据加载和刷新由页面状态控制。

指标设计

指标卡建议包含：

• 指标名称。
• 当前值。
• 同比或环比。
• 更新时间。
• 状态颜色或风险等级。

不要让颜色成为唯一语义。关键状态应该同时有文字或图标提示。

刷新策略

仪表盘经常有自动刷新需求。推荐：

• 页面打开时加载一次。
• 用户点击刷新时加载一次。
• 自动刷新使用页面级定时器。
• 页面关闭时释放定时器。
• 加载中保留旧数据，避免页面闪烁。

性能注意

• 图表点数需要采样或聚合。
• 大明细列表使用表格虚拟滚动。
• 自动刷新不要触发整棵应用重建。
• 多个图表共用同一份数据时，在页面层预处理。

业务扩展

仪表盘通常会跳转到明细页面。点击指标或图表时，应通过命令或工作台打开页面，并把查询条件作为页面参数传入，而不是直接操作目标页面实例。