Skip to content

成员

image

介绍

可以下拉搜索成员,也可以唤出部门人员弹窗,按照部门选择成员。

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搜索事件延迟时间number500
multiple支持多选booleanfalse
maxTagCount最多显示标签数量number-
allowClear允许清除booleantrue
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当前选中页签Keystring-
baseStyle自定义样式string-
customClass类名绑定string-
boxStyle盒模型 , margin,border,padding设置BoxStyle-
uniqueKey唯一标识 , 组件的唯一标识string-
extra补充说明string-
tip气泡提醒string-
validate校验Validate-

Props - 面板扩展页签

参数名描述类型默认值
title标题string-
itemKeyKeystring-
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
}