一种基于可视化技术的个性化配置审批方法技术

本发明专利技术提供的一种基于可视化技术的个性化配置审批方法，所述审批方法包括：利用canvas+typeScript绘制引擎，生成图形库；定义规则树及数据结构；将图形库集成到项目中；绑定对象，自定义页面结构布局，创建画布；拖拽添加工作流节点；导出PNG图片的同时锁定画布；导出JSON工作流数据；渲染流程图，并更新对应的审批流程；发送邮件、消息推送及站内信给相关审批负责人。结合可视化技术，形成动态图形标准库，给用户提供选择。提供色彩自定义，生成个性化的流程图，同时通过拖拽或编码多种形式，自行生成需要的审批流程图，保存后即可生成个性化审批流程，无需发版。无需发版。无需发版。

【技术实现步骤摘要】
一种基于可视化技术的个性化配置审批方法


[0001]本专利技术涉及审批流程领域，尤其涉及一种基于可视化技术的个性化配置审批方法。

技术介绍

[0002]在现代企业中，审批流程是一项非常重要的管理工作。传统的审批流程通常是手动完成的，需要耗费大量的时间和精力；由于审批流程可能会因为各种原因而发生变化，因此需要不断地进行更新和调整。从而导致了审批流程的低效率和高成本。
[0003]近年来，随着大数据和人工智能技术的发展，自动化流程图系统成为了企业管理的重要工具。这些系统可以通过数据分析和智能算法来自动化流程图，从而提高流程效率和减少成本。但现有的自动化审批流程系统通常需要事先确定好审批流程图，且无法灵活地适应需求变化。因此，需要一种新的方法和系统，来灵活配置审批流程，以适应不断变化的个性化需求。
[0004]D3.js具有灵活、可扩展、可定制化等特点，已经被广泛应用于各种数据可视化场景中。然而，现有的D3.js通常需要手动编写代码来实现数据可视化，对于非技术人员来说较为困难。此外，现有的D3.js生成的都是基本的图形元素，自由度虽然很高，但搭建出完整的图表所需的代码量较大，无法进行创造性的视觉设计图表，无法满足个性化配置审批流程及展示对应流程图的需求。

技术实现思路

[0005]鉴于上述问题，提出了本专利技术以便提供克服上述问题或者至少部分地解决上述问题的一种基于可视化技术的个性化配置审批方法。
[0006]根据本专利技术的一个方面，提供了一种基于可视化技术的个性化配置审批方法，所述审批方法包括：
[0007]利用canvas+typeScript绘制引擎，生成图形库；
[0008]定义规则树及数据结构；
[0009]将图形库集成到项目中；
[0010]绑定对象，自定义页面结构布局，创建画布；
[0011]拖拽添加工作流节点；
[0012]导出PNG图片的同时锁定画布；
[0013]导出JSON工作流数据；
[0014]渲染流程图，并更新对应的审批流程；
[0015]发送邮件、消息推送及站内信给相关审批负责人。
[0016]可选的，所述图形库具体包括：软件架构图、流程图、活动图。
[0017]可选的，所述定义规则树及数据结构具体包括：根据配置文件生成规则，定义规则树及数据结构。
[0018]可选的，所述拖拽添加工作流节点之后还包括：自定义样式及内容。
[0019]可选的，所述渲染流程图，并更新对应的审批流程具体包括：根据导出的JSON数据流渲染流程图，同时更新系统中对应流程的审批流程。
[0020]本专利技术提供的一种基于可视化技术的个性化配置审批方法，所述审批方法包括：利用canvas+typeScript绘制引擎，生成图形库；定义规则树及数据结构；将图形库集成到项目中；绑定对象，自定义页面结构布局，创建画布；拖拽添加工作流节点；导出PNG图片的同时锁定画布；导出JSON工作流数据；渲染流程图，并更新对应的审批流程；发送邮件、消息推送及站内信给相关审批负责人。结合可视化技术，形成动态图形标准库，给用户提供选择。提供色彩自定义，生成个性化的流程图，同时通过拖拽或编码多种形式，自行生成需要的审批流程图，保存后即可生成个性化审批流程，无需发版。
[0021]上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。
附图说明
[0022]为了更清楚地说明本专利技术实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
[0023]图1为本专利技术实施例提供的一种基于可视化技术的个性化配置审批方法的流程图。
具体实施方式
[0024]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
[0025]本专利技术的说明书实施例和权利要求书及附图中的术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元。
[0026]下面结合附图和实施例，对本专利技术的技术方案做进一步的详细描述。
[0027]本专利技术提出了一种个性化配置审批流程。结合可视化技术，形成动态图形标准库，给用户提供选择。提供色彩自定义，可以生成个性化的流程图，同时可以通过拖拽或编码多种形式，自行生成需要的审批流程图，保存后即可生成个性化审批流程，无需发版。
[0028]如图1所示，一种基于可视化技术的个性化配置审批方法，包括：
[0029]利用canvas+typeScript绘制引擎，实现软件架构图、流程图、活动图等图形库；
[0030]根据配置文件生成规则，定义规则树及数据结构；
[0031]将图形库集成到项目中；
[0032]绑定对象，自定义页面结构布局，创建画布；
[0033]拖拽添加工作流节点，自定义样式及内容等；
[0034]导出PNG图片的同时锁定画布；
[0035]导出JSON工作流数据；
[0036]根据导出的JSON数据流渲染流程图，同时更新系统中对应流程的审批流程；
[0037]发送邮件、消息推送及站内信给相关审批负责人。
[0038]有益效果：通过可视化工具灵活配置流程图，并支持流程的实时更新和动态展示；
[0039]为企业和个人提供更加便捷、高效的流程图编辑方式，提高工作效率；
[0040]提供了一种动态的流程配置方法，使得用户实时编辑、调整和管理流程；
[0041]支持节点属性的编辑和删除操作，使得用户更加灵活地定制流程图；
[0042]采用了基于浏览器的技术实现，使得用户随时随地进行流程图的编辑和管理；
[0043]为流程管理和流程设计提供更加全面、灵活的支持，满足用户的不同需求。
[0044]以上的具体实施方式，对本专利技术的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上仅为本专利技术的具体实施方式而已，并不用于限定本专利技术的保护范围，凡在本专利技术的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本专利技术的保护范围之内。
本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于可视化技术的个性化配置审批方法，其特征在于，所述审批方法包括：利用canvas+typeScript绘制引擎，生成图形库；定义规则树及数据结构；将图形库集成到项目中；绑定对象，自定义页面结构布局，创建画布；拖拽添加工作流节点；导出PNG图片的同时锁定画布；导出JSON工作流数据；渲染流程图，并更新对应的审批流程；发送邮件、消息推送及站内信给相关审批负责人。2.根据权利要求1所述的一种基于可视化技术的个性化配置审批方法，其特征在于，所述图形库具体包括：软件架构图、流程图、活动...

【专利技术属性】
技术研发人员：信晓北，
申请(专利权)人：北银金融科技有限责任公司，
类型：发明
国别省市：