EC_DeviceTree.md 1.12 KB
Newer Older
涂茜's avatar
涂茜 committed
1
---
涂茜's avatar
涂茜 committed
2
title: EC_DeviceTree - 设备树
涂茜's avatar
涂茜 committed
3 4 5 6 7 8 9
nav:
  title: 业务组件
  path: /extend-components
group:
  path: /
---

涂茜's avatar
涂茜 committed
10
# EC-DeviceTree 设备树
涂茜's avatar
涂茜 committed
11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

基础业务组件

- 允许单设备选择
- 允许多设备选择
- 允许搜索设备树

## 何时使用

- 在设备树选择时。

## 代码演示

<code src="./demos/Basic.tsx">

## API

api 参考 Antd Tree 组件 https://ant.design/components/tree-cn/

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| prefix | 搜索框的前置图标 | ReactNode | 搜索 icon |
| placeholder | 搜索框占位符 | string | 搜索设备名称 |
| checkable | 节点前添加 Checkbox 复选框 | boolean | false |
涂茜's avatar
涂茜 committed
35
| pagination | 默认分页,false 取消分页 | boolean | true |
涂茜's avatar
涂茜 committed
36 37 38 39
| serviceParams | 服务参数 | object | { pageIndex: 1, pageSize: 500, deviceTypes: '二供泵房,二供机组', getChild: true, userID: 1, queryInfo: '', sortFields: '', direction: '', isTop: true } |
| deviceTreeService `必需` | 设备树服务 | promise | - |
| onTreeCheck | 点击复选框触发 | function(checkedNodes){ } | - |
| onTreeSelect | 点击树节点触发 | function(selectedNodes){ } | - |