基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)
本篇继续《基于Metronic的Bootstrap开发框架--工作流模块功能介绍》,继续介绍基于Metronic的Bootstrap开发框架的工作模块功能,介绍工作流模块中相关业务表单的界面设计和管理操作,以及在业务表单中设计到的审批、发起会签、会签确认、会签、撤销、领导批示分阅、阅办等常规操作,以及一些明细表单的数据录入展示。
1、工作流主页视图
在工作流模块中,我们可以把一些待办或者已办的事项放在首页里面,方便登陆后直接可以参考最新的一些信息,如下界面所示。
而在工作流的业务表单模块中,我们可以提供了很多相关的业务表单管理界面,可以通过对应的功能菜单进入对应的工作流业务表单列表,以下是工作流模块提供的一些常见业务表单。
2、工作流业务表单
1)付款申请
付款申请列表管理如下所示,可以根据相关条件进行筛选查看相关申请单。
我们可以在新增入口创建一个新的付款申请单,如下界面所示。
在选择流程处理人中,单击按钮会弹出一个用户选择按钮供选择,如下界面所示。
在申请单的创建界面左下角,有一个【存为草稿】的按钮,单击可以保存该申请单到草稿里面,方便下次打开提交申请单,这个保存草稿是一个通用的操作,在各个申请单都有这样的按钮供选择。
提交申请单成功后,会返回对应申请单列表的主界面,会发现申请单处于【处理中】的状态,双击可以打开该申请单进行详细信息的查看。
在查看信息的顶部有对应的流程处理按钮,如果用户是流程参与人,那么可以执行相关的处理。
审批是一个通用的常规处理操作,弹出界面需要录入处理意见,以及下一步流程的处理人员,如下界面所示。
同样,如果不通过该申请,那么可以选择【退回拟稿人处理】和【退回上一步处理】两个其他处理。
【退回拟稿人处理】是直接拒绝该申请单,让用户重新修改后可以再次提交的,【退回上一步处理】则是退回上一个步骤,如果过程涉及很多步骤,也就仅仅倒回一步。
当然,这个处理过程中,我们可以动态增加一个流程步骤,也就是【增加一步审批】,然后指定增加步骤的处理人即可,如下界面所示。
在查看明细的审批的处理按钮中,如果我们是流程发起人,那么我们可以撤销该申请单,撤销界面如下所示。
而流程日志以及打印功能是常规的处理操作,流程日志列出整个申请单处理流程的日志,以及申请单处理的历史信息和系统日志,如下界面所示。
对于有些流程处理步骤设置环节为会签的,那么会执行相关的会签操作。
会签是指创建一个或多个子流程供相关人员进行审批,等待全部人员完成处理后再次回到主流程上,然后决定是否继续流转到下一个流程步骤上去,一般的申请单的主流程如下所示。
这里设置的会签处理就是其中一个步骤,一旦会签处理步骤发起会签,就会构建多个可供审批的子流程了,如下所示。
例如对于进入发起会签的申请单,我们可以看到功能按钮中有一个【发起会签】的功能,如下所示。
发起会签的时候,我们需要指定相应会签的人员,如下是发起会签的审批界面。
而如果我们是会签人员列表中的用户,我们查看对应的申请单明细的时候,就会发现有【会签】的功能按钮,如下界面所示。
会签是所有人员全部批准通过才会确认通过,这个可以在会签结果审核界面进行处理即可,会签的审批界面如下所示。
所有参与会签人员提交意见后,发起会签的人员会看到【会签确认】的功能按钮,如下所示。
会签确认是有发起人决定是否通过该项会签,并进行下一步处理的功能,它是一个标准的审批功能。
完成后,我们查看对应的申请单,可以看到对应步骤的会签处理信息,都会呈现在这个表单明细里面,如下所示。
【批示分阅】步骤则是我们希望给相关人员传阅了解申请单的一个处理过程,同样它是一个选择多个用户参与传阅的处理,如下是【批示分阅】审批步骤。
完成后,整个申请单信息如下界面所示。
以上就是付款申请单,涉及到常规审批过程、会签过程(包括发起会签、会签、会签确认)、领导批示分阅、阅办等过程,一般情况下,我们可能涉及到一个或者几个处理过程,而这些过程我们是在流程模板里面进行定义的。
一旦定义好后,新生成的申请就以流程模板的步骤为参考申请对应的流程步骤,同时我们也可以在审批过程中,动态增加一些流程步骤,这样的弹性设置在一些临时需要增加一些审批步骤是非常方便的。
2)报销申请
在报销申请单处理中,往往提交 一些主表信息外,也会涉及到一些报销明细的录入,我们这里提供了一个表格直接录入数据的方式,减少用户维护数据的复杂性,非常方便。
上面明细清单信息,可以通过新增记录按钮,增加一条空白的记录,然后部分字段可以通过列表方式进行选择,保存提交申请单的时候,会自动把明细数据一并保存的。
保存申请单后,系统直接跳到【我的审批工作】界面,如下界面所示。
或者我们也可以查看报销申请单的列表界面。
查看具体报销申请单信息界面如下所示,其右上角的审批、撤销、流程日志、打印等功能按钮也会根据情况显示出来。
而这里的明细清单,则以表格方式进行列出,非常直观友好。
3)资产领用
介绍了一个报销申请的流程,我们再来介绍一个资产管理中的资产领用申请单,这也是一个比较有代表意义的流程申请单,具有明细处理的信息。
创建资产领用申请单界面如下所示,其中涉及了很多下拉列表联动选择的操作,明细的录入也是通过直接编辑表格的方式进行录入。
查看界面如下所示。
和其他流程表单不同的是,这个申请单中,在流程没有完成之前,明细清单可以在各个步骤进行编辑修改、删除等操作,由最后一个审批人进行维护并提交明细,流程完成后则不能继续编辑表单中的明细信息。
同时在流程完成后,会同时修改主资产信息的部分字段,从而完成了整个闭环的处理操作。
当然工作流模块中还有很多范例的表单,如开始列出的菜单中包含的内容。
不过由于其他界面上也比较类似,也就不再一一赘述,关键这些业务表单也是通过代码生成工具直接生成对应的Create、ViewDetail、Index视图代码和控制器代码的,因此这些业务表单的信息就不在一一介绍。
整个工作流模块,各个页面的职责比较清晰,基本上Create就是新建或者重新编辑、ViewDetail就是查看明细信息、index就是对应表单的列表界面显示,而其中涉及到的选择流程用户、选择资产等特殊操作,我们是定义一些共同的页面视图即可完成,在需要使用到的地方加入对应的页面即可,提高视图页面和脚本的重用性。
转载于:https://www.cnblogs.com/wuhuacong/p/9923364.html
基于Metronic的Bootstrap开发框架--工作流模块功能介绍(2)相关推荐
- 基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理
最近一直很多事情,博客停下来好久没写了,整理下思路,把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下,同时也记录自己对Bootstrap开发的学习研究的点点滴 ...
- 基于Metronic的Bootstrap开发框架经验总结(7)--数据的导入、导出及附件的查看处理...
在很多系统模块里面,我们可能都需要进行一定的数据交换处理,也就是数据的导入或者导出操作,这样的批量处理能给系统用户更好的操作体验,也提高了用户录入数据的效率.我在较早时期的EasyUI的Web框架上, ...
- 基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用...
为什么80%的码农都做不了架构师?>>> 在上篇<基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理>介绍了Bootstrap ...
- 基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用...
Bootstrap文件上传插件File Input是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadi ...
- (转)基于Metronic的Bootstrap开发框架经验总结(3)--下拉列表Select2插件的使用...
http://www.cnblogs.com/wuhuacong/p/4761637.html 在上篇<基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JST ...
- (转)基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用...
http://www.cnblogs.com/wuhuacong/p/4759564.html 在上篇<基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理& ...
- 基于Metronic的Bootstrap开发框架经验总结(15)-- 更新使用Metronic 4.75版本
在基于Metronic的Bootstrap开发框架中,一直都希望整合较新.较好的前端技术,结合MVC的后端技术进行项目的开发,随着时间的推移,目前Metronic也更新到了4.75版本,因此着手对这个 ...
- 基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理...
在业务系统开发中,对表格记录的查询.分页.排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非常有 ...
- (转)基于Metronic的Bootstrap开发框架经验总结(4)--Bootstrap图标的提取和利用...
http://www.cnblogs.com/wuhuacong/p/4762924.html 在前面的一篇随笔<基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模 ...
- 基于Metronic的Bootstrap开发框架经验总结(11)--页面菜单的几种呈现方式
在常规的后台管理系统或者前端界面中,一般都有一个导航菜单提供给用户,方便选择所需的内容.基于Metronic的Bootstrap开发框架,是整合了Metroinc样式,以及Boostrap组件模块的内 ...
最新文章
- 学习C++ 丨 类(Classes)的定义与实现!C/C++必学知识点!
- ds28e01完全数据手册_如何借助《活动管理手册》搭建营销体系?(内含课件PPT)...
- Android上常见度量单位【xdpi、hdpi、mdpi、ldpi】解读
- linux之awk命令解读
- ASA IPSEC ×××配置
- linux系统说明文件目录,Linux系统目录结构说明
- 无锡计算机硬件培训,无锡锡山办公软件电脑基础培训随到随学 学会为止
- UI标签库专题八:JEECG智能开发平台 Menu(左侧菜单生成标签)
- spark学习-50-Spark的stage的划分
- python记录(5)- find() 与 rfind()
- Leetcode 199.二叉树的右视图
- lisp 获取横断面数据_CAD中高程点提取横断面数据的方法
- 超好用的搜索引擎推荐
- 攻防世界Reverse-maze
- 知我者谓我心忧 不知我者谓我何求
- 胡玉平 计算机科学,基于代价敏感混合分裂策略的多决策树算法
- 机器人学——1.2-三维空间位姿描述
- protoc did not exit cleanly. Review output for more information报错
- 阿里百川淘宝联盟私域会员对接
- php artisan 命令详解,Artisan命令详解
热门文章
- overleaf 插入visio图像
- 泰安市建筑物矢量数据(Shp格式+带高度)
- 如何看待B站疑似源码泄漏的问题?
- Spine3.8.75 下载
- PSpice应用 软件安装和B-1
- UE4官方文档踩坑:FPS示例2.7 UCameraComponent
- JAVA 汉字转化中文拼音
- 机器学习和深度学习资料列表
- 高等数学在计算机中的应用论文1500字,大学高等数学论文范文
- java反射基础_Java反射基础 - havie的笔记 - 记笔记 - 私塾在线 - 只做精品视频课程服务...