成员

介绍
可以下拉搜索成员,也可以唤出部门人员弹窗,按照部门选择成员。
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
}