本篇继续《基于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)相关推荐

  1. 基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理

    最近一直很多事情,博客停下来好久没写了,整理下思路,把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下,同时也记录自己对Bootstrap开发的学习研究的点点滴 ...

  2. 基于Metronic的Bootstrap开发框架经验总结(7)--数据的导入、导出及附件的查看处理...

    在很多系统模块里面,我们可能都需要进行一定的数据交换处理,也就是数据的导入或者导出操作,这样的批量处理能给系统用户更好的操作体验,也提高了用户录入数据的效率.我在较早时期的EasyUI的Web框架上, ...

  3. 基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用...

    为什么80%的码农都做不了架构师?>>>    在上篇<基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理>介绍了Bootstrap ...

  4. 基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用...

    Bootstrap文件上传插件File Input是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadi ...

  5. (转)基于Metronic的Bootstrap开发框架经验总结(3)--下拉列表Select2插件的使用...

    http://www.cnblogs.com/wuhuacong/p/4761637.html 在上篇<基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JST ...

  6. (转)基于Metronic的Bootstrap开发框架经验总结(2)--列表分页处理和插件JSTree的使用...

    http://www.cnblogs.com/wuhuacong/p/4759564.html 在上篇<基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理& ...

  7. 基于Metronic的Bootstrap开发框架经验总结(15)-- 更新使用Metronic 4.75版本

    在基于Metronic的Bootstrap开发框架中,一直都希望整合较新.较好的前端技术,结合MVC的后端技术进行项目的开发,随着时间的推移,目前Metronic也更新到了4.75版本,因此着手对这个 ...

  8. 基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理...

    在业务系统开发中,对表格记录的查询.分页.排序等处理是非常常见的,在Web开发中,可以采用很多功能强大的插件来满足要求,且能极大的提高开发效率,本随笔介绍这个bootstrap-table是一款非常有 ...

  9. (转)基于Metronic的Bootstrap开发框架经验总结(4)--Bootstrap图标的提取和利用...

    http://www.cnblogs.com/wuhuacong/p/4762924.html 在前面的一篇随笔<基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模 ...

  10. 基于Metronic的Bootstrap开发框架经验总结(11)--页面菜单的几种呈现方式

    在常规的后台管理系统或者前端界面中,一般都有一个导航菜单提供给用户,方便选择所需的内容.基于Metronic的Bootstrap开发框架,是整合了Metroinc样式,以及Boostrap组件模块的内 ...

最新文章

  1. 学习C++ 丨 类(Classes)的定义与实现!C/C++必学知识点!
  2. ds28e01完全数据手册_如何借助《活动管理手册》搭建营销体系?(内含课件PPT)...
  3. Android上常见度量单位【xdpi、hdpi、mdpi、ldpi】解读
  4. linux之awk命令解读
  5. ASA IPSEC ×××配置
  6. linux系统说明文件目录,Linux系统目录结构说明
  7. 无锡计算机硬件培训,无锡锡山办公软件电脑基础培训随到随学 学会为止
  8. UI标签库专题八:JEECG智能开发平台 Menu(左侧菜单生成标签)
  9. spark学习-50-Spark的stage的划分
  10. python记录(5)- find() 与 rfind()
  11. Leetcode 199.二叉树的右视图
  12. lisp 获取横断面数据_CAD中高程点提取横断面数据的方法
  13. 超好用的搜索引擎推荐
  14. 攻防世界Reverse-maze
  15. 知我者谓我心忧 不知我者谓我何求
  16. 胡玉平 计算机科学,基于代价敏感混合分裂策略的多决策树算法
  17. 机器人学——1.2-三维空间位姿描述
  18. protoc did not exit cleanly. Review output for more information报错
  19. 阿里百川淘宝联盟私域会员对接
  20. php artisan 命令详解,Artisan命令详解

热门文章

  1. overleaf 插入visio图像
  2. 泰安市建筑物矢量数据(Shp格式+带高度)
  3. 如何看待B站疑似源码泄漏的问题?
  4. Spine3.8.75 下载
  5. PSpice应用 软件安装和B-1
  6. UE4官方文档踩坑:FPS示例2.7 UCameraComponent
  7. JAVA 汉字转化中文拼音
  8. 机器学习和深度学习资料列表
  9. 高等数学在计算机中的应用论文1500字,大学高等数学论文范文
  10. java反射基础_Java反射基础 - havie的笔记 - 记笔记 - 私塾在线 - 只做精品视频课程服务...