基础框架-文档中心基础框架-文档中心
使用指南
公共组件
开发测试
  • 微服务框架
  • Vue3框架
  • 项目实践
更新日志
  • V3.3.0
  • V3.2.6
  • V3.2.5
  • V3.2.4
  • V3.1.0
  • V2.2.x
  • V2.1.0
  • V2.0.0
  • V1.2.1
  • V1.1.1
使用指南
公共组件
开发测试
  • 微服务框架
  • Vue3框架
  • 项目实践
更新日志
  • V3.3.0
  • V3.2.6
  • V3.2.5
  • V3.2.4
  • V3.1.0
  • V2.2.x
  • V2.1.0
  • V2.0.0
  • V1.2.1
  • V1.1.1
  • 后端组件

    • waf-license-产品证书授权
    • waf-calcite-动态数据管理
    • 消息中心组件
    • 调度任务组件
    • xxl-job 安装使用
    • API服务
    • 全文检索
  • 前端组件

    • 分页组件
    • 数据字典组件
    • 业务字典组件
    • 人员选择组件
    • 组织机构选择组件
    • 文件上传组件
    • 第三方应用集成

组织机构选择组件

组织机构选择组件主要对el-tree组件进行了简单封装,支持组织机构的异步加载,单选,多选等操作。

1、使用方法

组织机构使用时需要先import引用,之后就可以直接使用 waf-select-org ,传递相应的参数即可使用

<!-- 上传组件合用-->
<waf-select-org :pageParams="orgParams" @transOrgCallback="selOrgCallback"/>
// script 示例代码
import WafSelectOrg from '@/components/EmpOrg/SelectOrg'
data() {
    return {
        pageParams: { visible: false}
    }
},
methods: {
// 设置visible,显示组织机构组件
 selectOrg() {
     this.pageParams.visible = true
 },
// 选择组织机构后回调函数
 selOrgCallback(org) {
    this.pageParams.visible = false
    console.info(org)
 }
}

2、组件参数说明

组织机构选择组件自定义的一些属性

参数说明类型可选值默认值
pageParams组件参数object——
visible是否显示组件boolean—false
@transOrgCallback组件回调函数function(node)——

visible属于pageParams对象中的属性,目前只添加这一个自定义属性,完成的参数如下:

# 完成参数设置参照
 pageParams: { visible: false}

如需要多选在组件上参照el-tree,添加show-checkbox属性在waf-select-org即可多选,多选返回的是checkedNodes的数据,再自行封装需要展现的格式。

3、示例访问

  • 示例文件路径:无(参照系统管理--机构管理功能,如:src/views/admin/components/SysOrgUnitEdit.vue )
  • 本地访问地址: http://localhost:8080/#/admin/sysOrgUnit
上次更新: 1/10/21, 8:30 AM
编辑者: 李贤伟
Prev
人员选择组件
Next
文件上传组件