流程组件接入文档

新流程接入文档

$3

``
npm install ddy-process-pc-vue2
`

$3

`js
// 导入依赖
import process, {
ProcessAPI,
beforeCreate,
reactivate,
ProcessEnums,
} from "ddy-process-pc-vue2";

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

> 说明： ajaxFuc 为函数类型
>
> > `js
> > ajaxFuc(obj)
> >
> > obj {
> > type: String, //请求方式（'get'||'post'）
> > url: String,
> > param: Any
> > }
> > // 调用时会传入上述参数
> > `

`vue




`

`vue




`

yanhuang 流程接入文档

$3

`
npm install ui-process-pc
`

$3

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

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

> 说明： ajaxFuc 为函数类型
>
> > `js
> > ajaxFuc(obj)
> >
> > obj {
> > type: String, //请求方式（'get'||'post'）
> > url: String,
> > param: Any
> > }
> > // 调用时会传入上述参数
> > `

`js
// 创建并启动流程



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(()=>{
// 创建失败
})
})


`

`js
// 复活流程



export default {
components: {
beforeCreate
...

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

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


`

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



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




``