#

luxiaotao1123

2024-11-04 7f70cb15d035f0c233b9e62b9e43aa985317c908

 zy-acs-flow/src/page/agv/show/AgvShowDetail.jsx

@@ -25,23 +25,28 @@
const GRID_CONTAINER_MAX_WIDTH = '100%';

export const AgvShowDetail = (props) => {
    const { agvId } = props;
    const { agvId, setOnline } = props;
    const [record, setRecord] = useState(null);
    const resource = useResourceContext();

    useEffect(() => {
        const http = async (agvId) => {
            const res = await request.get(resource + '/' + agvId);
            const { code, msg, data } = res.data;
            if (code === 200) {
                setRecord(data);
            } else {
                setRecord(null);
            if (agvId) {
                const res = await request.get(resource + '/' + agvId);
                const { code, msg, data } = res.data;
                if (code === 200) {
                    setOnline(data.online);
                    setRecord(data);
                } else {
                    setRecord(null);
                }
            }
        }
        if (agvId) {
        const intervalId = setInterval(() => {
            http(agvId);
        }
        }, 1000);
        http(agvId);
        return () => clearInterval(intervalId);
    }, [agvId]);

    if (!record) {
@@ -82,26 +87,29 @@
    )
}

const DetailTitle = ({ title }) => {
const DetailTitle = ({ title, ...rest }) => {
    const translate = useTranslate();
    return (
        <Typography
            color="textSecondary"
            variant="caption"
            {...rest}
        >
            {translate(title)}
        </Typography>
    )
}

const DetailValue = ({ value }) => {
const DetailValue = ({ value, fontBold = false }) => {
    return (
        <Typography
            variant="body2"
            color={fontBold ? 'textSecondary' : 'textPrimary'}
            width='80%'
            sx={{
                wordWrap: 'break-word',
                whiteSpace: 'normal',
                fontWeight: fontBold && 'bold',
            }}
        >
            {value}
@@ -116,7 +124,7 @@
        <Grid container spacing={1} sx={{ maxWidth: GRID_CONTAINER_MAX_WIDTH }}>
            <Grid item xs={ITEM_COL}>
                <DetailTitle title='common.field.status' />
                <DetailValue value={record.agvDetail.statusDesc} />
                <DetailValue fontBold value={record.agvDetail.statusDesc} />
            </Grid>
            <Grid item xs={ITEM_COL}>
                <DetailTitle title='table.field.agvDetail.pos' />
@@ -190,7 +198,7 @@
        <Grid container spacing={1} sx={{ maxWidth: GRID_CONTAINER_MAX_WIDTH }}>
            <Grid item xs={ITEM_COL}>
                <DetailTitle title='table.field.agvModel.name' />
                <DetailValue value={record.agvModelData.name} />
                <DetailValue fontBold value={record.agvModelData.name} />
            </Grid>
            <Grid item xs={ITEM_COL}>
                <DetailTitle title='table.field.agvModel.length' />