部门人员树

介绍
两栏布局的多选组件,将元素从一栏即时移到另一栏。
API
Props
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
status | 状态 | 'default' |'disabled'| 'hide' | 'default' |
selected | 节点数据 | fieldNames[] | [{loginName:'zhangsan',userName:'张三'},{orgName:'集团公司',orgCode:'HB19922045534'}] |
width | 字段占比 | '25%'|'50%'|'75%'|'100%' | '100%' |
mode | 选择模式,选人、选部门、选人+选部门 | 'user'|'dept'|'default' | 'default' |
multiple | 支持多选 | boolean | true |
api | 数据API, 如果不做配置,将使用我们提供的默认接口 | string | - |
searchApi | 搜索API, 如果不做配置,将使用我们提供的默认接口 | string | - |
fieldNames | 字段名 | fieldNames | { "userName": "userName", "userAccount": "loginName", "deptName": "orgName", "deptCode": "orgCode", "ldapFullPath": "ldapFullPath"} |
baseStyle | 自定义样式 | string | - |
customClass | 类名绑定 | string | - |
boxStyle | 盒模型 , margin,border,padding设置 | BoxStyle | - |
uniqueKey | 唯一标识 , 组件的唯一标识 | string | - |
Events
事件名 | 描述 | 参数 |
---|---|---|
onChange | 值发生改变时 | ctx params: fieldNames[] |
Type
javascript
type fieldNames = {
"userName": string,
"userAccount": string,
"deptName": string,
"deptCode": string,
"ldapFullPath": string,
}