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

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

记录下，免得下次忘了。