流程节点对接表单页面开发方法

流程节点对接表单页面开发方法

（1）在普通的列表表单页面改造，去掉<a-modal> 模态框（2）页面引入

import { httpAction,getAction } from '@/api/manage'

（3）定义props

props: ['formData'],

（4）定义data

url: {
          queryById: "",//填写表单的queryById请求地址
        },

(5)created方法实现

created () {
      console.log("form start");
      console.log("formdata",this.formData);
      var params = {id:this.formData.dataId};//查询条件
      getAction(this.url.queryById,params).then((res)=>{
        if(res.success){
          console.log("获取流程节点信息",res);
          this.edit (res.result);
        }
      })
    },

（6）'formData'对象说明：节点对接页面组件时通过定义的props: ['formData'],传入数据，该对象为流程节点和页面的数据传输对象，可根据其中的数据展示表单 formData对象属性如下： dataId:表单数据id taskId:当前环节任务id taskDefKey:当前环节任务key procInsId:流程实例id tableName:表名 permissionList:节点权限配置 vars:流程变量 页面接收该对象数据后可根据数据信息通过接口获取相关的业务数据展示表单。