欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 能源 > BPMN.js学习

BPMN.js学习

2024/11/30 8:47:12 来源:https://blog.csdn.net/m0_55049655/article/details/140351827  浏览:    关键词:BPMN.js学习

查看流程图 

processView: {title: '',open: false,index: undefined,xmlData:"",
},
<el-table-column label="模型名称" align="center" :show-overflow-tooltip="true"><template slot-scope="scope"><el-button type="text" @click="handleProcessView(scope.row)"><span>{{ scope.row.modelName }}</span></el-button></template>
</el-table-column><!-- 流程图 --><el-dialog :title="processView.title" :visible.sync="processView.open" width="70%" append-to-body><!-- 传递了key和xml --><process-viewer :key="`designer-${processView.index}`" :xml="processView.xmlData" :style="{height: '400px'}" /></el-dialog>
----------------------------------------------------------------------------------------/** 查看流程图 */handleProcessView(row) {let modelId = row.modelId;this.processView.title = "流程图";this.processView.index = modelId;// 发送请求,获取xmlgetBpmnXml(modelId).then(response => {this.processView.xmlData = response.data;})this.processView.open = true;},
----------------------------------------------------------------------------------------

启动流程

    submit(data) {if (data && this.definitionId) {// 启动流程并将表单数据加入流程变量startProcess(this.definitionId, JSON.stringify(data.valData)).then(this.$tab.closeOpenPage({path: '/run/own' })// this.pollForResult();).catch(err =>console.error("发生错误:",error))}},

获取是否有开始表单数据

      this.deployId = this.$route.params && this.$route.params.deployId;this.definitionId = this.$route.query && this.$route.query.definitionId;this.procInsId = this.$route.query && this.$route.query.procInsId;getProcessForm({definitionId: this.definitionId,deployId: this.deployId,procInsId: this.procInsId}).then(res => {if (res.data) {this.formData = res.data;this.formOpen = true}})

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com