工单流转流程图的创建方法、装置电子设备制造方法及图纸

本发明专利技术提供了一种工单流转流程图的创建方法、装置和电子设备，包括：根据用户触发的web系统完成工单流转流程图配置系统在对应的web页面中的创建；根据用户在流程图工具栏中对目标流程节点的拖动操作和/或对目标流程节点之间的连线样式的选择操作在流程图空白画布中创建对应的目标工单流转流程图；根据用户触发的提交操作完成目标工单流转流程图的创建。本发明专利技术的创建方法中，包含流程图工具栏和流程图空白画布，通过该流程图工具栏可以拖动目标流程节点和/或选择目标流程节点之间的连线样式，即可快速配置自定义目标工单流转流程图，可随时新建工单流转流程图，实时更新编辑，流程图的创建和修改编辑方便，极大的节省了时间和人力成本。间和人力成本。间和人力成本。

【技术实现步骤摘要】
工单流转流程图的创建方法、装置电子设备


[0001]本专利技术涉及流程图绘制的
，尤其是涉及一种工单流转流程图的创建方法、装置和电子设备。

技术介绍

[0002]对于现在web端流程图的绘制主要采用antX6、Canvas或者SVG等技术实现，但基本都是使用一些固定步骤和方法绘制流程图，不可更改编辑。当需要绘制新的流程图时，又需要重新开发、测试、上线，增加了大量的时间和人力成本，且市面上一些绘制流程图的web端需要购买使用，增加了开发成本。
[0003]综上，现有技术的web端流程图的绘制方法存在流程图创建不便、时间成本高的技术问题。

技术实现思路

