自定义开发表单与流程对接

（1）设计流程：【流程管理-流程设计-新建流程】创建流程

（2）表单挂接：流程设计完成后，选择流程【流程配置-业务关联-新增】增加表单关联

说明：

• 表单类型：选择自定义开发
• 表名：填写需要的对接的表单对应业务的表名，存在多种表时填写主表名
• 唯一编码：流程业务对接唯一编码，流程发起时需要用到该值，该值定义整个系统中不能重复,会根据表名生成一个默认编码，可自己修改， 例如：dev_ext_biz_leave_001
• 流程状态列名：记录流程状态的字段，在关联的Online表名指定的表中存在的字段，该字段用于接收，流程处理过程中回填过来的处理状态
• 标题表达式：流程提交后在，任务列表中展示的业务标题，例如：测试新流程【${name}】，其中表达式${name}，取流程变量中的值

（3）表单流程发起代码实现：

申请单，进行流程发起

• 1、申请单列表增加按钮 <a @click="startProcess(record)">提交流程 控制待提交状态下展示 v-if="record.bpmStatus === '1'"
• 2、提交流程，功能实现

1、data()中定义
flowCode:"dev_ext_biz_leave_001",
url: {
  startProcess: "/process/extActProcess/startMutilProcess",
},
2、方法实现
startProcess: function(record){
    var that = this;
    this.$confirm({
      title:"提示",
      content:"确认提交流程吗?",
      onOk: function(){
        var param = {
          flowCode:that.flowCode,
          id:record.id,
          formUrl:"modules/extbpm/biz/modules/ExtBizLeaveForm",
          formUrlMobile:"modules/extbpm/biz/modules/ExtBizLeaveForm"
        }
        postAction(that.url.startProcess,param).then((res)=>{
          if(res.success){
            that.$message.success(res.message);
            that.loadData();
            that.onClearSelected();
          }else{
            that.$message.warning(res.message);
          }
        });
      }
    });
  },

说明：提交流程是需要传递四个参数

• flowCode：流程业务对接唯一编码
• id:表单数据id
• formUrl：pc端流程审批，默认展示的表单组件
• formUrlMobile：移动端流程审批，默认展示的表单组件

（4）流程对接完成，发布流程，然后申请单提交流程即可。