Appearance
层级选择
支持多选,单选,组织架构选,层级选 相同的组件属性请参考基本组件属性
是否单选
是否单选
滑动模式
打开方式,从右侧滑动(高度100%),从下侧滑动(高度90%)
可选择对象
dep:层级可理解为部门,user:可理解为员工
默认值
是一个对象
- 示例
javascript
[
{"code":"ABC10154","name":"张三","type":1},
{"code":"org_1","name":"信息技术部","type":2}
]- 字段解释
| 参数 | 说明 | 默认值 |
|---|---|---|
| code | 唯一标识 | true |
| name | 名称 | true |
| type | 1 员工 ,2 部门 | true |
dep数据源
是一个对象,和user数据源至少有一个
javascript
[
{ "code":"org_97","name":"我是97","pcode":"org_256","order":1}
]- 字段解释
| 参数 | 说明 | 默认值 |
|---|---|---|
| code | 唯一标识 | true |
| name | 名称 | true |
| pcode | 父级code | true |
| 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"){
}
},
},
}