基于BPMN的信贷审批业务流程的可视化方法及装置与流程

本发明涉及电子流程，尤其涉及一种基于bpmn的信贷审批业务流程的可视化方法及装置。

背景技术：

1、随着企业规模的扩大和监管要求的日益严格，信贷审批业务流程往往涉及复杂的审批过程，涵盖多级审核、跨部门协作、条件分支判断以及异常情况处理等多个环节。与此同时，数字化转型浪潮的深入推进，信贷审批业务流程电子化已成为必然趋势。在如供应链金融合同审批、票据贴现、授信审批等信贷业务的办理过程中，往往涉及极其复杂的审批流转环节，流程中存在退回、驳回、转办、会签等多种复杂的业务动作。当前主流的信贷审批业务系统通常在后端引入activiti、camunda等工作流引擎对业务流进行建模和调度，前端则对业务流程的可视化展示。

2、然而，目前前端在业务流程的可视化基本仅停留在静态渲染阶段。典型的做法是服务端根据当前审批状态，将信贷审批业务流程模型（business process model andnotation，bpmn）渲染为静态图片或携带固定坐标的html图层，并下发至前端展示，或是前端通过基础的信贷审批业务流程展示库，仅做xml文件的一次性加载渲染。信贷审批业务人员在查看当前信贷审批流状态时，只能被动接受预渲染的静态图表。这种静态渲染模式会产生如下几个问题：第一，缺乏信贷审批业务动态感知与细粒度反馈，无法在前端实现不同审批状态的差异化、实时动态渲染。第二，缺乏复杂审批流的高效可视化追踪机制，在审批节点繁多且流程链条极长的场景下，前端渲染组件在面临容器尺寸改变、窗口缩放、或是大规模复杂图表时，难以进行自适应的自动居中和屏幕贴合。综上，现有的信贷审批业务流程可视化方法中，信贷审批业务数据与流程视图严重割裂，用户无法直观掌握流程实时进度与节点状态。

3、因此，如何设计一种基于bpmn的信贷审批业务流程的可视化方法，实现信贷审批业务流程状态的实时精准映射和自动化可视追踪，以提升用户的审查效率与信贷审批业务体验，成为了本领域亟需解决的问题。

技术实现思路

1、第一方面，针对现有技术存在的问题，本发明提供了一种基于bpmn的信贷审批业务流程的可视化方法，实现了信贷审批业务流程状态的实时精准映射和自动化可视追踪，所述方法包括：

2、获取信贷审批业务流程图，所述信贷审批业务流程图中包括至少一个信贷审批业务节点，每个所述信贷审批业务节点均对应有节点图元属性；

3、获取信贷审批业务状态数据，根据所述信贷审批业务状态数据更新所述信贷审批业务流程图中各个信贷审批业务节点的节点图元属性；

4、根据画布容器的尺寸调整所述信贷审批业务流程图的大小和所述信贷审批业务流程图在所述画布容器的显示位置；

5、在所述画布容器中加载所述信贷审批业务流程图。

6、根据本发明提供的一种基于bpmn的信贷审批业务流程的可视化方法：

7、所述信贷审批业务节点还对应有节点id；

8、所述信贷审批业务状态数据包括：节点id和活动标识；

9、根据所述信贷审批业务状态数据更新所述信贷审批业务流程图中各个信贷审批业务节点的节点图元属性的步骤，包括：

10、根据所述节点id将所述活动标识和所述信贷审批业务节点进行匹配，根据所述活动标识更新所述信贷审批业务节点的节点图元属性。

11、根据本发明提供的一种基于bpmn的信贷审批业务流程的可视化方法，所述节点图元属性以层叠样式表样式类名的形式挂载于所述信贷审批业务节点的文档对象模型中。

12、根据本发明提供的一种基于bpmn的信贷审批业务流程的可视化方法：

13、所述信贷审批业务节点对应有节点位置坐标；

14、根据画布容器的尺寸调整所述信贷审批业务流程图的大小和所述信贷审批业务流程图在所述画布容器的显示位置的步骤，包括：

