下属栏展示组件

API

成员 | 类型 | 说明 ---|---|--- 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:'',
    },
  }],
}