Basic.tsx 1.47 KB
Newer Older
涂茜's avatar
涂茜 committed
1
import React from 'react';
李纪文's avatar
李纪文 committed
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
import PandaDeviceTree from '../index';
import { service } from '@wisdom-utils/utils';

const REQUEST_HTTP = 'http';
const REQUEST_METHOD_POST = 'post';

const GET_DEVICE_LIST =
  'https://www.fastmock.site/mock/162c15dca15c4dba9ba51e0a0b76929b/api/Publish/GCK/Device/DeviceTree'; //获取设备树列表

// const GET_DEVICE_LIST = '/api/Publish/GCK/Device/DeviceTree'; //获取设备树列表

const deviceTreeService = {
  getDeviceList: {
    url: GET_DEVICE_LIST,
    method: REQUEST_METHOD_POST,
    type: REQUEST_HTTP,
  },
};

const dtService = service(deviceTreeService);

const getDeviceList = dtService.getDeviceList;
涂茜's avatar
涂茜 committed
24 25 26 27 28 29 30 31 32 33 34 35

const Demo = () => {
  const onTreeCheck = (checkedKeysValue) => {
    console.log('onTreeCheck', checkedKeysValue);
  };

  const onTreeSelect = (selectedKeysValue) => {
    console.log('onTreeSelect', selectedKeysValue);
  };

  return (
    <div style={{ width: '200px', height: '400px', border: '1px solid #eee' }}>
李纪文's avatar
李纪文 committed
36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52
      <PandaDeviceTree
        checkable
        onTreeCheck={onTreeCheck}
        onTreeSelect={onTreeSelect}
        deviceTreeService={getDeviceList}
        serviceParams={{
          pageIndex: 1,
          pageSize: 20,
          // deviceTypes: '二供泵房,二供机组',
          getChild: true,
          userID: 1,
          // queryInfo: '',
          // sortFields: '',
          // direction: '',
          // isTop: true,
        }}
        // pagination={false}
涂茜's avatar
涂茜 committed
53 54 55 56 57 58
      />
    </div>
  );
};

export default Demo;