15、根据所述信贷审批业务流程图中的所有节点位置坐标确定所述信贷审批业务流程图的原点坐标和矩形宽高；

16、根据所述信贷审批业务流程图的原点坐标和矩形宽高值确定所述信贷审批业务流程图的拓扑中心；

17、以所述信贷审批业务流程图的拓扑中心作为锚点，根据画布容器的尺寸对所述信贷审批业务流程图进行缩放和居中定位。

18、根据本发明提供的一种基于bpmn的信贷审批业务流程的可视化方法，根据所述信贷审批业务流程图中的所有节点位置坐标确定所述信贷审批业务流程图的原点坐标和矩形宽高的步骤，包括：

19、根据所述信贷审批业务流程图中的所有节点位置坐标确定所述信贷审批业务流程图的横坐标最小值、纵坐标最小值、横坐标最大值和纵坐标最大值；

20、根据所述信贷审批业务流程图的横坐标最小值和纵坐标最小值，得到原点坐标；

21、根据所述信贷审批业务流程图的横坐标最小值和横坐标最大值，得到矩形宽度；

22、根据所述信贷审批业务流程图的纵坐标最小值和纵坐标最大值，得到矩形高度。

23、根据本发明提供的一种基于bpmn的信贷审批业务流程的可视化方法，所述信贷审批业务流程图的拓扑中心的计算式为：

24、；

25、；

26、其中，表示所述原点坐标的横坐标，表示所述原点坐标的纵坐标，表示所述信贷审批业务流程图的横坐标最小值，表示所述矩形宽度，表示所述信贷审批业务流程图的纵坐标最小值，表示所述矩形高度。

27、根据本发明提供的一种基于bpmn的信贷审批业务流程的可视化方法，对所述信贷审批业务流程图进行缩放的步骤，包括：

28、根据所述画布容器的尺寸和所述信贷审批业务流程图的大小，确定缩放比例；

29、按所述缩放比例以信贷审批业务流程图的拓扑中心作为锚点，对所述信贷审批业务流程图进行平滑缩放。

30、根据本发明提供的一种基于bpmn的信贷审批业务流程的可视化方法，对所述信贷审批业务流程图进行居中定位的步骤，包括：

31、对齐所述信贷审批业务流程图的拓扑中心与所述画布容器的中心点，将所述信贷审批业务流程图进行居中定位于所述画布容器的中心。

32、根据本发明提供的一种基于bpmn的信贷审批业务流程的可视化方法，在根据画布容器的尺寸对所述信贷审批业务流程图进行缩放和居中定位之前，所述方法还包括：

33、利用指数退避等待方法获取所述画布容器的尺寸。

34、第二方面，本发明还提供一种基于bpmn的信贷审批业务流程的可视化装置，所述装置包括：

35、获取单元，被配置于获取信贷审批业务流程图，所述信贷审批业务流程图中包括至少一个信贷审批业务节点，每个所述信贷审批业务节点均对应有节点图元属性；

36、图元属性配置单元，被配置于获取信贷审批业务状态数据，根据所述信贷审批业务状态数据更新所述信贷审批业务流程图中各个信贷审批业务节点的节点图元属性；

37、调整单元，被配置于根据画布容器的尺寸调整所述信贷审批业务流程图的大小和所述信贷审批业务流程图在所述画布容器的显示位置；

38、加载单元，被配置于在所述画布容器中加载所述信贷审批业务流程图。

39、本技术提供的上述基于bpmn的信贷审批业务流程的可视化方法，获取信贷审批业务流程图和信贷审批业务状态数据，根据信贷审批业务状态数据更新信贷审批业务流程图中各个信贷审批业务节点的节点图元属性，并根据画布容器的尺寸调整信贷审批业务流程图的大小和信贷审批业务流程图在画布容器的显示位置，再在画布容器中加载信贷审批业务流程图，当信贷审批业务状态数据更新或前端画布容器因窗口调整等原因发生尺寸形变时，本技术可自动触发对全局流程图执行自动居中与全屏贴合，并同步刷新信贷审批业务节点图元状态，从而实现对信贷审批业务流程的动态追踪与全景适配，进而提升了用户的审查效率与信贷审批业务体验。