bpmn-js（五）线条上添加决策表达式

淡淡的烟草味﹌ 2023-01-17 04:43 257阅读 0赞

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 });
        },

记录下，免得下次忘了。