一种数字孪生监控大屏前端实时渲染与交互方法与流程

本发明涉及可视化渲染，特别是一种数字孪生监控大屏前端实时渲染与交互方法。

背景技术：

1、随着物流转运网络向全国化、多层级和精细化运营方向发展，数字孪生监控大屏逐渐由单纯的数据展示界面演进为集空间态势展示、业务指标监控、异常告警和交互分析于一体的前端可视化系统。该类系统通常需要对接地图统计、转运中心点位、作业量、发车监控、库存状态、设备维护、人员出勤、告警及图片等多源数据，并通过地图、图表、表格、弹窗和实景场景等前端渲染组件进行展示。对于大型物流企业而言，总部、区域和转运中心等不同管理层级的用户具有不同的数据查看范围和交互需求，因此数字孪生监控大屏不仅需要支持全国地图、省区地图和转运中心实景场景之间的切换，还需要根据用户身份和组织权限动态确定展示层级、数据请求范围、可访问转运中心和可交互对象。

2、然而，现有技术在物流转运中心等高频变化场景下仍存在不足：其一，用户权限、展示层级、业务数据、前端渲染组件和交互事件之间缺少统一约束，容易导致数据请求范围、地图场景、搜索对象、弹窗明细和刷新对象不一致，难以保证不同管理角色获得与职责范围相匹配的展示结果；其二，现有方案多依赖固定周期轮询、整页刷新或各模块独立请求，缺少分阶段加载、消息主题订阅和模块级局部刷新机制，容易造成首屏加载阻塞、关键业务状态响应滞后以及用户交互后重复加载无关组件的问题，难以满足待卸待拆、上车监控、超时库存、关键告警和明细钻取等实时运营监控需求。

技术实现思路

1、鉴于上述现有存在的问题，提出了本发明。

2、因此，本发明提供了一种数字孪生监控大屏前端实时渲染与交互方法解决权限层级、渲染组件、交互事件和消息刷新之间缺少统一约束，以及高频业务数据更新时易出现首屏阻塞、整页重载和局部联动不足的问题。

3、为解决上述技术问题，本发明提供如下技术方案：

4、本发明提供了一种数字孪生监控大屏前端实时渲染与交互方法，其包括：

5、获取登录用户的身份信息和组织权限信息，确定用户对应的展示层级及可访问转运中心范围；

6、根据展示层级及可访问转运中心范围生成前端运行上下文，并建立大屏渲染数据、前端渲染组件、交互事件和消息主题之间的对应关系；

7、基于前端运行上下文分阶段加载大屏渲染数据，并根据对应关系将大屏渲染数据渲染为全国地图、省区地图、转运中心实景场景及对应前端渲染组件，形成当前前端渲染状态；

8、基于前端运行上下文，通过接口轮询机制和消息主题订阅机制获取业务数据变化信息，并在接收到用户交互事件时确定对应的目标展示层级、目标转运中心或目标业务对象；

9、根据业务数据变化信息、目标展示层级、目标转运中心或目标业务对象生成渲染更新指令，并基于渲染更新指令对当前前端渲染状态执行场景切换、局部数据加载或前端渲染组件刷新；

10、输出更新后的数字孪生监控大屏实时渲染与交互结果。

11、作为本发明所述数字孪生监控大屏前端实时渲染与交互方法的一种优选方案，其中：所述获取登录用户的身份信息和组织权限信息，确定用户对应的展示层级及可访问转运中心范围为：根据登录用户的用户角色、所属组织层级及可访问菜单信息，确定登录用户对应的全国层级、省区层级或转运中心层级，并过滤得到与所述展示层级相匹配的可访问转运中心范围。

12、作为本发明所述数字孪生监控大屏前端实时渲染与交互方法的一种优选方案，其中：所述根据展示层级及可访问转运中心范围生成前端运行上下文为：根据展示层级、可访问转运中心范围、可访问菜单信息及数据请求参数，生成包含当前展示层级、当前区域编码、当前转运中心编码和可访问转运中心范围的前端运行上下文。

