# yy-org-switch-dialog

> 可下拉选择的数形组件的弹框

Latest version **0.0.3** (published 2019-04-01) · MIT license · 0 weekly downloads

## Install

```sh
npm install yy-org-switch-dialog
pnpm add yy-org-switch-dialog
yarn add yy-org-switch-dialog
bun add yy-org-switch-dialog
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.3 |
| Published | 2019-04-01 |
| First published | 2019-04-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 139.5 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | yanyalong |
| Maintainers | yanyalong |

## Links

- npm: https://www.npmjs.com/package/yy-org-switch-dialog
- npm.io page: https://npm.io/package/yy-org-switch-dialog

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^2.5.11

## Recent versions

- 0.0.3 (latest) — 2019-04-01
- 0.0.2 — 2019-04-01
- 0.0.1 — 2019-04-01
- 0.0.0 — 2019-04-01

## README

# yy多级管控组织切换

>
![4fa5d375-8e5c-4c49-a865-ecd7bb6baf5c.gif](https://upload-images.jianshu.io/upload_images/8551758-5e71dbb150f4002b.gif?imageMogr2/auto-orient/strip)

## Install

``` bash
安装方法：
npm安装：
npm: npm install yy-org-switch-dialog
yarn安装：
yarn add yy-org-switch-dialog
```
## Quick Start
``` javascript
<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)
        })
      })
    }
```

---
_Source: https://npm.io/package/yy-org-switch-dialog · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._