ui-process-pc

流程组件接入文档

安装

npm install ui-process-pc

基础用法

// 导入依赖
import process, {
  ProcessAPI,
  beforeCreate,
  reactivate,
  ProcessEnums
} from 'ui-process-pc';

// 设置请求函数
ProcessAPI.setAjax(ajaxFuc);

说明： ajaxFuc 为函数类型

ajaxFuc(obj)

obj { 
 type: String, //请求方式（'get'||'post'）
 url: String,
 param: Any
}
// 调用时会传入上述参数

// 创建并启动流程
<beforeCreate ref="beforeCreateRef"></beforeCreate>


export default {
  components: {
    beforeCreate
    ...

this.$refs.beforeCreateRef.selectShow({
  appId: 'com.awspaas.user.apps.top.study.project',
  processGroupName: this.beType
}).then((createAndStart) => {
  // ...业务保存的相关逻辑

  // 业务保存成功后调用
  let p = {
    processBusinessKey: res.data.id,  //业务ID
    businessType: 26,   //流程类型
    title: '标题' //流程标题
  };
  createAndStart(p).then((res)=>{
     if (res.code == ProcessEnums.apiCode.success) {
      // 创建成功
     }else{
      // 创建失败
     }
  }).finally(()=>{
    // 创建失败
  })
})

// 复活流程
<beforeCreate ref="beforeCreateRef"></beforeCreate>


export default {
  components: {
    beforeCreate
    ...

this.$refs.beforeCreateRef.revivalShow(BusinessKey).then((revivalFlow) => {
  // ...业务保存的相关逻辑

  // 业务保存成功后调用
  revivalFlow().then((res)=>{
     if (res.code == ProcessEnums.apiCode.success) {
      // 复活成功
     }else{
      // 复活失败
     }
  }).finally(()=>{
    // 复活失败
  })
})

// 查看及流程审批相关操作
<process
    :processId="processInstId"
    :processDefId="processDefId"
    :task="task"
    @Complete="
      //操作成功回调
    "
    :userId="userId"
    :isView="
    //是否只查看
    ">
</process>


task {
  activityDefId: 节点id,
  processInstId: 流程实例id,
  processDefId: 流程定义id,
  id: 任务id,
}