Skip to content

层级选择

支持多选,单选,组织架构选,层级选 相同的组件属性请参考基本组件属性

是否单选

是否单选

滑动模式

打开方式,从右侧滑动(高度100%),从下侧滑动(高度90%)

可选择对象

dep:层级可理解为部门,user:可理解为员工

默认值

是一个对象

  • 示例
javascript
    [
        {"code":"ABC10154","name":"张三","type":1},
        {"code":"org_1","name":"信息技术部","type":2}
    ]
  • 字段解释
参数说明默认值
code唯一标识true
name名称true
type1 员工 ,2 部门true

dep数据源

是一个对象,和user数据源至少有一个

javascript
    [
       { "code":"org_97","name":"我是97","pcode":"org_256","order":1}
    ]
  • 字段解释
参数说明默认值
code唯一标识true
name名称true
pcode父级codetrue
order排序 ,升序true

user数据源

是一个对象,和user数据源至少有一个

javascript
    [
       {"code":"ABC10152","name":"王五","depCode":"org_1;org_83;org_97","label":'xxxxxxxxx',"order":1,"avatar":""}
    ]
  • 字段解释
参数说明默认值
code唯一标识true
name名称true
depCode所属部门false
label描述false
order排序 ,升序true
avatar头像false
  • 隐藏字段userField默认['name','label','avatar']

组件事件

确认事件

javascript
export default {
    data() {
        return {
          
        }
    },
  methods: {
    print(param) {
        //param包含三个参数,event触发事件类型,index当前list的下标,item当前对象
        if(param.event == "confirm"){
        
        }
    },
  },
}

取消事件

javascript
export default {
    data() {
        return {
          
        }
    },
  methods: {
    print(param) {
        //param包含三个参数,event触发事件类型,index当前list的下标,item当前对象
        if(param.event == "cancel"){
        
        }
    },
  },
}