bpmn-js确实强大,但资料也确实太少。可能也只有作者知道咋玩,为了给线条加上表达式这么个功能 生生的看了2天源码才搞定。
const moddle = window.prcessAppObj.bpmnModeler._moddle;
var conditionExpression = moddle.create('bpmn:FormalExpression', { body: this.nodeItem.condition });
const modeling = window.prcessAppObj.bpmnModeler.get("modeling");
modeling.updateProperties(this.element, { conditionExpression: conditionExpression });
最终xml效果如下:
<bpmn2:sequenceFlow id="Flow_16dfbpn_566be9a8_7" sourceRef="Gateway_12yxxim_a1843524_0" targetRef="FlowAbleActive_183nrrc_49fb3ab7_7" firstNodeFlag="false">
<bpmn2:conditionExpression xsi:type="bpmn2:tFormalExpression">22222</bpmn2:conditionExpression>
</bpmn2:sequenceFlow>
confirmSelModule() {
let condition = this.$refs.conditionFlow.getCondition();
if(this.curClickNode.condition==null){
this.$set(this.curClickNode,'condition',condition)
}else{
this.curClickNode.condition = condition;
}
this.curClickNode.execList = this.$refs.conditionFlow.getExecList();
let list=[]
if(this.outgoing!==null){
list=[...this.outgoing];
}
const data={id:this.nodeItem.id,name:this.nodeItem.name,decision:this.nodeItem.decision,defaultNode:this.nodeItem.defaultNode,list:list};
this.$store.commit($M('SET_GATEWAY_LIST','appIssueStore'),data);
this.winFlag = false;
const moddle = window.prcessAppObj.bpmnModeler._moddle;
var conditionExpression = moddle.create('bpmn:FormalExpression', { body: condition });
const modeling = window.prcessAppObj.bpmnModeler.get("modeling");
modeling.updateProperties(this.curClickNode, { conditionExpression: conditionExpression });
},
记录下,免得下次忘了。