#

luxiaotao1123

2024-10-18 7ce0e49aecaf717480c0d679353a865773ff2cb2

 zy-acs-flow/src/map/insight/agv/AgvMain.jsx

@@ -31,8 +31,8 @@
    }
}

const renderThree = (info, curAgvNo) => {
    if (info && three) {
const renderThree = (curAgvNo) => {
    if (curAgvNo && three) {
        three.generateMesh((loader, addObject) => {
            const loadModel = (path) => {
                return new Promise((resolve, reject) => {
@@ -77,32 +77,19 @@
}

const AgvMain = (props) => {
    const { curAgvNo, setCurAgvNo, setJsonData } = props;
    const { curAgvNo, curAgvInfo: info } = props;
    const theme = useTheme();
    const translate = useTranslate();
    const containerRef = useRef();
    const [loading, setLoading] = useState(true);
    const [info, setInfo] = useState(null);

    useEffect(() => {
        if (curAgvNo) {
            getAgvInfo(curAgvNo, (response) => {
                setInfo(response);
            });
        }
    }, [curAgvNo]);

    useEffect(() => {
        if (info) {
            setJsonData(info);
            endThree();
            setLoading(true);
            setTimeout(() => {
                startThree(containerRef.current);
                three.handleClick = (objName) => {
                    setCurAgvNo(objName);
                };
                renderThree(info, curAgvNo);
                renderThree(curAgvNo);
                setLoading(false);
            }, 200);
        }
@@ -208,7 +195,7 @@
            <Stack direction="row" alignItems="center" spacing={1} sx={{ mb: 1 }}>
                <Typography
                    variant="body2"
                    sx={{ width: '80px', fontWeight: 'bold', color: 'text.secondary', textAlign: 'left' }}
                    sx={{ minWidth: '80px', fontWeight: 'bold', color: 'text.secondary', textAlign: 'left' }}
                >
                    {label}:
                </Typography>