zy-asrs-master.git

			@@ -1,4 +1,5 @@
			import React, { useState, useRef, useEffect } from 'react';
			import * as THREE from 'three'
			import { Spin, Descriptions, Button } from 'antd';
			import { FormattedMessage, useIntl, useModel } from '@umijs/max';
			import { LoadingOutlined } from '@ant-design/icons';
			@@ -43,34 +44,104 @@

			let shelfThree;

			const startThree = (dom) => {
			shelfThree = new ShelfThree(dom);
			shelfThree.startup();
			}

			const endThree = () => {
			if (shelfThree) {
			shelfThree.destroy();
			shelfThree = null;
			}
			}

			const fetchShelfInfo = async (locNo) => {
			const res = await Http.doGet('/api/map/shelf/info', { locNo: locNo });
			if (res?.data && shelfThree) {
			shelfThree.generateMesh((loader, addObject) => {
			const promises = [];
			const singleHeight = 123;
			for (const item of res.data) {
			const { lev } = Utils.parseLocNo(item.locNo);
			promises.push(new Promise((resolve) => {
			loader.load('model/04.fbx', (mesh) => {
			mesh.position.set(0, singleHeight * (lev - 1), 0);
			mesh.scale.set(5, 5, 5);
			mesh.name = item.locNo;
			mesh.traverse(function (child) {
			if (child.isMesh) {
			if (child.name === '货架') {
			child.material.color.set(0x4680BF);
			}
			let palletVisible = true, cargoVisible = true;
			switch (item.locSts) {
			case 'D':
			cargoVisible = false;
			break;
			case 'O':
			palletVisible = false;
			cargoVisible = false;
			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;
			child.receiveShadow = true;
			}
			});
			addObject(mesh);
			resolve();
			})
			}));
			}

			Promise.all(promises).then(() => {
			shelfThree.setNewSelectedMesh(locNo);
			shelfThree.rePerspective(singleHeight * res.data.length);
			}).catch(error => {
			console.error(error);
			});
			})
			}
			}

			const ShelfView = (props) => {
			const intl = useIntl();
			const { styles } = useStyles();
			const refContainer = useRef();

			const { data, curFloor, curLocNo, setCurLocNo } = props;
			const [loading, setLoading] = React.useState(false);

			const startThree = () => {
			shelfThree = new ShelfThree(refContainer.current);
			shelfThree.startup();
			}

			const endThree = () => {
			if (shelfThree) {
			shelfThree.destroy();
			shelfThree = null;
			}
			}

			useEffect(() => {
			setLoading(true);
			// init curLocNo
			const originLocNo = data.no + '-' + curFloor;
			setCurLocNo(originLocNo);

			endThree();
			setLoading(true);

			setTimeout(() => {
			startThree(refContainer.current);
			shelfThree.handleClick = (objName) => {
			setCurLocNo(objName);
			};
			fetchShelfInfo(originLocNo);
			setLoading(false);
			startThree();
			}, 300)

			return endThree;
			}, [props.data.uuid]);
			}, [data]);

			return (
			<>
			@@ -95,7 +166,7 @@
			{
			key: '1',
			label: intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }),
			children: props.locNo,
			children: curLocNo,
			},
			{
			key: '2',