部门人员树

介绍
两栏布局的多选组件,将元素从一栏即时移到另一栏。
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,
}