| | |
| | | import React, { useRef, useEffect, useState } from 'react'; |
| | | import * as THREE from 'three'; |
| | | import { useTranslate } from 'react-admin'; |
| | | import { useTranslate, useDataProvider } from 'react-admin'; |
| | | import { |
| | | Box, |
| | | CircularProgress, |
| | |
| | | Button, |
| | | Divider, |
| | | Stack, |
| | | Card, |
| | | CardContent, |
| | | } from '@mui/material'; |
| | | import ShelfThree from './ShelfThree'; |
| | | import { getLocGroup } from '../../http'; |
| | | import { grey } from '@mui/material/colors'; |
| | | import { styled } from '@mui/system'; |
| | | |
| | | let shelfThree; |
| | | |
| | |
| | | const ShelfMain = (props) => { |
| | | const { data, curLocNo, setCurLocNo } = props; |
| | | const translate = useTranslate(); |
| | | const dataProvider = useDataProvider(); |
| | | const containerRef = useRef(); |
| | | const [loading, setLoading] = useState(true); |
| | | const [info, setInfo] = useState(null); |
| | |
| | | return endThree; |
| | | }, [info]); |
| | | |
| | | useEffect(() => { |
| | | console.log(selectedLoc); |
| | | }, [selectedLoc]) |
| | | const updateStatus = () => { |
| | | dataProvider.update('loc', { |
| | | id: info.agvId, |
| | | data: { |
| | | status: info.status === 0 ? 1 : 0 |
| | | } |
| | | }).then(({ data }) => { |
| | | fetchAgvInfo(curAgvNo); |
| | | notify.success(translate('common.response.success')); |
| | | }).catch((error) => { |
| | | notify.success(translate('common.response.fail')); |
| | | console.error(`Error: ${error.message}`); |
| | | }); |
| | | } |
| | | |
| | | return ( |
| | | <Box display="flex" height="100%"> |