CN109377179A - 基于Vue的前端流程管理系统及方法 - Google Patents
基于Vue的前端流程管理系统及方法 Download PDFInfo
- Publication number
- CN109377179A CN109377179A CN201811239882.1A CN201811239882A CN109377179A CN 109377179 A CN109377179 A CN 109377179A CN 201811239882 A CN201811239882 A CN 201811239882A CN 109377179 A CN109377179 A CN 109377179A
- Authority
- CN
- China
- Prior art keywords
- audit
- unit
- flow
- information
- vue
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q10/00—Administration; Management
- G06Q10/10—Office automation; Time management
- G06Q10/103—Workflow collaboration or project management
Landscapes
- Business, Economics & Management (AREA)
- Human Resources & Organizations (AREA)
- Strategic Management (AREA)
- Engineering & Computer Science (AREA)
- Entrepreneurship & Innovation (AREA)
- Operations Research (AREA)
- Economics (AREA)
- Marketing (AREA)
- Data Mining & Analysis (AREA)
- Quality & Reliability (AREA)
- Tourism & Hospitality (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
本发明涉及前端流程管理技术,其公开了一种基于Vue的前端流程管理系统及方法,实现通用化的前端流程管理,有效提高流程审批效率。该系统包括:审核信息录入单元,用于在流程发起之前,录入需要被审核的签批事项;审核流程定义单元,用于定义一个业务完整的各流程单元;审核步骤单元,用于定义具体单个流程单元的完整步骤;审核操作单元,用于定义审核权限及界面组件控制机制;审核流程历史记录单元,用于定义流程审核记录的获取和展示。
Description
技术领域
本发明涉及前端流程管理技术,具体涉及一种基于Vue的前端流程管理系统及方法。
背景技术
随着办公自动化技术的不断进步,办公自动化的内涵也在不断地丰富和发展,未来也越来越趋于向协同化、平台化以及移动化等方向发展。网络时代的OA是一种企业级跨部门运作的基础信息系统,可以联结企业各个岗位上的各个工作人员,可以联结企业各类信息系统和信息资源,随时随地实现全球网络化办公。利用新技术,移动协同应用将成为未来市场新亮点,未来OA将向协同办公平台大步前进。企业业务间通过流程进行紧密集成,无缝对接,各业务间流程与公文流转、信息发布、核查审批等系统实现无缝集成协同的一个大的办公平台。因此,企业也越来越重视办公自动化系统的建立和推广,在办公自动化系统中,流程管理系统无疑是其中重要的一个环节。
发明内容
本发明所要解决的技术问题是:提出一种基于Vue的前端流程管理系统及方法,实现通用化的前端流程管理,有效提高流程审批效率。
本发明解决上述技术问题所采用的技术方案是:
基于Vue的前端流程管理系统,包括:
审核信息录入单元,用于在流程发起之前,录入需要被审核的签批事项;
审核流程定义单元,用于定义一个业务完整的各流程单元;
审核步骤单元,用于定义具体单个流程单元的完整步骤;
审核操作单元,用于定义审核权限及界面组件控制机制;
审核流程历史记录单元,用于定义流程审核记录的获取和展示。
作为进一步优化,所述审核信息录入单元录入的信息依据具体业务需求不同,为简单文字信息或者需要复杂交互的信息,所述需要复杂交互的信息包括录入项目立项信息。
作为进一步优化,所述审核流程定义单元定义一个业务完整的各流程单元,具体包括定义指定流程从开始到结束所有的流程单元,所述所有的流程单元为视业务需要的一个或多个流程单元。
作为进一步优化,所述审核步骤单元定义具体单个流程单元的完整步骤,包括对每个流程单元的所有审核步骤的定义:流程每一步审核人和审核权限的设置、每一步对应的下一步审核角色和审核操作,每一步操作之后流程的转向;不同流程单元的审核步骤不相同;
作为进一步优化,所述审核操作单元定义审核权限包括:根据当前操作者的角色及该流程当前状态从后台接口获取权限值,权限值的每一位二进制位分别代表需要加载不同的操作组件。
作为进一步优化,所述审核流程历史记录单元定义流程审核记录的获取和展示包括:按照操作顺序记录每一步审核的时间、操作者、实施的操作和指定的下一步审核人信息,前端按照需要的样式将各字段组合并显示。
此外,本发明还提供了一种基于Vue的前端流程管理方法,其包括以下步骤:
S1.定义流程管理系统一个流程从开始到结束需要的所有审核流程;
S2.流程发起人在审核信息录入单元录入需要被审核的信息;
S3.流程发起人点击发起第一个审核流程,选择下一步操作者;
S4.下一步操作者登录系统,查看流程待办工作,点击进入流程审核界面时,向后台请求流程审批视图数据,审核界面根据后台返回的权限过渡操作,显示当前操作者可进行的操作按钮;
S5.流程操作者根据实际情况选择某一操作按钮并点击,界面根据按钮信息中包含的权限位显示该按钮需要显示的界面组件;
S6.流程操作者操作界面组件,录入审核相关信息,然后执行流程过渡;
S7.下一步审核者重复执行S4-S6的操作,直至单个流程单元执行完毕;
S8.执行下一个流程单元。
作为进一步优化,在步骤S1中,视不同业务需要,一个完整的审核流程,包含一个或多个流程单元。
作为进一步优化,在步骤S4中,每个操作按钮带有权限位信息,权限位用于控制在点击了操作按钮之后显示该步骤可以显示审核操作单元的哪些界面组件。
作为进一步优化,在步骤S5中,界面组件指执行该步流程需要进行的操作组件,包括:添加附件组件,添加备注信息组件和选择下一步审批人组件。
本发明的有益效果是:
(1)系统适用性强,适合多种类型的流程管理需求,如合同审批,项目管理、请假申请审批等;
(2)该系统及方法的应用,相比之前的线下流程审批,可以有效提高流程审批效率,使得审批环节不受地域、时间等限制,随时随地可以操作流程;
(3)系统前端采用vue组件化开发,实现高效的数据绑定和灵活的组件系统。
附图说明
图1为本发明实施例的基于Vue的前端流程管理系统示意图;
图2为本发明实施例的基于Vue的前端流程管理方法流程图;
图3为本发明实施例的基于Vue的前端流程管理方法中权限位及对应操作示意图。
具体实施方式
本发明旨在提出一种基于Vue的前端流程管理系统及方法,实现通用化的前端流程管理,有效提高流程审批效率。
下面结合附图及实施例对本发明的方案作进一步的描述:
如图1所示,本实施例中的基于Vue的前端流程管理系统包括:审核信息录入单元1、审核流程定义单元2、审核步骤单元3、审核操作单元4,审核流程历史记录单元5。
所述审核信息录入单元1,用于在流程发起之前,录入项目信息;
所述审核流程定义单元2,用于定义一个业务完整的各流程单元;
所述审核步骤单元3,用于定义具体单个流程单元的完整步骤;
所述审核操作单元4,用于定义审核权限及界面组件控制机制;
所述审核流程历史记录单元5,用于定义流程审核记录的获取和展示;
优选地,所述审核信息录入单元1包括项目基本信息录入单元11、项目进度计划录入单元12、项目人力资源计划录入单元13、项目财务计划录入单元14、项目质量计划录入单元15;所述基本信息录入单元11用于录入项目的基本信息,例如项目名称、项目内容、项目周期、项目级别等;所述项目进度计划录入单元12用于录入项目里程碑时间节点;所述项目人力资源计划录入单元13用于录入项目的人力资源投入,包括人员等投入时长、项目周期内投入度等信息;所述项目财务计划录入单元14用于录入项目财务计划,包括财务支出类型及对应金额;所述项目质量计划录入单元15用于录入项目验收时质量计划要求。
优选地,所述审核流程定义单元2包括部门内部审核单元21、公司级审核单元22;其中所有项目的审核都要通过所述部门内部审核单元21,公司级项目同时需要同过所述公司级审核单元22的审核。
优选地,所述审核步骤单元3包括部门经理审核单元31、项目管理人员审核单元32、财务审核单元33、人事审核单元34、测试审核单元35、部门领导审核单元36、公司领导审核单元37。
优选地,所述审核操作单元4包括添加附件单元41、选择下一步审核者单元42、修改项目级别单元43、填写财务属性单元44、添加备注信息单元45;所述添加附件单元41,用于在流程审核中需要上传文件的操作;所述选择下一步审核者单元42,用于在流程审核中需要选择下一步审核人员的操作;所述修改项目级别单元43,用于所述项目管理人员审核单元32需要修改所述审核信息录入单元11的项目级别信息时;所述填写财务属性单元44,用于所述财务审核单元33审核时,针对所述项目财务计划录入单元14中的信息进行财务信息归属,如财年、成本中心,利润中心等。其中,所述添加附件单元41、选择下一步审核者单元42、修改项目级别单元43、填写财务属性单元44、添加备注信息单元45在审核步骤中动态显示,是否显示需要依据该步骤中从后台获取的操作权限值来决定,操作权限值根据当前操作者角色和当前流程状态返回,根据操作权限值的二进制值来判断,二进制值第0位为1,表示需要显示所述添加附件单元41;第1位为1,表示需要显示所述选择下一步审核者单元42;第2位为1,表示需要显示所述修改项目级别单元43;第3位为1,表示需要显示所述填写财务属性单元44;第4位为1,表示需要显示所述添加备注信息单元45。
如图3所示,若某操作者的审核权限值为21,二进制值为10101,则对应操作界面需要添加的组件为添加附件组件,修改项目级别组件,添加备注信息组件。
优选地,所述审核流程历史记录单元5,用于从后台获取流程审批记录并展示。
优选地,以上所述所有业务单元,均采用Vue.js开发,各子业务单元采用组件化开发,界面组件可灵活配置和组合。
如图2所示,本发明实施例提供了一种基于Vue的前端流程管理方法,包括以下步骤:
步骤S1:流程信息提交者登录系统并录入审核项目信息;
步骤S2:流程信息提交者提交所录入信息,进入部门内部审核单元,加载“选择下一步审核者”组件,选择部门经理,然后提交流程审核;
步骤S3:部门经理审核者登录系统,从待办工作中选择待办流程信息,进入审批界面,此时审批界面根据项目经理的角色和该流程的状态,从后台获取到项目经理可进行的操作并以按钮形式显示:“同意”、“再修改”及“不同意”。
选择“同意”按钮,则界面根据“同意”按钮的权限位加载选择下一步审核者组件和添加备注信息组件,选择下一步审核者:项目管理人员,输入备注信息,提交流程审核,流程信息转至项目管理人员处;
选择“再修改”按钮,则界面根据“再修改”按钮的权限位加载添加备注信息的组件,输入备注信息,提交审核,流程回到上一步;
选择“不同意”按钮,则界面根据“不同意”按钮的权限位加载添加备注信息的组件,输入备注信息,提交审核,流程被退回;
步骤S4:类似地,项目管理人员登录系统,从待办工作中选择待办流程信息,进入审批界面,此时审批界面根据项目管理人员的角色和该流程的状态,从后台获取到项目管理人员可进行的操作并以按钮形式显示:“审核通过”、“再修改”。
选择“审核通过”按钮,则界面根据“审核通过”按钮的权限位加载选择下一步审核者组件、修改项目级别组件、添加附件组件、添加备注信息组件,在选择下一步审核者组件中依次选择:财务审核人员、人事审核人员、测试审核人员,修改项目级别(可选),添加附件(可选),并输入备注信息,提交流程审核,流程信息并行转至财务审核人员、人事审核人员、测试审核人员处;
选择“再修改”按钮,则界面根据“再修改”按钮的权限位加载添加备注信息的组件,输入备注信息,提交审核,流程回到第一步;
步骤S5:类似地,财务审核人员、人事审核人员、测试审核人员分别登录系统,并根据相应的权限进行操作,财务审核人员、人事审核人员、测试审核人员分别审核通过之后,流程信息转至项目管理人员处;
步骤S6:项目管理人员登录系统,从待办工作中选择待办流程信息,进入审批界面,此时审批界面根据项目管理人员的角色和该流程的状态,从后台获取到项目管理人员可进行的操作并以按钮形式显示,若项目级别较低,则显示按钮“提交部门领导批准”,否则,显示“提交公司领导批准”。
选择“提交部门领导批准”按钮,则界面根据“提交部门领导批准”按钮的权限位加载选择下一步审核者组件、添加备注信息组件,选择下一步审核的部门领导并输入备注信息,提交审核;
选择“提交公司领导批准”按钮,则界面根据“提交公司领导批准”按钮的权限位加载选择下一步审核者组件、添加备注信息组件,选择下一步审核的公司领导并输入备注信息,提交审核;
步骤S7:部门领导或公司领导登录系统,从待办工作中选择待办流程信息,进入审批界面,此时审批界面根据操作人员角色和该流程的状态,从后台获取到可进行的操作并以按钮形式显示:“同意”、“不同意”和“再修改”。
选择“同意”按钮,则界面根据“同意”按钮的权限位加载添加备注信息组件,输入备注信息,提交流程审核,流程结束;
选择“不同意”按钮,则界面根据“不同意”按钮的权限位加载添加备注信息的组件,输入备注信息,提交审核,流程被退回;
选择“再修改”按钮,则界面根据“再修改”按钮的权限位加载添加备注信息的组件,输入备注信息,提交审核,流程回到第一步。
Claims (10)
1.基于Vue的前端流程管理系统,其特征在于,包括:
审核信息录入单元,用于在流程发起之前,录入需要被审核的签批事项;
审核流程定义单元,用于定义一个业务完整的各流程单元;
审核步骤单元,用于定义具体单个流程单元的完整步骤;
审核操作单元,用于定义审核权限及界面组件控制机制;
审核流程历史记录单元,用于定义流程审核记录的获取和展示。
2.如权利要求1所述的基于Vue的前端流程管理系统,其特征在于,所述审核信息录入单元录入的信息依据具体业务需求不同,为简单文字信息或者需要复杂交互的信息,所述需要复杂交互的信息包括录入项目立项信息。
3.如权利要求1所述的基于Vue的前端流程管理系统,其特征在于,所述审核流程定义单元定义一个业务完整的各流程单元,具体包括定义指定流程从开始到结束所有的流程单元,所述所有的流程单元为视业务需要的一个或多个流程单元。
4.如权利要求1所述的基于Vue的前端流程管理系统,其特征在于,所述审核步骤单元定义具体单个流程单元的完整步骤,包括对每个流程单元的所有审核步骤的定义:流程每一步审核人和审核权限的设置、每一步对应的下一步审核角色和审核操作,每一步操作之后流程的转向;不同流程单元的审核步骤不相同。
5.如权利要求1所述的基于Vue的前端流程管理系统,其特征在于,所述审核操作单元定义审核权限包括:根据当前操作者的角色及该流程当前状态从后台接口获取权限值,权限值的每一位二进制位分别代表需要加载不同的操作组件。
6.如权利要求1所述的基于Vue的前端流程管理系统,其特征在于,所述审核流程历史记录单元定义流程审核记录的获取和展示包括:按照操作顺序记录每一步审核的时间、操作者、实施的操作和指定的下一步审核人信息,前端按照需要的样式将各字段组合并显示。
7.基于Vue的前端流程管理方法,其特征在于,包括以下步骤:
S1.定义流程管理系统一个流程从开始到结束需要的所有审核流程;
S2.流程发起人在审核信息录入单元录入需要被审核的信息;
S3.流程发起人点击发起第一个审核流程,选择下一步操作者;
S4.下一步操作者登录系统,查看流程待办工作,点击进入流程审核界面时,向后台请求流程审批视图数据,审核界面根据后台返回的权限过渡操作,显示当前操作者可进行的操作按钮;
S5.流程操作者根据实际情况选择某一操作按钮并点击,界面根据按钮信息中包含的权限位显示该按钮需要显示的界面组件;
S6.流程操作者操作界面组件,录入审核相关信息,然后执行流程过渡;
S7.下一步审核者重复执行S4-S6的操作,直至单个流程单元执行完毕;
S8.执行下一个流程单元。
8.如权利要求7所述的基于Vue的前端流程管理方法,其特征在于,在步骤S1中,视不同业务需要,一个完整的审核流程,包含一个或多个流程单元。
9.如权利要求7所述的基于Vue的前端流程管理方法,其特征在于,在步骤S4中,每个操作按钮带有权限位信息,权限位用于控制在点击了操作按钮之后显示该步骤可以显示审核操作单元的哪些界面组件。
10.如权利要求7所述的基于Vue的前端流程管理方法,其特征在于,在步骤S5中,界面组件指执行该步流程需要进行的操作组件,包括:添加附件组件,添加备注信息组件和选择下一步审批人组件。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811239882.1A CN109377179A (zh) | 2018-10-23 | 2018-10-23 | 基于Vue的前端流程管理系统及方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811239882.1A CN109377179A (zh) | 2018-10-23 | 2018-10-23 | 基于Vue的前端流程管理系统及方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109377179A true CN109377179A (zh) | 2019-02-22 |
Family
ID=65401620
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811239882.1A Pending CN109377179A (zh) | 2018-10-23 | 2018-10-23 | 基于Vue的前端流程管理系统及方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109377179A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110659818A (zh) * | 2019-09-18 | 2020-01-07 | 联宝(合肥)电子科技有限公司 | 信息处理方法及系统 |
CN110796432A (zh) * | 2019-10-22 | 2020-02-14 | 南京华盾电力信息安全测评有限公司 | 一种集团企业业务审核流程管理方法及系统 |
CN110880098A (zh) * | 2019-11-21 | 2020-03-13 | 深圳春沐源控股有限公司 | 协同办公审批方法、系统、计算机设备及可读存储介质 |
CN110895595A (zh) * | 2019-10-30 | 2020-03-20 | 武汉氪细胞网络技术有限公司 | 一种Timing后台审核操作管理系统 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102663569A (zh) * | 2012-05-07 | 2012-09-12 | 广东优迈信息通信技术有限公司 | 一种可视化工作流引擎系统 |
CN102855141A (zh) * | 2011-09-24 | 2013-01-02 | 国网电力科学研究院 | 一种权限能可视化定义与动态帮助的权限控制方法 |
CN103324470A (zh) * | 2012-03-21 | 2013-09-25 | 阿里巴巴集团控股有限公司 | 一种Web系统生成的方法和装置 |
CN103700026A (zh) * | 2013-11-30 | 2014-04-02 | 北京科东电力控制系统有限责任公司 | 一种用于智能电网调度的自由节点流转处理方法 |
-
2018
- 2018-10-23 CN CN201811239882.1A patent/CN109377179A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102855141A (zh) * | 2011-09-24 | 2013-01-02 | 国网电力科学研究院 | 一种权限能可视化定义与动态帮助的权限控制方法 |
CN103324470A (zh) * | 2012-03-21 | 2013-09-25 | 阿里巴巴集团控股有限公司 | 一种Web系统生成的方法和装置 |
CN102663569A (zh) * | 2012-05-07 | 2012-09-12 | 广东优迈信息通信技术有限公司 | 一种可视化工作流引擎系统 |
CN103700026A (zh) * | 2013-11-30 | 2014-04-02 | 北京科东电力控制系统有限责任公司 | 一种用于智能电网调度的自由节点流转处理方法 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110659818A (zh) * | 2019-09-18 | 2020-01-07 | 联宝(合肥)电子科技有限公司 | 信息处理方法及系统 |
CN110796432A (zh) * | 2019-10-22 | 2020-02-14 | 南京华盾电力信息安全测评有限公司 | 一种集团企业业务审核流程管理方法及系统 |
CN110895595A (zh) * | 2019-10-30 | 2020-03-20 | 武汉氪细胞网络技术有限公司 | 一种Timing后台审核操作管理系统 |
CN110880098A (zh) * | 2019-11-21 | 2020-03-13 | 深圳春沐源控股有限公司 | 协同办公审批方法、系统、计算机设备及可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109377179A (zh) | 基于Vue的前端流程管理系统及方法 | |
Raddats et al. | Services growth options for B2B product-centric businesses | |
US7337124B2 (en) | Method and system for a quality software management process | |
US20100268705A1 (en) | Database and data access layer | |
Capaldo et al. | A planned‐oriented approach for EPR implementation strategy selection | |
Wu et al. | An advanced CMII-based engineering change management framework: the integration of PLM and ERP perspectives | |
Jing et al. | A study on critical success factors in ERP systems implementation | |
Kobus | Demystifying lean IT: conceptualization and definition | |
Aleksandrova et al. | Methods of digital transformation of management systems | |
RU2480830C2 (ru) | Способ автоматизированной обработки данных для принятия управленческих решений по проекту и портфелю проектов | |
Simatupang et al. | Change management perspectives in an ERP module implementation: A case study in a telecommunication company | |
CN115099790A (zh) | 一种基于区块链智能合约的企业管理平台及其管理方法 | |
Amiyo | Decision enhancement and business process agility | |
Babar | Supporting the software architecture process with knowledge management | |
Lope et al. | ERP implementation framework for malaysian private institution of higher learning | |
Sparrow et al. | Lean management and organizational effectiveness | |
Foschini | Project management in the consultancy sector: comparing Waterfall and Agile approaches | |
van der Burgh | A Readiness self-assessment model for Low-code development enabled devops | |
Debbiche et al. | Accelerating software delivery in the context of requirements analysis and breakdown for DevOps: A multiple-case study | |
Breyfogle | Leveraging business process management and six sigma in process improvement initiatives | |
Pérez Rodríguez | Towards personalisation of a corporate intranet | |
Krusha | PROJECT STRUCTURE | |
Sinkala | Fahd Debbiche Markus Wrang | |
Asatiani et al. | Security by envelopment–a novel approach to data-security-oriented configuration of lightweight-automation systems | |
O’Leary | A tool for innovation management within small-medium enterprises |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190222 |