31 自定义选人组件

编号

DTJK-202200085

CAP4运行态：选人控件自定义

场景：用户使用CAP4的选人控件时，允许控制选择范围或增加额外配置（如增加/减少多维组织、外部人员选项等）

起始版本

Since：V8.1

应用场景

用户使用CAP4的选人控件时，允许控制选择范围或增加额外配置（如增加/减少多维组织、外部人员选项等）。需要支持PC和移动两端。

实现逻辑

在CAP4运行态中增加选人组件extends扩展接口，当扩展接口不为空时交由扩展接口执行选人组件。如下是标准产品预埋的extends.SelectOrg接口实现：

callback = noop,
  abortback = noop
) => {
 //如果注册了选人事件，则由extends控制选人
 if (window.csdk && window.csdk.extends && window.csdk.extends.selectOrg) {
   return window.csdk.extends.selectOrg({ id, selected, excluded, orgType, maxSize }, callback, abortback)
  }
  cmp.selectOrg(id, {
    type: 2,
    minSize: -1,

break;
               default:
            }
           //如果注册了选人事件，则由extends控制选人
           if(window.csdk.extends && window.csdk.extends.selectOrg && isFunction(window.csdk.extends.selectOrg)){
                paramsObj.fieldObj = Tools.copyData(params);
               return window.csdk.extends.selectOrg(paramsObj)
            }
           //默认选人事件
           Config.currentWindow.$.selectPeople(paramsObj);
        },
       // 地图定位

ajax: function (options, callback) {
       throw new Error('csdk.util.ajax is not implemented');
      }
    },
'extends':{
      selectOrg: null
    }
  };

示例Demo

PC端

PC端标准产品源码示例Demo：apps-supervision\src\main\webapp\common\capextend\cap4\form\utils\supervision\supervision.js

function buildSelectPeopleCall(){
// 注册平台方法，自己封装选人参数
csdk.extends.selectOrg = function(params){
  params.callback = selectPeopleCallback;
  params.fieldName =  params.fieldObj.id;
  $.selectPeople(params);
 };
var removeHandler = csdk.event.on('fieldChanged', handler);
}

移动端

移动端标准产品源码示例Demo：mplus-front\src\apps\v5\capextend\cap4\form\utils\supervision\index.js

csdk.extends.selectOrg = function(obj,callback,abortback){
                       if(!callback){
                            callback = noop;
                        }
                       if(!abortback){
                            abortback = noop;
                        }
                        selectPeople(obj,callback,abortback);
                    };

/**自定义选人组件*/
function selectPeople(obj,callback,abortback){
    cmp.selectOrg(obj.id, {
        type: 2,
        minSize: -1,
        maxSize:obj.maxSize,
        selectType: obj.orgType,
        multitype: false,
        lightOptsChange: false,
        showBusinessOrganization: true,
        fillback: null,
        label: [ 'dept', 'org', 'post', 'team', 'extP', 'vjOrg' ],
        fillBackData: obj.selected,
        excludeData: obj.excluded,
        vj: /department_vj/.test(obj.orgType),
        callback: function(result){
           var ret = JSON.parse(result).orgResult;
           // 如果没有选人，则关闭当前窗口，不需要去后台校验。
           if(Array.isArray(ret) && ret.length === 0){
                cmp.selectOrgClose();
               return;
            }
            checkSelectPeopleRole(obj.id,ret,callback)
        },
        closeCallback:function(){
            cmp.selectOrgDestory(obj.id);
            abortback();
        }
    });
}