import { Col, message, Row, Tooltip } from 'antd'; import { PermissionButton } from '@/components'; import { Body, Guide } from '../components'; import Statistics from '../components/Statistics'; import Steps from '../components/Steps'; import { getMenuPathByCode, MENUS_CODE } from '@/utils/menu'; import { useHistory } from '@/hooks'; import { service } from '..'; import { useEffect, useState } from 'react'; import { QuestionCircleOutlined } from '@ant-design/icons'; import ProductChoose from '../components/ProductChoose'; import DeviceChoose from '../components/DeviceChoose'; const Device = () => { const productPermission = PermissionButton.usePermission('device/Product').permission; const devicePermission = PermissionButton.usePermission('device/Instance').permission; const rulePermission = PermissionButton.usePermission('rule-engine/Instance').permission; const [productCount, setProductCount] = useState(0); const [deviceCount, setDeviceCount] = useState(0); const [productVisible, setProductVisible] = useState(false); const [deviceVisible, setDeviceVisible] = useState(false); const getProductCount = async () => { const resp = await service.productCount({}); if (resp.status === 200) { setProductCount(resp.result); } }; const getDeviceCount = async () => { const resp = await service.deviceCount(); if (resp.status === 200) { setDeviceCount(resp.result); } }; useEffect(() => { getProductCount(); getDeviceCount(); }, []); const history = useHistory(); // // 跳转 const guideList = [ { key: 'product', name: '创建产品', english: 'STP 1', auth: !!productPermission.add, url: 'device/Product', param: { save: true, }, }, { key: 'device', name: '创建设备', english: 'STP 2', auth: !!devicePermission.add, url: 'device/Instance', param: { save: true, }, }, { key: 'rule-engine', name: '规则引擎', english: 'STP 3', auth: !!rulePermission.add, url: 'rule-engine/Instance', param: { save: true, }, }, ]; return ( { // pageJump(auth, url, param); // }} /> { const url = getMenuPathByCode(MENUS_CODE['device/DashBoard']); if (!!url) { history.push(`${url}`); } else { message.warning('暂无权限，请联系管理员'); } }} > 详情 } /> 设备接入推荐步骤 } data={[ { title: '创建产品', content: '产品是设备的集合，通常指一组具有相同功能的设备。物联设备必须通过产品进行接入方式配置。', onClick: () => { const path = getMenuPathByCode('device/Product'); if (path && !!productPermission.add) { history.push(`${path}`, { save: true, }); } else { message.warning('暂无权限，请联系管理员'); } }, }, { title: '配置产品接入方式', content: '通过产品对同一类型的设备进行统一的接入方式配置。请参照设备铭牌说明选择匹配的接入方式。', onClick: () => { if (!!productPermission.update) { setProductVisible(true); } else { message.warning('暂无权限，请联系管理员'); } }, }, { title: '添加测试设备', content: '添加单个设备，用于验证产品模型是否配置正确。', onClick: () => { const path = getMenuPathByCode('device/Instance'); if (path && !!devicePermission.add) { history.push(`${path}`, { save: true, }); } else { message.warning('暂无权限，请联系管理员'); } }, }, { title: '功能调试', content: '对添加的测试设备进行功能调试，验证能否连接到平台，设备功能是否配置正确。', onClick: () => { if (!!devicePermission.update) { setDeviceVisible(true); } else { message.warning('暂无权限，请联系管理员'); } }, }, { title: '批量添加设备', content: '批量添加同一产品下的设备', onClick: () => { const path = getMenuPathByCode('device/Instance'); if (path && !!devicePermission.import) { history.push(`${path}`, { import: true, }); } else { message.warning('暂无权限，请联系管理员'); } }, }, ]} /> { setProductVisible(false); }} /> { setDeviceVisible(false); }} /> ); }; export default Device;