成员

介绍
可以下拉搜索成员,也可以唤出部门人员弹窗,按照部门选择成员。
API
Props
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| status | 状态 | 'default' |'disabled'| 'hide' | 'readonly' | 'default' |
| title | 标题 | string | '成员' |
| width | 字段占比 | '25%'|'50%'|'75%'|'100%' | '100%' |
| labelWidth | 标签宽度 | string | - |
| value | 默认值 | Value | - |
| placeholder | 占位提示 | '输入账号/姓名搜索' | |
| name | 数据字段 | string | ${组件编码}_${长度为8的随机字符串} |
| searchDelay | 搜索事件延迟时间 | number | 500 |
| multiple | 支持多选 | boolean | false |
| maxTagCount | 最多显示标签数量 | number | - |
| allowClear | 允许清除 | boolean | true |
| api | 数据API, 如果不做配置,将使用我们提供的默认接口 | string | - |
| searchApi | 搜索API, 如果不做配置,将使用我们提供的默认接口 | string | - |
| fieldNames | 字段名 | FieldNames | {'userName': 'userName', 'userAccount': 'loginName', 'userAvatar': 'avatar','deptName': 'orgName', 'deptCode': 'orgCode', 'ldapFullPath': 'ldapFullPath','isLeaf':'isLeaf'} |
| orgLevelArr | 默认展开组织层级 | {'orgName':string,'orgCode':string}[] | [{'orgName':'海信集团','orgCode':'Hisense'}] |
| activeKey | 当前选中页签Key | string | - |
| baseStyle | 自定义样式 | string | - |
| customClass | 类名绑定 | string | - |
| boxStyle | 盒模型 , margin,border,padding设置 | BoxStyle | - |
| uniqueKey | 唯一标识 , 组件的唯一标识 | string | - |
| extra | 补充说明 | string | - |
| tip | 气泡提醒 | string | - |
| validate | 校验 | Validate | - |
Props - 面板扩展页签
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| title | 标题 | string | - |
| itemKey | Key | string | - |
| itemData | 数据配置 | Value[] | - |
Events
| 事件名 | 描述 | 参数 |
|---|---|---|
| onChange | 值发生改变时 | ctx params: Value | Value[] |
| onTabChange | 标签切换时 | ctx params: string |
| openUserSelectModal | 打开弹窗时触发 | ctx |
Type
javascript
type Value = {
"avatar": string,
"ldapFullPath": string,
"loginName": string,
"userName": string,
}
type FieldNames = {
"userName": string,
"userAccount": string,
"deptName": string,
"deptCode": string,
"ldapFullPath": string,
"isLeaf": string
}