技术架构 前端技术栈

层级 技术选型 说明UI 框架 Blazor Server AntDesign Blazor .NET 全栈方案C# 贯穿前后端数据渲染 Known 框架 插件化低代码平台快速构建 CRUD 和表单图标 ECharts / SVG / Three / Leaflet 发电曲线、设备状态趋势图、3D和地图展示主题 CSS 变量 全局明暗主题一键切换核心技术特性服务端渲染SSRBlazor Server 通过 SignalR 维持客户端与服务器的实时双向通信天然适合 IoT 数据推送场景组件化架构PC 端与 App 端共享 Components 组件库一套代码双端复用事件驱动推送设备数据变更通过事件推送至前端告别轮询低效模式Known 框架基于 Known 插件化机制实现模块热插拔业务模块独立部署三、PC 端功能全景3.1 电站概览平台首页提供两种电站全貌视图3D 可视化面板以三维模型展示电站布局支持旋转、缩放交互。面板上直观显示电站风速、跟踪模式、辐照、雪厚等核心指标卡片。点击任意光伏面板可查看设备详情。地图视图基于 GIS 地图展示所有电站的地理分布一目了然掌握多站运行状态。概览3D图概览地图点击3D面板查看详情3.2 设备监控设备监控模块支持卡片视图和表格视图双模式切换卡片模式以网格布局展示通讯箱、跟踪器等设备每张卡片突出显示设备名称、运行状态在线/离线/故障、关键参数风速、风向、辐照、雪厚、温度、湿度、气压、角度、报警等状态色标一目了然。表格模式支持按站点、设备类型筛选展示设备名称、实际角度、目标角度、报警状态、通讯时间、通讯状态等完整参数适用于精细化管理场景。设备监控卡片设备监控表格3.3 报警管理报警管理包含实时报警和历史报警记录两个子模块实时告警以列表形式滚动展示当前活跃报警按设备类型NCU / TCU分色标注支持按设备筛选。报警项包含触发时间、报警代码、报警描述。历史记录支持按设备名、时间段的多条件组合检索方便事后分析和责任追溯。实时报警报警记录3.4 历史数据分析历史数据模块覆盖通讯箱和跟踪器两类核心设备支持按日期范围、电站、设备的多维度筛选提供折线图趋势分析风速、辐照、雪厚、跟踪角度及对比等指标数据表格展示 CSV 导出便于运维人员二次分析历史通讯箱历史跟踪器3.5 设备控制设备控制模块提供远程操控能力跟踪器角度校准、追日模式切换操作记录自动留痕日志 审计设备控制3.6 设备通信日志完整记录设备与平台之间的通信报文实时查看设备通信日志便于排查通讯异常和协议调试。设备通信日志3.7 项目管理项目列表以表格形式展示所有项目支持按名称、状态筛选一键新增/编辑项目表单包含项目基本信息名称、经纬度、3D图、设备初始化等完整字段项目管理列表项目管理表单3.8 系统管理模块 功能角色管理 基于角色的权限控制RBAC可配置菜单权限和数据权限用户管理 系统用户 CRUD支持启用/禁用、密码重置语言管理 多语言资源管理支持动态新增/编辑语言条目角色管理用户管理语言管理四、移动端功能移动端面向一线运维人员核心强调快速查看、及时响应、便捷操作4.1 首页首页以信息卡片和图表形式展示关键运营指标项目概览及设备状态大字号突出显示远程控制远程控制设备跟踪模式实时数据曲线以折线图直观呈现风速、模式、辐照、雪厚趋势底部导航栏提供「首页」「设备」「历史」「设置」四个入口符合移动端操作习惯。首页1 首页2 首页3首页1 首页2 首页34.2 设备页设备列表支持按电站筛选和关键字搜索设备详情页展示实时参数风速、风向、辐照、雪厚、温度、湿度、气压、角度、报警设备状态以绿/黄/红三色标识在线/告警/故障设备1 设备2设备1