| | |
| | | } from '@mui/material'; |
| | | import ShelfThree from './ShelfThree'; |
| | | import { getLocGroup } from '../../http'; |
| | | import { grey } from '@mui/material/colors'; |
| | | |
| | | let shelfThree; |
| | | |
| | |
| | | break; |
| | | case '不规则': |
| | | child.visible = item.locStsEl === 'STOCK' || item.locStsEl === 'PAKOUT'; |
| | | // child.visible = !['STOCK', 'IDLE'].includes(item.locStsEl); |
| | | child.material.color.set(0xE8B67E); |
| | | break; |
| | | default: |
| | |
| | | }; |
| | | renderThree(info, curLocNo); |
| | | setLoading(false); |
| | | }, 200) |
| | | }, 300) |
| | | } |
| | | return endThree; |
| | | }, [info]); |
| | | |
| | | return ( |
| | | <Box display="flex" height="500px"> |
| | | <Box display="flex" height="100%"> |
| | | <Box |
| | | position="relative" |
| | | width="60%" |
| | | width="50%" |
| | | height="100%" |
| | | ref={containerRef} |
| | | style={{ backgroundColor: '#7a7a7a' }} |
| | |
| | | left="50%" |
| | | style={{ transform: 'translate(-50%, -50%)' }} |
| | | > |
| | | <CircularProgress /> |
| | | <CircularProgress sx={{ color: grey[50] }} /> |
| | | </Box> |
| | | )} |
| | | </Box> |
| | | <Box width="40%" height="100%" overflow="auto" p={2}> |
| | | <Box width="50%" height="100%" overflow="auto" p={2}> |
| | | {/* <Paper elevation={3} style={{ padding: '16px' }}> |
| | | <Typography variant="h6" gutterBottom> |
| | | {translate('map.loc.no', { defaultMessage: '库位号' })}: {curLocNo} |