[0004]有鉴于此，本专利技术的目的在于提供一种工单流转流程图的创建方法、装置和电子设备，以缓解现有技术的web端流程图的绘制方法流程图创建不便、时间成本高的技术问题。
[0005]第一方面，本专利技术实施例提供了一种工单流转流程图的创建方法，应用于工单流转流程图配置系统，所述工单流转流程图配置系统内嵌于以vue为技术栈开发的web系统中，包括：
[0006]根据用户触发的web系统完成所述工单流转流程图配置系统在对应的web页面中的创建，其中，所述创建包括：流程图空白画布的创建、流程图工具栏的创建；
[0007]根据用户在所述流程图工具栏中对目标流程节点的拖动操作和/或对目标流程节点之间的连线样式的选择操作在所述流程图空白画布中创建对应的目标工单流转流程图；
[0008]根据用户触发的提交操作完成所述目标工单流转流程图的创建。
[0009]进一步的，所述流程图工具栏包括：流程节点和流程节点之间的连线样式，其中，所述流程节点包括：开始节点、审批节点、抄送节点、结束节点和条件节点。
[0010]进一步的，所述方法还包括：
[0011]根据用户对所述目标工单流转流程图中的任一流程节点的选择操作，显示对应的配置弹窗。
[0012]进一步的，所述方法还包括：
[0013]根据用户对所述目标工单流转流程图的修改操作更新所述目标工单流转流程图，并根据用户触发的提交操作完成更新后的目标工单流转流程图的更新编辑。
[0014]进一步的，所述web系统包括：管理系统。
[0015]进一步的，所述工单流转流程图配置系统通过npm install指令的方式内嵌于以vue为技术栈开发的web系统中。
[0016]第二方面，本专利技术实施例还提供了一种工单流转流程图的创建装置，应用于工单
流转流程图配置系统，所述工单流转流程图配置系统内嵌于以vue为技术栈开发的web系统中，包括：
[0017]第一创建单元，用于根据用户触发的web系统完成所述工单流转流程图配置系统在对应的web页面中的创建，其中，所述创建包括：流程图空白画布的创建、流程图工具栏的创建；
[0018]第二创建单元，用于根据用户在所述流程图工具栏中对目标流程节点的拖动操作和/或对目标流程节点之间的连线样式的选择操作在所述流程图空白画布中创建对应的目标工单流转流程图；
[0019]提交单元，用于根据用户触发的提交操作完成所述目标工单流转流程图的创建。
[0020]进一步的，所述流程图工具栏包括：流程节点和流程节点之间的连线样式，其中，所述流程节点包括：开始节点、审批节点、抄送节点、结束节点和条件节点。
[0021]第三方面，本专利技术实施例还提供了一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述第一方面任一项所述的方法的步骤。
[0022]第四方面，本专利技术实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有机器可运行指令，所述机器可运行指令在被处理器调用和运行时，所述机器可运行指令促使所述处理器运行上述第一方面任一项所述的方法。
[0023]在本专利技术实施例中，提供了一种工单流转流程图的创建方法，应用于工单流转流程图配置系统，工单流转流程图配置系统内嵌于以vue为技术栈开发的web系统中，包括：根据用户触发的web系统完成工单流转流程图配置系统在对应的web页面中的创建，其中，创建包括：流程图空白画布的创建、流程图工具栏的创建；根据用户在流程图工具栏中对目标流程节点的拖动操作和/或对目标流程节点之间的连线样式的选择操作在流程图空白画布中创建对应的目标工单流转流程图；根据用户触发的提交操作完成目标工单流转流程图的创建。通过上述描述可知，本专利技术的工单流转流程图的创建方法中，工单流转流程图配置系统中包含流程图工具栏和流程图空白画布，通过该流程图工具栏可以拖动目标流程节点和/或选择目标流程节点之间的连线样式，即可快速配置自定义目标工单流转流程图，可随时新建工单流转流程图，实时更新编辑，工单流转流程图的创建和修改编辑方便，极大的节省了时间和人力成本，缓解了现有技术的web端流程图的绘制方法流程图创建不便、时间成本高的技术问题。
附图说明
[0024]为了更清楚地说明本专利技术具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0025]图1为本专利技术实施例提供的一种工单流转流程图的创建方法的流程图；
[0026]图2为本专利技术实施例提供的一种工单流转流程图的创建装置的示意图；
[0027]图3为本专利技术实施例提供的一种电子设备的示意图。
具体实施方式
[0028]下面将结合实施例对本专利技术的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0029]现有技术的web端流程图的绘制方法流程图创建不便、时间成本高。
[0030]基于此，本专利技术的工单流转流程图的创建方法中，工单流转流程图配置系统中包含流程图工具栏和流程图空白画布，通过该流程图工具栏可以拖动目标流程节点和/或选择目标流程节点之间的连线样式，即可快速配置自定义目标工单流转流程图，可随时新建工单流转流程图，实时更新编辑，工单流转流程图的创建方便，极大的节省了时间和人力成本。
[0031]为便于对本实施例进行理解，首先对本专利技术实施例所公开的一种工单流转流程图的创建方法进行详细介绍。
[0032]实施例一：
[0033]根据本专利技术实施例，提供了一种工单流转流程图的创建方法的实施例，需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
[0034]图1是根据本专利技术实施例的一种工单流转流程图的创建方本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种工单流转流程图的创建方法，其特征在于，应用于工单流转流程图配置系统，所述工单流转流程图配置系统内嵌于以vue为技术栈开发的web系统中，包括：根据用户触发的web系统完成所述工单流转流程图配置系统在对应的web页面中的创建，其中，所述创建包括：流程图空白画布的创建、流程图工具栏的创建；根据用户在所述流程图工具栏中对目标流程节点的拖动操作和/或对目标流程节点之间的连线样式的选择操作在所述流程图空白画布中创建对应的目标工单流转流程图；根据用户触发的提交操作完成所述目标工单流转流程图的创建。2.根据权利要求1所述的创建方法，其特征在于，所述流程图工具栏包括：流程节点和流程节点之间的连线样式，其中，所述流程节点包括：开始节点、审批节点、抄送节点、结束节点和条件节点。3.根据权利要求1所述的创建方法，其特征在于，所述方法还包括：根据用户对所述目标工单流转流程图中的任一流程节点的选择操作，显示对应的配置弹窗。4.根据权利要求1所述的创建方法，其特征在于，所述方法还包括：根据用户对所述目标工单流转流程图的修改操作更新所述目标工单流转流程图，并根据用户触发的提交操作完成更新后的目标工单流转流程图的更新编辑。5.根据权利要求1所述的创建方法，其特征在于，所述web系统包括：管理系统。6.根据权利要求1所述的创建方法，其特征在于，所述工单流转流程图配置系统通过npminst...

【专利技术属性】
技术研发人员：古明泉，郭润宇，
申请(专利权)人：洛阳市众信佳人工智能科创研究院有限公司，
类型：发明
国别省市：