# 前端框架 API Reference v2(推荐):
工具类调用流程框架,直接调用对应类的构造函数即可 static/js/util/statusFlowMethod.ts
# 类型说明(为了方便维护,详见代码注释@ static/js/util/statusFlowMethod.ts)
# 发起 StatusFlowStartUI
new statusFlowMethod.StatusFlowStartUI({
processKey: "6c_defect",
businessTasks: [row],
extraDialogConfig: {
closeThen: function() {
table.reload();
},
},
});
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
# 办理 StatusFlowHandleUI
new statusFlowMethod.StatusFlowHandleUI({
processKey: "6c_defect",
businessTasks: [row],
extraDialogConfig: {
title: "缺陷审核",
closeThen: function() {
table.reload();
},
},
});
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 历史(表格内状态点击展示页面) StatusFlowTrackUI
new statusFlowMethod.StatusFlowTrackUI({
processKey: "6c_defect",
businessTasks: [row],
extraDialogConfig: {
title: "流程历史",
},
});
1
2
3
4
5
6
7
2
3
4
5
6
7
# 详情(包含流程信息的详情) StatusFlowDetailUI
new statusFlowMethod.StatusFlowDetailUI({
processKey: "6c_plan_section",
businessTasks: [row],
extraDialogConfig: {
title: "计划详情",
},
});
1
2
3
4
5
6
7
2
3
4
5
6
7
# 自定义发起业务表单页收到的参数
window.shareInfoWithChildren = function() {
return {
//只读数据:
rows: _.cloneDeep(rows), // 流程数据列表
nodeList: _.cloneDeep(vm.nodeList), //节点列表
currentNodeConfig: _.cloneDeep(vm.currentNodeConfig), //当前节点配置
//方法:
//关闭流程窗口
closeStatusFlowDialog: params.closeStatusFlowDialog,
//获取流程部分的提交的Model
getHandleData: function() {
return _.cloneDeep(vm.handleData);
},
};
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# 自定义内嵌页面收到的参数(自定义业务表单,自定义流程追踪页面,自定义流程数据页面)
//通过window获取框架参数
window.parent.window.shareInfoWithChildren();
//参数形式,可能发生扩展,以static/js/module/workflow/statusHandle/index.js为准
window.shareInfoWithChildren = function() {
return {
//只读数据
rows: _.cloneDeep(vm.rows), // 流程数据列表
layout: _.cloneDeep(vm.layout), //当前页面布局参数透传
nodeList: _.cloneDeep(vm.nodeList), //节点列表
currentNodeConfig: _.cloneDeep(vm.currentNodeConfig), //当前节点配置
progressList: _.clone(vm.progressList),
//当前选择的路径
userFormData: _.cloneDeep(vm.userFormData),
//服务方法
getHisTaskList: vm.getHisTaskList.bind(vm), //获取流程历史
//关闭流程窗口
closeStatusFlowDialog: params.closeStatusFlowDialog,
};
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
# 业务页面向流程框架反馈,要求实现如下结构
window.save = function() {
var defer = $.Deferred();
defer.resolve(/*向框架回传的参数*/);
return defer.promise();
};
1
2
3
4
5
6
7
2
3
4
5
6
7