| | |
| | | sx={{ zIndex: 100, opacity: 1 }} |
| | | > |
| | | {open && ( |
| | | <Box pt={12} width={{ xs: '100vW', sm: width }} height={'calc(100vh - 200px);'} mt={{ xs: 2, sm: 1 }} sx={{ |
| | | <Box pt={12} width={{ xs: '100vW', sm: width }} height={'calc(100vh - 100px);'} mt={{ xs: 2, sm: 1 }} sx={{ |
| | | }}> |
| | | <Stack direction="row" p={2}> |
| | | <Typography variant="h6" flex="1"> |
| | |
| | | <CloseIcon /> |
| | | </IconButton> |
| | | </Stack> |
| | | <Box p={2} pt={1}> |
| | | <Box p={2} pt={1} height='100%'> |
| | | <Card sx={{ |
| | | height: '100%', |
| | | transition: '0.3s', |
| | | boxShadow: themeMode === 'light' |
| | | ? '0px 2px 8px rgba(0, 0, 0, 0.1)' |
| | |
| | | }, |
| | | borderRadius: '8px', |
| | | }}> |
| | | <CardContent> |
| | | <CardContent sx={{ height: '100%' }}> |
| | | {deviceType === DEVICE_TYPE.SHELF && ( |
| | | <> |
| | | <ShelfInsight |
| | |
| | | } 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} |
| | |
| | | } |
| | | |
| | | addObject = (object) => { |
| | | this.scene.add(object); |
| | | this.objects.push(object); |
| | | this.scene?.add(object); |
| | | this.objects?.push(object); |
| | | } |
| | | |
| | | initScene = () => { |
| | |
| | | }; |
| | | |
| | | return ( |
| | | <> |
| | | <Box sx={{ height: '100%', display: 'flex', flexDirection: 'column' }}> |
| | | <Tabs |
| | | value={activeTab} |
| | | onChange={handleTabChange} |
| | |
| | | |
| | | <Divider /> |
| | | |
| | | <Box pt={1}> |
| | | <Box flex={1} pt={2}> |
| | | {activeTab === 0 && ( |
| | | <ShelfMain |
| | | data={sprite?.data} |
| | |
| | | /> |
| | | )} |
| | | </Box> |
| | | </> |
| | | </Box> |
| | | ) |
| | | } |
| | | |