0.0.3 • Published 5 years ago

yy-org-switch-dialog v0.0.3

Weekly downloads
1
License
MIT
Repository
-
Last release
5 years ago

yy多级管控组织切换

4fa5d375-8e5c-4c49-a865-ecd7bb6baf5c.gif

Install

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

Quick Start

<template>
<YYOrgSwitchDialog
      @select="onSelect"
      @err="errorFunc"
      :name="nameTag"
      :id="idTag"
      :defaultText="defaultText"
      :onlyOneLevel="onlyOneLevel"
      :noSearch="noSearch"
      :visable.sync="visable"
      :clearSelectedData.sync="clearSelectedData"
      />
</template>
import YYOrgSwitchDialog from 'yy-org-switch-dialog'
...,
components: {YYOrgSwitchDialog},
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,或者不传此参数
  :visable    布尔类型 控制弹框的显示(true)隐藏(false) 
  :clearSelectedData  布尔类型 是否取消选择, true取消 
特殊说明: 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)
        })
      })
    }
0.0.3

5 years ago

0.0.2

5 years ago

0.0.1

5 years ago

0.0.0

5 years ago