yy-org-switch

yy多级管控组织切换

Install

安装方法：
npm安装：
npm: npm install yy-org-switch
yarn安装：
yarn add yy-org-switch

Quick Start

<template>
<YYOrgSwitch
      @select="onSelect"
      @err="errorFunc"
      :name="nameTag"
      :id="idTag"
      :defaultText="defaultText"
      :onlyOneLevel="onlyOneLevel"
      :noSearch="noSearch"
      :canNotBeEmpty="canNotBeEmpty"
      :lang="lang"
      :yySelectDialogTitle="yySelectDialogTitle"
      />
</template>
import YYOrgSwitch from 'yy-org-switch'
...,
components: {YYOrgSwitch},
methods:{
  yyOrgSelectLoadData(parent_id) {

  }
  yyOrgSelectSearchData(keyword){

  }
  errorFunc(msg) {

  },
  onSelect(org){

  }
}

Params

  yyOrgSelectLoadData      不需要传递该方法，父组件内部要有这个函数就行，该组件会调用，用于加载树形组件的初始数据 或者 请求树形组件的下级数据，参数以parent_id传递
  yyOrgSelectSearchData    不需要传递该方法，父组件内部要有这个函数，该组件会调用，用于搜索数据, 搜索的关键字以 keyword 传递
  @select        触发最后的选择
  @err             获取到错误信息，一般以dialog弹出来
  :name           搜索出来展示的信息，一般是name, 比如:如果要展示 fileName, 就传递 'fileName'
  :id                 用在树形结构请求下级数据的，一般是id，比如：如果用fileId请求下级数据，就传递fileId
  :defaultText  展示的默认值
  :onlyOneLevel  布尔类型，树形组件是否只有一级，true是， false不是
  :noSearch  布尔类型，如果不需要搜索功能，就传true, 需要就传false,或者不传此参数
  :canNotBeEmpty  布尔类型，如果不允许input框输入，不允许显示删除按钮，（即不让用户置空输入框） 传递 true 即可
  :lang   字符串类型， 控制显示的语言类型， 不传默认就是汉语， 英语则传递 'en' 繁体传递 'zh-TW'
  :yySelectDialogTitle   字符串类型， 弹框的title
  :bg   布尔类型， 默认弹框有背景，如果不需要背景可以设置false
  :disableKey 字符串类型， checkbox 禁选key
  :hasCheck 布尔类型 默认false 是否显示checkbox

特殊说明： yyOrgSelectLoadData    yyOrgSelectSearchData  返回的结果需要是promise对象，并且resolve的结果是要展示的数组数据，示例如下：
yyOrgSelectLoadData(parentId) {
      return new Promise((resolve, reject) => {
          axios.get(url).then((res)=> {
            resolve(res.data.data.dept_list)
        })
      })
    },
 yyOrgSelectSearchData(keyword) {
      return new Promise((resolve, reject) => {
          axios.get(url).then((res)=> {
            resolve(res.data.data.dept_list)
        })
      })
    }