13、作为本发明所述数字孪生监控大屏前端实时渲染与交互方法的一种优选方案，其中：所述建立大屏渲染数据、前端渲染组件、交互事件和消息主题之间的对应关系，包括：将地图统计数据、核心运营监控数据、异常告警数据及辅助展示数据分别对应至地图渲染组件、监控展示组件、告警展示组件、明细弹窗组件及辅助展示组件；将层级切换、搜索定位、地图下钻、返回上级及明细查看交互事件对应至前端运行上下文更新动作，并将业务消息主题对应至待更新的前端渲染组件。

14、作为本发明所述数字孪生监控大屏前端实时渲染与交互方法的一种优选方案，其中：所述形成当前前端渲染状态，包括：根据当前展示层级及可访问转运中心范围，先加载地图统计数据、核心运营监控数据和异常告警数据，再加载补充显示数据；按照当前展示层级确定对应地图或转运中心实景场景，并将大屏渲染数据渲染至对应前端渲染组件；将当前展示层级、已渲染的场景对象及各前端渲染组件的显示内容确定为当前前端渲染状态。

15、作为本发明所述数字孪生监控大屏前端实时渲染与交互方法的一种优选方案，其中：所述通过接口轮询机制和消息主题订阅机制获取业务数据变化信息为：基于前端运行上下文确定当前前端渲染状态对应的数据刷新范围，通过接口轮询机制获取地图统计数据、核心运营监控数据、异常告警数据及补充显示数据中的周期性变化信息，并通过业务消息主题获取待更新的前端渲染组件对应的高频业务数据变化信息。

16、作为本发明所述数字孪生监控大屏前端实时渲染与交互方法的一种优选方案，其中：所述在接收到用户交互事件时确定对应的目标展示层级、目标转运中心或目标业务对象为：根据交互事件与前端运行上下文更新动作之间的对应关系，在接收到层级切换、地图下钻、返回上级或搜索定位交互事件时确定目标展示层级或目标转运中心，在接收到明细查看交互事件时确定目标业务对象。

17、作为本发明所述数字孪生监控大屏前端实时渲染与交互方法的一种优选方案，其中：所述根据业务数据变化信息、目标展示层级、目标转运中心或目标业务对象生成渲染更新指令为：根据业务数据变化信息确定待更新的前端渲染组件，根据目标展示层级或目标转运中心确定待切换的场景对象，并根据目标业务对象确定待加载的明细数据对象，以生成对应的渲染更新指令。

18、作为本发明所述数字孪生监控大屏前端实时渲染与交互方法的一种优选方案，其中：所述基于渲染更新指令对当前前端渲染状态执行场景切换、局部数据加载或前端渲染组件刷新为：基于渲染更新指令对当前前端渲染状态中的全国地图、省区地图或转运中心实景场景进行切换，对明细数据对象进行局部加载，或者对待更新的前端渲染组件进行刷新。

19、作为本发明所述数字孪生监控大屏前端实时渲染与交互方法的一种优选方案，其中：所述输出更新后的数字孪生监控大屏实时渲染与交互结果为：根据更新后的当前前端渲染状态，输出与当前展示层级对应的全国地图、省区地图或转运中心实景场景，以及地图统计数据、核心运营监控数据、异常告警数据和辅助展示数据的组件显示结果；当当前前端渲染状态包含明细弹窗组件的显示内容时，在当前数字孪生监控大屏中输出目标业务对象对应的明细数据及关联图片信息。

20、本发明有益效果为：通过前端运行上下文统一约束用户权限、展示层级、可访问转运中心范围、数据请求、渲染组件、交互事件和消息主题，使不同管理角色能够获得与其职责匹配的监控视图，避免数据范围、地图场景和交互对象不一致；同时，通过分阶段加载大屏渲染数据，并结合接口轮询、消息主题订阅和渲染更新指令，对高频变化数据进行模块级刷新和局部联动，减少首屏阻塞和整页重载，提高数字孪生监控大屏的实时响应能力、异常定位效率和交互连续性。