基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)

本篇继续《基于Metronic的Bootstrap开发框架--工作流模块功能介绍》,继续介绍基于Metronic的Bootstrap开发框架的工作模块功能,介绍工作流模块中相关业务表单的界面设计和管理操作,以及在业务表单中设计到的审批、发起会签、会签确认、会签、撤销、领导批示分阅、阅办等常规操作,以及一些明细表单的数据录入展示。

1、工作流主页视图

在工作流模块中,我们可以把一些待办或者已办的事项放在首页里面,方便登陆后直接可以参考最新的一些信息,如下界面所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第1张图片
image

而在工作流的业务表单模块中,我们可以提供了很多相关的业务表单管理界面,可以通过对应的功能菜单进入对应的工作流业务表单列表,以下是工作流模块提供的一些常见业务表单。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第2张图片
image

2、工作流业务表单

1)付款申请

付款申请列表管理如下所示,可以根据相关条件进行筛选查看相关申请单。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第3张图片
image

我们可以在新增入口创建一个新的付款申请单,如下界面所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第4张图片
image

在选择流程处理人中,单击按钮会弹出一个用户选择按钮供选择,如下界面所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第5张图片
image

在申请单的创建界面左下角,有一个【存为草稿】的按钮,单击可以保存该申请单到草稿里面,方便下次打开提交申请单,这个保存草稿是一个通用的操作,在各个申请单都有这样的按钮供选择。

提交申请单成功后,会返回对应申请单列表的主界面,会发现申请单处于【处理中】的状态,双击可以打开该申请单进行详细信息的查看。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第6张图片
image

在查看信息的顶部有对应的流程处理按钮,如果用户是流程参与人,那么可以执行相关的处理。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第7张图片
image

审批是一个通用的常规处理操作,弹出界面需要录入处理意见,以及下一步流程的处理人员,如下界面所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第8张图片
image

同样,如果不通过该申请,那么可以选择【退回拟稿人处理】和【退回上一步处理】两个其他处理。

【退回拟稿人处理】是直接拒绝该申请单,让用户重新修改后可以再次提交的,【退回上一步处理】则是退回上一个步骤,如果过程涉及很多步骤,也就仅仅倒回一步。

当然,这个处理过程中,我们可以动态增加一个流程步骤,也就是【增加一步审批】,然后指定增加步骤的处理人即可,如下界面所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第9张图片
image

在查看明细的审批的处理按钮中,如果我们是流程发起人,那么我们可以撤销该申请单,撤销界面如下所示。

image
基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第10张图片
image

而流程日志以及打印功能是常规的处理操作,流程日志列出整个申请单处理流程的日志,以及申请单处理的历史信息和系统日志,如下界面所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第11张图片
image

对于有些流程处理步骤设置环节为会签的,那么会执行相关的会签操作。

会签是指创建一个或多个子流程供相关人员进行审批,等待全部人员完成处理后再次回到主流程上,然后决定是否继续流转到下一个流程步骤上去,一般的申请单的主流程如下所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第12张图片
image

这里设置的会签处理就是其中一个步骤,一旦会签处理步骤发起会签,就会构建多个可供审批的子流程了,如下所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第13张图片
image

例如对于进入发起会签的申请单,我们可以看到功能按钮中有一个【发起会签】的功能,如下所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第14张图片
image

发起会签的时候,我们需要指定相应会签的人员,如下是发起会签的审批界面。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第15张图片
image

而如果我们是会签人员列表中的用户,我们查看对应的申请单明细的时候,就会发现有【会签】的功能按钮,如下界面所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第16张图片
image

会签是所有人员全部批准通过才会确认通过,这个可以在会签结果审核界面进行处理即可,会签的审批界面如下所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第17张图片
image

所有参与会签人员提交意见后,发起会签的人员会看到【会签确认】的功能按钮,如下所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第18张图片
image

会签确认是有发起人决定是否通过该项会签,并进行下一步处理的功能,它是一个标准的审批功能。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第19张图片
image

完成后,我们查看对应的申请单,可以看到对应步骤的会签处理信息,都会呈现在这个表单明细里面,如下所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第20张图片
image

【批示分阅】步骤则是我们希望给相关人员传阅了解申请单的一个处理过程,同样它是一个选择多个用户参与传阅的处理,如下是【批示分阅】审批步骤。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第21张图片
image

完成后,整个申请单信息如下界面所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第22张图片
image

以上就是付款申请单,涉及到常规审批过程、会签过程(包括发起会签、会签、会签确认)、领导批示分阅、阅办等过程,一般情况下,我们可能涉及到一个或者几个处理过程,而这些过程我们是在流程模板里面进行定义的。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第23张图片
image

一旦定义好后,新生成的申请就以流程模板的步骤为参考申请对应的流程步骤,同时我们也可以在审批过程中,动态增加一些流程步骤,这样的弹性设置在一些临时需要增加一些审批步骤是非常方便的。

2)报销申请

在报销申请单处理中,往往提交 一些主表信息外,也会涉及到一些报销明细的录入,我们这里提供了一个表格直接录入数据的方式,减少用户维护数据的复杂性,非常方便。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第24张图片
image

上面明细清单信息,可以通过新增记录按钮,增加一条空白的记录,然后部分字段可以通过列表方式进行选择,保存提交申请单的时候,会自动把明细数据一并保存的。

保存申请单后,系统直接跳到【我的审批工作】界面,如下界面所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第25张图片
image

或者我们也可以查看报销申请单的列表界面。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第26张图片
image

查看具体报销申请单信息界面如下所示,其右上角的审批、撤销、流程日志、打印等功能按钮也会根据情况显示出来。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第27张图片
image

而这里的明细清单,则以表格方式进行列出,非常直观友好。

3)资产领用

介绍了一个报销申请的流程,我们再来介绍一个资产管理中的资产领用申请单,这也是一个比较有代表意义的流程申请单,具有明细处理的信息。

创建资产领用申请单界面如下所示,其中涉及了很多下拉列表联动选择的操作,明细的录入也是通过直接编辑表格的方式进行录入。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第28张图片
image

查看界面如下所示。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第29张图片
image

和其他流程表单不同的是,这个申请单中,在流程没有完成之前,明细清单可以在各个步骤进行编辑修改、删除等操作,由最后一个审批人进行维护并提交明细,流程完成后则不能继续编辑表单中的明细信息。

同时在流程完成后,会同时修改主资产信息的部分字段,从而完成了整个闭环的处理操作。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第30张图片
image

当然工作流模块中还有很多范例的表单,如开始列出的菜单中包含的内容。

基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)_第31张图片
image

不过由于其他界面上也比较类似,也就不再一一赘述,关键这些业务表单也是通过代码生成工具直接生成对应的Create、ViewDetail、Index视图代码和控制器代码的,因此这些业务表单的信息就不在一一介绍。

整个工作流模块,各个页面的职责比较清晰,基本上Create就是新建或者重新编辑、ViewDetail就是查看明细信息、index就是对应表单的列表界面显示,而其中涉及到的选择流程用户、选择资产等特殊操作,我们是定义一些共同的页面视图即可完成,在需要使用到的地方加入对应的页面即可,提高视图页面和脚本的重用性。

你可能感兴趣的:(基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2))