You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
2.2 KiB
69 lines
2.2 KiB
import React, { useEffect, useState, useRef } from 'react';
|
|
import { connect } from 'react-redux';
|
|
import ReactECharts from 'echarts-for-react';
|
|
import echarts from 'echarts';
|
|
import { Spin, Card, CardGroup, Form, Button, Empty } from '@douyinfe/semi-ui';
|
|
import { IllustrationNoContent, IllustrationNoContentDark } from '@douyinfe/semi-illustrations';
|
|
|
|
import DeviceTree from '../components/device-tree';
|
|
|
|
|
|
|
|
const Network = ({ dispatch, actions, user, clientHeight, thingId,
|
|
organizationsStruc, deviceMetasWithFollow, devices,
|
|
}) => {
|
|
|
|
const { analysis } = actions
|
|
|
|
const form = useRef(); //表单
|
|
|
|
|
|
useEffect(async () => {
|
|
if (thingId) {
|
|
dispatch(analysis.getThingsDeploy(thingId))
|
|
dispatch(analysis.getDeviceMetaDeployed(thingId))
|
|
}
|
|
|
|
}, [thingId])
|
|
|
|
return (
|
|
<div style={{ width: "100%", height: "100%" }}>
|
|
{thingId && deviceMetasWithFollow?.devices?.length > 0 && devices.instances
|
|
? (
|
|
<DeviceTree
|
|
deviceMetasWithFollow={deviceMetasWithFollow}
|
|
deviceList={devices}
|
|
// dimensionlist={dimensions||{}}
|
|
dimensionlist={{}}
|
|
dispatch={dispatch}
|
|
struct={organizationsStruc?.find((v) => v.thingId == thingId) || {}}
|
|
clientHeight={clientHeight}
|
|
clientWidth={500}
|
|
/>
|
|
) :
|
|
<Empty
|
|
image={<IllustrationNoContent style={{ width: 150, height: 150 }} />}
|
|
darkModeImage={<IllustrationNoContentDark style={{ width: 150, height: 150 }} />}
|
|
description={'暂无内容，请添加'}
|
|
style={{ padding: 30 }}
|
|
/>
|
|
}
|
|
</div>
|
|
|
|
)
|
|
}
|
|
|
|
function mapStateToProps (state) {
|
|
const { auth, global, organizationsStruc, deviceList, deviceMeta } = state;
|
|
return {
|
|
user: auth.user,
|
|
actions: global.actions,
|
|
clientHeight: global.clientHeight,
|
|
organizationsStruc: organizationsStruc?.data || [], //结构物
|
|
deviceMetasWithFollow: deviceMeta?.data || {},
|
|
devices: deviceList?.data || {},
|
|
|
|
};
|
|
}
|
|
|
|
export default connect(mapStateToProps)(Network);
|
|
|