一、开源项目简介

简单但强大易用易扩展且适应复杂场景的中国式审批的工作流引擎系统

JsonFlow工作流系统前端已支持移动端APP、Vue3技术栈，支持一套前端代码同时适配PC、Pad、H5多端显示，移动端APP办公（含流程图回显）。

二、开源协议

使用Apache-2.0开源协议

三、界面展示

UI美观操作简单⭐️

• 流程图设计：拖拽节点到绘图区，进行任意连线。在流程设计时可将鼠标移动到节点或连线上右键菜单设置属性（节点可直接双击），非常方便快捷操作
• 可自由设置连线/路由/布局改变连线形式、画布内的节点/连线均可拖拽和调整大小，未来可自定义图形

• 查看流程图：流程图节点显示不同状态与图标，鼠标移动到节点可显示节点与审批信息，放到线上可显示条件信息（注：显示信息可自行调整）

在线设计

• 开发平台：代码自动生成，方便快速进行二次定制化流程开发
• 一键快捷设计【表单设计 + 流程设计（表单/审批页面权限） + 页面设置】

在线办公

办公申请

• 支持在线一键发起办公申请工单，办理任务、WebSocket任务消息通知等等

任务管理

• 在待办任务点审批，可以查看/修改工单信息、审批过程、流程图。办理人员、页面支持高度可配置化

• 流程实例管理
• 更多功能期待你体验...

四、功能概述

第一自研工作流引擎 (非开源BPM)，自动布局算法布局，绝对授权类工作流+自研引擎No.1。功能强大支持Online零编码流程设计与申请办公等，UI美观操作绝对简单⭐️前后端代码完全自研可控，非常容易进行二次开发。前后端纯Json交互（格式简单），简单易用且适应复杂的中国式审批流场景。

工作流管理、工单管理、工作交接模块

• 本系统将工作流引擎与工单系统分离，目的在于解耦减少业务对工作流的入侵，以便于业务后期各种复杂报表统计
• 本系统同时支持在线工作与任务交接，弥补了传统BPM工作流需单独处理的不足，方便公司人员流动后的工作交接

其他功能：

• 节点分为五种：开始节点、串行节点、并行节点、结束节点、虚拟节点，以及一个节点任务
• 审批过程增加时间线显示UI效果(以Timeline时间线方式显示)，可选择表格或时间线两种不同的显示方式
• 更多功能期待你体验...

五、技术选型

数据结构

{
  "nodeList": [
    {
      "type": "start",
      "nodeName": "开始",
      "icon": null,
      "attrs": {
        "pcTodoUrl": null,
        "pcFinishUrl": null
      },
      "clazz": {
        "clazz": null,
        "methods": null
      },
      "defJob": {
        "jobName": "任务名称",
        "userId": null,
        "roleId": null
      },
      "jobSize": 1,
      "id": "1661145449179000002",
      "height": 50,
      "x": 210,
      "width": 50,
      "y": 205
    }
  ],
  "linkList": [
    {
      "type": "link",
      "label": "",
      "sourceId": "1661145449179000002",
      "targetId": "1661145452800000003",
      "attrs": {
        "varKey": null,
        "varVal": null
      },
      "id": "1661145456855000004",
      "icon": null
    }
  ],
  "attrs": {
    "id": "1661145437059000001"
  },
  "status": "0"
}

本地安装

• 下载本项目：npm install
• 启动项目：npm run serve
• 构建项目dist：npm run build