| | |
|---|
| | | </el-tab-pane> |
|---|
| | | <!--流程图--> |
|---|
| | | <el-tab-pane label="流程图" name="2"> |
|---|
| | | <bpmn-viewer :flowData="flowData"/> |
|---|
| | | <bpmn-viewer :flowData="flowData" :procInsId="procInsId"/> |
|---|
| | | </el-tab-pane> |
|---|
| | | </el-tabs> |
|---|
| | | <!--选择流程接收人--> |
|---|
| | |
|---|
| | | loading: true, |
|---|
| | | deployId: "", // 流程定义编号 |
|---|
| | | procDefId: "", // 流程实例编号 |
|---|
| | | procInsId: "", // 流程实例编号 |
|---|
| | | formRenderData: {}, |
|---|
| | | formRenderDataList: [], |
|---|
| | | variables: [], // 流程变量数据 |
|---|
| | |
|---|
| | | this.flowName = this.$route.query && this.$route.query.flowName; |
|---|
| | | // 初始化表单 |
|---|
| | | this.procDefId = this.$route.query && this.$route.query.procDefId; |
|---|
| | | this.procInsId = this.$route.query && this.$route.query.procInsId; |
|---|
| | | this.goBackParams = this.$route.query && this.$route.query.goBackParams; |
|---|
| | | // this.getNextFlowNodeByStart(this.deployId); |
|---|
| | | this.getFlowFormData(this.taskId); |
|---|
| | |
|---|
| | | }, |
|---|
| | | handleClick(tab, event) { |
|---|
| | | if (tab.name === '2'){ |
|---|
| | | flowXmlAndNode({deployId:this.deployId}).then(res => { |
|---|
| | | flowXmlAndNode({procInsId:this.procInsId,deployId:this.deployId}).then(res => { |
|---|
| | | this.flowData = res.data; |
|---|
| | | }) |
|---|
| | | } |
|---|
