bpmn-js画流程图 (四)右侧属性面板中执行人,候选人与候选组可以通过 用户、机构(角色)选择

2021-04-02 04:27

阅读:454

标签:users   点击   lse   ida   rdl   pen   entry   用户   inpu   

bpmn-js-properties-panel 的执行人和候选人与候选组输入框生成的代码生成文件 node_modules/bpmn-js-properties-panel/lib/factory/TextInputEntryFactory.js

技术图片

 

在图示后面添加针对执行人,候选人与候选组可以通过 用户、机构(角色)选择的部分代码 

    if( resource.id == ‘assignee‘ ){  //如果为执行人
      resource.html =
        ‘‘ +
        ‘
(canBeDisabled ? ‘data-disable="isDisabled"‘ : ‘‘) + (canBeHidden ? ‘data-show="isHidden"‘ : ‘‘) + ‘>‘ + ‘
‘ + ‘ (canBeDisabled ? ‘data-disable="isDisabled"‘ : ‘‘) + (canBeHidden ? ‘data-show="isHidden"‘ : ‘‘) + ‘ />‘ + ‘‘ + ‘
‘ + ‘‘ + //点击方法
; } else if(resource.id == ‘candidateUsers‘){ //如果为候选人 resource.html = ‘‘ + ‘
(canBeDisabled ? ‘data-disable="isDisabled"‘ : ‘‘) + (canBeHidden ? ‘data-show="isHidden"‘ : ‘‘) + ‘>‘ + ‘
‘ + ‘ (canBeDisabled ? ‘data-disable="isDisabled"‘ : ‘‘) + (canBeHidden ? ‘data-show="isHidden"‘ : ‘‘) + ‘ />‘ + ‘‘ + ‘
‘ + ‘‘ + //点击方法
; }else if(resource.id == ‘candidateGroups‘){ //如果为候选人组 resource.html = ‘‘ + ‘
(canBeDisabled ? ‘data-disable="isDisabled"‘ : ‘‘) + (canBeHidden ? ‘data-show="isHidden"‘ : ‘‘) + ‘>‘ + ‘
‘ + ‘ (canBeDisabled ? ‘data-disable="isDisabled"‘ : ‘‘) + (canBeHidden ? ‘data-show="isHidden"‘ : ‘‘) + ‘ />‘ + ‘‘ + ‘
‘ + ‘‘ + //点击方法
; }

效果如图

 技术图片

 

bpmn-js画流程图 (四)右侧属性面板中执行人,候选人与候选组可以通过 用户、机构(角色)选择

标签:users   点击   lse   ida   rdl   pen   entry   用户   inpu   

原文地址:https://www.cnblogs.com/zsg88/p/12552378.html


评论


亲,登录后才可以留言!