成员 |
类型 |
说明 |
value |
string |
选中的人的id |
expand |
boolean |
true表示展开,false表示收起 |
onChange |
(id: string) => void |
选择之后的回调 |
onChangeExpand |
(ex: boolean) => void |
切换展开状态的回调 |
onChangeTopUser |
(id: string) => void |
选择下钻的人之后的回调 |
loginUser |
IUser |
登陆人(用于显示xxx的下属) |
userInfo |
IUser |
本人 |
subUserInfo |
IUser[] |
下属 |
breadcrumbUserInfo |
IUser[] |
面包屑下属 |
propsData = {
expand: false, // 不同的模式,true是展开,false是收起
value: '001',
onChange: this.handleChange, // 点击用户的回调
loginUserName: 111,
userInfo: { // 本人
UserId: '001', // id
Name: '张三', // 姓名
PositionName: '设计师', // 职位
IsDotted: false, // 是否是虚线下属
Avatar: { // 头像
HasAvatar:true,
Small:'//cache.tita.com/Image/110006/5b298394cc7d4a0fb3019bc9a1d238cb_s.png',
Medium:'//cache.tita.com/Image/110006/5b298394cc7d4a0fb3019bc9a1d238cb_m.png',
Color:'',
},
},
subUserInfo: [{ // 下属列表
UserId: '002',
Name: '李四',
PositionName: '设计师',
IsDotted: false,
Avatar: {
HasAvatar:true,
Small:'//cache.tita.com/Image/110006/5b298394cc7d4a0fb3019bc9a1d238cb_s.png',
Medium:'//cache.tita.com/Image/110006/5b298394cc7d4a0fb3019bc9a1d238cb_m.png',
Color:'',
},
}],
}