＂流程审批＂前端叫什么功能，一般实现流程是怎样的

Question

例如某系统，某用户发起一个申请，需要经过一级，二级或多级审批，完成审批后，调用后端API，触发某活动．
这种功能在前端叫什么模块？
如果用Angular或Vue框架，一般如何实现？

Answer 1

• 叫什么模块？
  就叫流程审批模块啊，就是工作流。
• 一般如何实现？
  我们项目（vue）最近刚开发完这个功能，交互基本都模仿钉钉的，钉钉流程设计做的不错，没有使用拖拽，但是也易懂方便操作。

Answer 2

这种得后端配合吧, 把当前流程状态记录下来, 每次进入页面根据当前状态显示不同的审批页面,纯前端没法实现

Answer 3

这种我们一般叫工作流 （workflow）， 实现方式是，首先确定所有节点，从工作流程的发起至结束流程，简单的流程可以想象成一条直线，直线上包含有几个节点（第一步-> 第二步 -> 第三步 > 完成）。复杂的流程就需要做分解，我们给它叫WBS（工作分解结构），每个节点下面对应多个子节点，独立且不交叉，结构图类似这样：

当然这里只是打比方，在实际的业务场景里，涉及到审批的流程更为复杂，每个节点可能还存在以下几种状态： Pendding、 Rejected、Approver。这里需要经过一级，二级或多级，建议题主在实施前，先将整个流程画下来，然后再来实施，具体用什么框架当然要看题主擅长于哪一个，这里我的建议是先学习SVG，了解前端在流程图绘制上的实现，再来做技术选型，最后在流程执行的过程中，无非就是更新每个节点的状态，动态绘制节点箭头流向等等..

Answer 4

你爱叫什么模块叫什么模块