From dc31d8c4e1e45d6f932050a0da4e18a09d8dfd07 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期三, 16 十月 2024 15:55:27 +0800 Subject: [PATCH] # --- zy-acs-flow/src/map/insight/shelf/ShelfMain.jsx | 44 ++++++++++++++++---------------------------- 1 files changed, 16 insertions(+), 28 deletions(-) diff --git a/zy-acs-flow/src/map/insight/shelf/ShelfMain.jsx b/zy-acs-flow/src/map/insight/shelf/ShelfMain.jsx index 8c1d17a..be7e735 100644 --- a/zy-acs-flow/src/map/insight/shelf/ShelfMain.jsx +++ b/zy-acs-flow/src/map/insight/shelf/ShelfMain.jsx @@ -13,6 +13,7 @@ } from '@mui/material'; import ShelfThree from './ShelfThree'; import { getLocGroup } from '../../http'; +import { grey } from '@mui/material/colors'; let shelfThree; @@ -40,30 +41,22 @@ 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; @@ -83,7 +76,6 @@ }).catch(error => { console.error(error); }); - }) } } @@ -105,12 +97,9 @@ }, [data]); useEffect(() => { - console.log(curLocNo); - if (info) { endThree(); setLoading(true); - setTimeout(() => { startThree(containerRef.current); shelfThree.handleClick = (objName) => { @@ -123,12 +112,11 @@ 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' }} @@ -140,11 +128,11 @@ 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} -- Gitblit v1.9.1