From 00b0ec55e1b0eef82b3a31166e8273ecea776568 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期六, 19 十月 2024 14:34:51 +0800 Subject: [PATCH] # --- zy-acs-flow/src/map/insight/agv/AgvMain.jsx | 100 +++++++++++++++++++++++++++++++++++-------------- 1 files changed, 71 insertions(+), 29 deletions(-) diff --git a/zy-acs-flow/src/map/insight/agv/AgvMain.jsx b/zy-acs-flow/src/map/insight/agv/AgvMain.jsx index cba0967..f58925b 100644 --- a/zy-acs-flow/src/map/insight/agv/AgvMain.jsx +++ b/zy-acs-flow/src/map/insight/agv/AgvMain.jsx @@ -1,6 +1,6 @@ import React, { useRef, useEffect, useState } from 'react'; import * as THREE from 'three'; -import { useTranslate } from 'react-admin'; +import { useTranslate, useDataProvider, useRedirect } from 'react-admin'; import { Box, CircularProgress, @@ -12,8 +12,9 @@ Stack, useTheme, } from '@mui/material'; +import { useNotification } from '../../Notification'; import AgvThree from './AgvThree'; -import { getAgvInfo } from '../../http'; +import { handleRestoreAgvAll } from '../../http'; import BoolValueIcon from '../BoolValueIcon'; import ConfirmButton from '../../../page/components/ConfirmButton'; @@ -77,9 +78,12 @@ } const AgvMain = (props) => { - const { curAgvNo, curAgvInfo: info } = props; + const { curAgvNo, curAgvInfo: info, fetchAgvInfo } = props; const theme = useTheme(); const translate = useTranslate(); + const dataProvider = useDataProvider(); + const redirect = useRedirect(); + const notify = useNotification(); const containerRef = useRef(); const [loading, setLoading] = useState(true); @@ -96,8 +100,23 @@ return endThree; }, [info]); - const handleReset = () => { - alert(1) + const handleRestoreAll = () => { + handleRestoreAgvAll({ agvNo: info.agvNo }); + } + + const updateStatus = () => { + dataProvider.update('agv', { + 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 ( @@ -128,8 +147,11 @@ flexDirection: 'column', justifyContent: 'space-between', }}> - <Box> - <Grid container spacing={2} style={{ marginTop: '0px' }}> + <Box sx={{ + height: "70%", + overflowY: 'auto' + }}> + <Grid container spacing={1.5} style={{ marginTop: '0px' }}> <Grid item xs={12}> <KeyValuePair label={translate('table.field.agv.uuid')} value={info?.agvNo} /> </Grid> @@ -160,29 +182,49 @@ </Grid> </Box> - <Grid container spacing={2} style={{ marginTop: '0px' }}> - <Grid item xs={12}> - <Stack spacing={2} mt={2}> - <ConfirmButton - label="page.map.action.reset" - color="primary" - variant="contained" - onConfirm={() => { - handleReset(); - }} - /> - {info && ( - info.status === 1 - ? <Button variant="contained" color="error" fullWidth> - {translate('page.map.action.disable')} - </Button> - : <Button variant="contained" fullWidth> - {translate('page.map.action.enable')} - </Button> - )} - </Stack> + <Box sx={{ + height: "30%", + display: 'flex', + flexDirection: 'column', + justifyContent: 'flex-end' + }}> + <Grid container spacing={2} style={{ marginTop: '0px' }}> + <Grid item xs={12}> + <Stack spacing={2} mt={2}> + <Button + color="primary" + variant="contained" + onClick={() => { + redirect(`/agv/${info?.agvId}/show`); + }} + > + {translate('page.map.settings.map.more.title')} + </Button> + {info && ( + info.status === 1 + ? <Button variant="contained" color="error" fullWidth onClick={() => { + updateStatus(); + }}> + {translate('page.map.action.disable')} + </Button> + : <Button variant="contained" fullWidth onClick={() => { + updateStatus(); + }}> + {translate('page.map.action.enable')} + </Button> + )} + <ConfirmButton + label="page.map.action.restoreALl" + color="inherit" + // variant="contained" + onConfirm={() => { + handleRestoreAll(); + }} + /> + </Stack> + </Grid> </Grid> - </Grid> + </Box> </Paper> </Box> </Box> -- Gitblit v1.9.1