说明
用于调起员工和部门信息的选择器,统一提供数据结构,方便开发中表单和交互实现示例
<van-button @click="show_dept_selector = true">显示选择器</van-button> <EmployeeSelector :employee_not_select="employee_not_select" :can_select_employee="true" :can_select_dept="true" :visible.sync="show_dept_selector" @confirm="move_confirm"/> import EmployeeSelector from '@/components/common/EmployeeSelector' export default { components: {EmployeeSelector}, data(){ return { employee_not_select: [], show_dept_selector: false } }, methods: { confirm(d){ console.log(d) }, }, }
属性
名称 | 类型 | 说明 | 默认值 |
---|---|---|---|
can_select_dept | Boolean | 指定是否能选择部门 | false |
dept_not_select | Array | 排除部门的ID,包含ID时不出现在选择列表中 | [] |
dept_multi | Boolean | 指定部门是否能多选 | true |
dept_children | Boolean | 选择部门时是否包含子部门 | true |
can_select_employee | Boolean | 指定是否能选择员工 | true |
employee_not_select | Array | 排除员工的ID,包含ID时不出现在选择列表中 | [] |
selected | Object | 已经选择的员工和部门 | {employee:[], dept: []} |
multi | Boolean | 指定员工是否能多选 | true |
isCreatorSelect | Boolean | 为true时,employee_list才生效 | false |
employee_list | Array | 指定显示的员工列表,注意:传值后组件的员工数据将不是统一向服务器获取的,而是指定的员工列表,格式是:[{id: 1, name: “张三”, img_url: “”}] | [] |
isChecKedAll | Boolean | 是否全选 | true |
close_clear_data | Boolean | 关闭时是否清除选择的数据 | true |
max | Number | 选择的人数限制 | 0 |
user_no_select | Boolean | 是否去除创始人 | true |
my_no_select | Number | 当前设置人的id,过滤某位人员,一般为自己 | 0 |
use_Administrator_list | Boolean | 未指定员工并请求人员接口时,保留管理员,过滤员工 | false |
- 事件
名称 | 说明 | 参数 |
---|---|---|
confirm | 当用户选择完成,点击确定时触发 | {employee:[], dept: []} |
文档更新时间: 2021-05-12 13:46 作者:郭家裕