| | |
| | | } from '@mui/material'; |
| | | import ShelfThree from './ShelfThree'; |
| | | import { getLocGroup } from '../../http'; |
| | | import { grey } from '@mui/material/colors'; |
| | | |
| | | let shelfThree; |
| | | |
| | |
| | | mesh.position.set(0, singleHeight * (lev - 1), 0); |
| | | mesh.scale.set(5, 5, 5); |
| | | mesh.name = item.locNo; |
| | | mesh.traverse(function (child) { |
| | | mesh.traverse((child) => { |
| | | if (child.isMesh) { |
| | | if (child.name === '货架') { |
| | | child.material.color.set(0x4680BF); |
| | | } |
| | | let palletVisible = true, cargoVisible = true; |
| | | switch (item.locStsEl) { |
| | | case 'STOCK': |
| | | cargoVisible = false; |
| | | switch (child.name) { |
| | | case '货架': |
| | | child.material.color.set(0x4680BF); |
| | | break; |
| | | case 'IDLE': |
| | | palletVisible = false; |
| | | cargoVisible = false; |
| | | case '托盘': |
| | | child.visible = item.locStsEl === 'STOCK' || item.locStsEl === 'PAKOUT'; |
| | | child.material.color.set(0xBEBEBE); |
| | | break; |
| | | case '不规则': |
| | | child.visible = item.locStsEl === 'STOCK' || item.locStsEl === 'PAKOUT'; |
| | | child.material.color.set(0xE8B67E); |
| | | break; |
| | | default: |
| | | break; |
| | | } |
| | | if (child.name === '托盘') { |
| | | child.visible = palletVisible; |
| | | child.material.color.set(0xBEBEBE); |
| | | } |
| | | if (child.name === '不规则') { |
| | | child.visible = cargoVisible; |
| | | child.material.color.set(0xE8B67E); |
| | | } |
| | | child.name = item.locNo |
| | | child.castShadow = true; |
| | |
| | | }).catch(error => { |
| | | console.error(error); |
| | | }); |
| | | |
| | | }) |
| | | } |
| | | } |
| | |
| | | }, [data]); |
| | | |
| | | useEffect(() => { |
| | | console.log(curLocNo); |
| | | |
| | | if (info) { |
| | | endThree(); |
| | | setLoading(true); |
| | | |
| | | setTimeout(() => { |
| | | startThree(containerRef.current); |
| | | shelfThree.handleClick = (objName) => { |
| | |
| | | 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} |