| | |
| | | import { |
| | | DEVICE_TYPE, |
| | | } from '../constants'; |
| | | import JsonShow from '../JsonShow'; |
| | | import ShelfInsight from './shelf'; |
| | | import AgvInsight from './agv'; |
| | | import PointInsight from './point'; |
| | |
| | | borderRadius: '8px', |
| | | }}> |
| | | <CardContent sx={{ height: '100%' }}> |
| | | {deviceType === DEVICE_TYPE.SHELF && ( |
| | | <> |
| | | <ShelfInsight |
| | | sprite={sprite} |
| | | setTitle={setTitle} |
| | | /> |
| | | </> |
| | | )} |
| | | |
| | | {deviceType === DEVICE_TYPE.AGV && ( |
| | | <> |
| | | <AgvInsight |
| | | sprite={sprite} |
| | | setTitle={setTitle} |
| | | /> |
| | | </> |
| | | )} |
| | | |
| | | {deviceType === DEVICE_TYPE.POINT && ( |
| | | <> |
| | | <PointInsight |
| | | sprite={sprite} |
| | | setTitle={setTitle} |
| | | /> |
| | | </> |
| | | )} |
| | | <DeviceContent |
| | | deviceType={deviceType} |
| | | sprite={sprite} |
| | | setTitle={setTitle} |
| | | /> |
| | | </CardContent> |
| | | </Card> |
| | | </Box> |
| | |
| | | ) |
| | | } |
| | | |
| | | const DeviceContent = ({ deviceType, sprite, setTitle }) => { |
| | | switch (deviceType) { |
| | | case DEVICE_TYPE.SHELF: |
| | | return ( |
| | | <ShelfInsight |
| | | sprite={sprite} |
| | | setTitle={setTitle} |
| | | /> |
| | | ) |
| | | case DEVICE_TYPE.AGV: |
| | | return ( |
| | | <AgvInsight |
| | | sprite={sprite} |
| | | setTitle={setTitle} |
| | | /> |
| | | ) |
| | | case DEVICE_TYPE.POINT: |
| | | return ( |
| | | <PointInsight |
| | | sprite={sprite} |
| | | setTitle={setTitle} |
| | | /> |
| | | ) |
| | | default: |
| | | return ( |
| | | <JsonShow |
| | | data={sprite?.data} |
| | | height={550} |
| | | /> |
| | | ) |
| | | } |
| | | } |
| | | |
| | | export default Insight; |