baowu-device

#### 使用方式：

1. 安装包

``
npm i baowu-device
`

2. 项目中引用

`
import BaowuDevice from 'baowu-device'
Vue.use(BaowuDevice,{deviceBaseUrl:设备相关接口前缀,groupBaseUrl:设备组相关接口前缀})
`

3. 项目中可直接使用 DeviceOptions 和 DeviceTree 两个公共组件

`
//tabs:我的设备、我的收藏、我的设备组
@getCheckedNode="getCheckedNode" //获取当前选中节点
@getBreadcrumb="getBreadcrumb" //获取当前节点路径（面包屑）
:showGroup='false' //控制设备组显示和隐藏
:initDeviceCode="$route.params.id" //传入初始选中设备的deviceCode(监盘默认选中根节点，诊断由于初始由地址传值需传入deviceCode)
>

//设备树
mode="select" //mode值为tree(默认值，默认树形结构)和select下拉选择结构
class="device-tree"
v-model="selectedNode" //获取当前选择的form表单数据，仅mode为select
ref="devicetree"
//通过ref可以调用validateForm(valid=>{表单校验}),getValues((data)=>{获取当前表单值})，resetForm()重置表单，仅mode为select
>
`

4. 还可通过 this.$deviceStore.state 获取相关数据

`
this.$deviceStore.state = {
selectedNode: {},//当前选中节点
cacheDevice: {},//暂时未使用
dataCache: {}, //设备树接口数据缓存
breadcrumb: [], //当前选中节点路径
options //存储接口地址
}
``