#1.依赖 1.1 jquery

接口请求依赖jquery.ajax，安装方式如下

npm install --save--dev jquery@1.12.0

在入口文件（默认是main.js)写入如下代码

import $ from "jquery"

window.$ = $;
window.jquery = $;

1.2 sass

如果项目中已经安装sass,可以跳过这个步骤 安装代码如下

   npm install --save--dev node-sass@4.14.1 sass-loader@6.0.5

如果npm下载报错可以尝试cnpm。

cnpm安装方式

   npm install -g cnpm --registry=https://registry.npm.taobao.org

#2.引入方式 2.1 目录位置

放在src目录下 下载地址

2.2 引入代码

在vue入口文件（默认src目录下的main.js 加入如下代码）

   import plugins from "./plugins/index"
   Vue.use(plugins);

#3.参数 3.1 属性

参数	说明	类型	是否必填	可选值	默认值
url	这是数据请求的接口	Sting	是	-	-
token	这是数据请求的接口携带的token	Sting	是	-	-
type	这是可以展示的内容，department为展示部门，user位展示人员	Array	否	department/user	["department", "user"]
selectedDepartmentIds	这是需要选择的部门id	Array	否	-	['org_1']
selectedUserIds	这是需要选择人员id	Array	否	-	[]
choices	这是可以选择的内容，department为可以选择部门，user可以选择人员	Array	否	department/user	["department", "user"]
select	选择的模式，checkbox 多选 radio 单选	String	否	checkbox/radio	checkbox
isBack	是否展示返回按钮	Boolean	否	true/false	true
level	可以点击穿透的层级，-1为无限穿透，0为不可以穿透，1为可以穿透一层	Number	否	-	-1
keyword	默认查询的关键字	Sting	否	-	-

3.2 事件

事件名称	说明	参数
choiceCallback	确认按钮点击以后的回调函数	选择的内容，类型为数组

3.3 组件的展示

调用组件的toggle方法即可以切换显示和隐藏