From ff2b7ebf99e8aedccb3859ed9f049e49a9a613f1 Mon Sep 17 00:00:00 2001
From: Junjie <xjj@123>
Date: 星期三, 03 四月 2024 16:56:56 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/pages/map/drawer/shelf/view.jsx |   60 ++++++++++++++++++++++++++++++++----------------------------
 1 files changed, 32 insertions(+), 28 deletions(-)

diff --git a/zy-asrs-flow/src/pages/map/drawer/shelf/view.jsx b/zy-asrs-flow/src/pages/map/drawer/shelf/view.jsx
index 921777b..3a313fc 100644
--- a/zy-asrs-flow/src/pages/map/drawer/shelf/view.jsx
+++ b/zy-asrs-flow/src/pages/map/drawer/shelf/view.jsx
@@ -56,6 +56,34 @@
     }
 }
 
+const fetchShelfInfo = async (locNo) => {
+    const res = await Http.doGet('/api/map/shelf/info', { locNo: locNo });
+    if (res?.data && shelfThree) {
+        shelfThree.generateMesh((addObject) => {
+            for (const item of res.data) {
+                const { row, bay, lev } = Utils.parseLocNo(item.locNo);
+                // shelf
+                const shelfMesh = new THREE.Mesh(new THREE.BoxGeometry(100, 40, 100), new THREE.MeshStandardMaterial({
+                    color: '#006266',
+                }));
+                shelfMesh.name = item.locNo;
+                shelfMesh.position.set(0, 20 + 100 * (lev - 1), 0);
+                addObject(shelfMesh)
+
+                // pallet
+                const palletMesh = new THREE.Mesh(new THREE.BoxGeometry(100, 60, 100), new THREE.MeshStandardMaterial({
+                    color: '#2c2c54',
+                }));
+                palletMesh.name = item.locNo;
+                palletMesh.position.set(0, 70 + 100 * (lev - 1), 0);
+                addObject(palletMesh)
+            }
+        }).then(() => {
+            shelfThree.setNewSelectedMesh(locNo);
+        });
+    }
+}
+
 const ShelfView = (props) => {
     const intl = useIntl();
     const { styles } = useStyles();
@@ -65,43 +93,19 @@
     const [loading, setLoading] = React.useState(false);
 
     useEffect(() => {
+        // init curLocNo
         const originLocNo = data.no + '-' + curFloor;
+        setCurLocNo(originLocNo);
 
         endThree();
         setLoading(true);
-
-        const fetchShelfInfo = async (locNo) => {
-            const res = await Http.doGet('/api/map/shelf/info', { locNo: locNo });
-            if (res?.data && shelfThree) {
-                shelfThree.generateMesh((addObject) => {
-                    for (const item of res.data) {
-                        const { row, bay, lev } = Utils.parseLocNo(item.locNo);
-                        // shelf
-                        const shelfMesh = new THREE.Mesh(new THREE.BoxGeometry(100, 40, 100), new THREE.MeshStandardMaterial({
-                            color: '#006266',
-                        }));
-                        shelfMesh.name = item.locNo;
-                        shelfMesh.position.set(0, 20 + 100 * (lev - 1), 0);
-                        addObject(shelfMesh)
-
-                        // pallet
-                        const palletMesh = new THREE.Mesh(new THREE.BoxGeometry(100, 60, 100), new THREE.MeshStandardMaterial({
-                            color: '#2c2c54',
-                        }));
-                        palletMesh.name = item.locNo;
-                        palletMesh.position.set(0, 70 + 100 * (lev - 1), 0);
-                        addObject(palletMesh)
-                    }
-                });
-            }
-        }
 
         setTimeout(() => {
             startThree(refContainer.current);
             shelfThree.handleClick = (objName) => {
                 setCurLocNo(objName);
-            }
-            fetchShelfInfo(originLocNo);   // curLoc鏇存柊涓嶅強鏃�
+            };
+            fetchShelfInfo(originLocNo);
             setLoading(false);
         }, 300)
 

--
Gitblit v1.9.1