页面功能
案例页面展示
每个页面都对应真实 Demo 中的一个业务视图,下面列出它承担的功能、主要交互以及使用到的 Qt-UI 控件。
01
电站总览
展示装机容量、当前功率、日发电量、月/年累计、告警数量和环境窗口,帮助值班人员快速判断电站运行状态。
- 交互说明
- 站点切换、告警筛选、指标卡联动刷新。
- 使用控件
-
UIGQWindow
UIGQContainer
UIGQLabel
UIGQPushButton
UIGQProgressBar
02
单线图
以只读电气拓扑展示逆变器、汇流、箱变和并网路径,让设备状态与能量流向更直观。
- 交互说明
- 设备状态随模拟数据刷新,告警设备突出显示。
- 使用控件
-
UIGQContainer
UIGQLabel
SolarPlantDiagramWidget
03
逆变器监控
以分页卡片显示逆变器输出、效率、温度、状态和异常信息,支持按组查看。
- 交互说明
- 上一页/下一页、组切换、卡片状态刷新。
- 使用控件
-
UIGQContainer
UIGQPushButton
UIGQRadioButton
InverterCard
04
气象站
展示辐照度、温度、风速等环境数据,并通过趋势图观察天气因素对发电效率的影响。
- 交互说明
- 数据卡和趋势曲线同步更新。
- 使用控件
-
UIGQContainer
UIGQLabel
UIGQLineChart
05
跟踪支架
展示跟踪支架角度、同步状态和异常数量,适合观察机械跟踪系统的运行质量。
- 交互说明
- 状态卡、进度条和告警色共同反馈设备健康度。
- 使用控件
-
UIGQContainer
UIGQLabel
UIGQProgressBar
06
电表与计量
对关键电表、功率因数和计量趋势进行集中展示,支撑电量核算和异常排查。
- 交互说明
- 计量指标与曲线联动,便于对比不同时间段。
- 使用控件
-
UIGQContainer
UIGQLabel
UIGQLineChart
07
网络架构
展示站控层、通讯链路、数据采集设备和网络健康状态,便于定位通讯异常。
- 交互说明
- 链路状态和设备状态使用主题色区分。
- 使用控件
-
UIGQContainer
UIGQLabel
UIGQImage
08
电站控制器
展示有功、无功、控制模式和执行状态,演示监控端对控制策略的呈现方式。
- 交互说明
- 开关控件、指令状态和参数卡片组成控制面板。
- 使用控件
-
UIGQContainer
UIGQLabel
SolarToggleSwitch
UIGQProgressBar
09
性能分析
围绕 PR、可利用率、等效小时等指标进行分析,帮助定位发电损失来源。
- 交互说明
- 多指标卡与趋势图配合呈现。
- 使用控件
-
UIGQContainer
UIGQLabel
UIGQLineChart
UIGQBarChart
10
综合图表
集中演示功率曲线、能量柱图和预测趋势,体现 ChartKit 在监控页面中的组合使用方式。
- 交互说明
- 图表支持主题、图例、tooltip 和 hover 查看。
- 使用控件
-
UIGQLineChart
UIGQBarChart
UIGQChartTooltip
11
事件历史
展示设备事件、告警恢复和操作记录,让运行过程可追溯。
- 交互说明
- 事件列表随筛选状态刷新。
- 使用控件
-
UIGQContainer
UIGQLabel
UIGQPushButton