人员选择组件

人员选择组件主要对el-tree、el-transfer组件进行了组合封装，以左侧组织机构树，右侧根据组织机构过滤的人员列表做的穿梭框进行人员选择，并做了一些定制化的改造，如组织机构，人员的搜索，人员的双击选择/取消等功能，满足了基本业务功能对人员选择的需求。

1、使用方法

人员组件使用时需要先import引用，之后就可以直接使用 waf-select-emp ，传递相应的参数即可使用

<!-- 人员选择组件使用<参数设置>-->
<waf-select-emp :pageParams="pageParams" @transEmpCallback="selEmpCallback"/>

<!-- 人员选择组件使用<属性设置>-->
<waf-select-emp :visible.sync="sysUserforwarding.visible"
                :title="sysUserforwarding.title"
                multiple
                user-only
                org-only
                clear-selected
                @transEmpCallback="selFromComp"
/>

// script 示例代码
import WafSelectEmp from '@/components/EmpOrg/SelectEmp'
data() {
    return {
        pageParams: { visible: false}
    }
},
methods: {
// 设置visible，显示人员组件
 selectEmp() {
     this.pageParams.visible = true
 },
// 选择人员后回调函数
 selEmpCallback(emp) {
    this.pageParams.visible = false
    console.info(emp)
 }
}

2、组件参数说明

人员选择组件自定义的一些属性

参数	说明	类型	可选值	默认值
pageParams	组件参数	object	—	—
visible	是否显示组件	boolean	—	false
title	组件标题	string	—	用户选择
multiple	是否多选	boolean	—	true
userOnly	是否选择用户	boolean	—	true
orgOnly	是否只查当前组织	boolean	—	false
@transEmpCallback	组件回调函数	string	—	—

visible,title,selectEmp都属于pageParams对象中的属性，完成的参数如下：

# 完成参数设置参照
 pageParams: { visible: false,title: '人员选择',isSelectEmp:true,isRadio: true}

3、示例访问

示例文件路径：无（参照系统管理用户选择相关功能，如：src/views/admin/SysRole.vue )
本地访问地址： http://localhost:8080/?#/admin/sysRole