parent: b39ef351 | 补丁 | 提交 | show whitespace
#
luxiaotao1123
2024-09-21 519a5658a7fbae2b104948dc7b6118539b277112 
#
1个文件已修改
182 ■■■■■ 已修改文件
zy-acs-flow/src/page/agv/show/AgvShowDetail.jsx 182 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 
 zy-acs-flow/src/page/agv/show/AgvShowDetail.jsx


@@ -13,7 +13,7 @@


    Box,


    Button,


    Card,


    CardContent,


    Grid,


    Skeleton,


    Stack,


    Typography,


@@ -22,9 +22,10 @@


import { formatDistance } from 'date-fns';


import request from '@/utils/request';




const ITEM_COL = 3;




export const AgvShowDetail = (props) => {


    const { agvId, ...rest } = props;


    const translate = useTranslate();


    const { agvId } = props;


    const [record, setRecord] = useState(null);


    const resource = useResourceContext();




@@ -67,12 +68,23 @@


            </Stack>


        );


    }


    console.log(record);




    return (


        <>


            <Box display="flex" m={2}>


                <Box display="flex" mr={5} flexDirection="column">


            <Box mt={2}>


                <AgvMainDetail record={record} />


                <AgvMoreDetail record={record} />


                <AgvModelDetail record={record} />


            </Box>


        </>


    )


}




const AgvMainDetail = ({ record }) => {


    const translate = useTranslate();


    return (


        <Grid container spacing={1} sx={{ maxWidth: '75%' }}>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -82,8 +94,16 @@


                    <Typography variant="body2">


                        {record.ip}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


        </Grid>


    )


}




const AgvMoreDetail = ({ record }) => {


    const translate = useTranslate();


    return (


        <Grid container spacing={1} sx={{ maxWidth: '75%' }}>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -93,8 +113,8 @@


                    <Typography variant="body2">


                        {record.agvDetail.pos === 1 ? translate('common.enums.true') : translate('common.enums.false')}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -104,8 +124,8 @@


                    <Typography variant="body2">


                        {record.agvDetail.code$}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -115,8 +135,8 @@


                    <Typography variant="body2">


                        {record.agvDetail.agvAngle}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -126,9 +146,9 @@


                    <Typography variant="body2">


                        {record.agvDetail.gyroAngle}


                    </Typography>


                </Box>


            </Grid>




                <Box display="flex" mr={5} flexDirection="column">


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -138,9 +158,9 @@


                    <Typography variant="body2">


                        {record.agvDetail.encoderAngle}


                    </Typography>


                </Box>


            </Grid>




                <Box display="flex" mr={5} flexDirection="column">


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -150,9 +170,9 @@


                    <Typography variant="body2">


                        {record.agvDetail.high}


                    </Typography>


                </Box>


            </Grid>




                <Box display="flex" mr={5} flexDirection="column">


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -162,8 +182,8 @@


                    <Typography variant="body2">


                        {record.agvDetail.vol}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -173,8 +193,8 @@


                    <Typography variant="body2">


                        {record.agvDetail.soc}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -184,8 +204,8 @@


                    <Typography variant="body2">


                        {record.agvDetail.soh}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -195,8 +215,8 @@


                    <Typography variant="body2">


                        {record.agvDetail.tempe}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -206,8 +226,8 @@


                    <Typography variant="body2">


                        {record.agvDetail.motorFail}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -217,8 +237,8 @@


                    <Typography variant="body2">


                        {record.agvDetail.workDistance}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -228,8 +248,17 @@


                    <Typography variant="body2">


                        {record.agvDetail.statusDesc}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


        </Grid>


    )


}


const AgvModelDetail = ({ record }) => {


    const translate = useTranslate();


    console.log(record);




    return (


        <Grid container spacing={1} sx={{ maxWidth: '75%' }}>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -237,10 +266,10 @@


                        model name


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.name}


                    {record.agvModelData.name}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -248,10 +277,10 @@


                        model length


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.length}


                    {record.agvModelData.length}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -259,10 +288,10 @@


                        model width


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.width}


                    {record.agvModelData.width}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -270,10 +299,10 @@


                        model height


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.height}


                    {record.agvModelData.height}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -281,11 +310,11 @@


                        model liftHeight


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.liftHeight}


                    {record.agvModelData.liftHeight}


                    </Typography>


                </Box>


            </Grid>




                <Box display="flex" mr={5} flexDirection="column">


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -293,10 +322,10 @@


                        model diameter


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.diameter}


                    {record.agvModelData.diameter}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -304,11 +333,11 @@


                        model backpack


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.backpack}


                    {record.agvModelData.backpack}


                    </Typography>


                </Box>


            </Grid>




                <Box display="flex" mr={5} flexDirection="column">


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -316,11 +345,11 @@


                        model lowBattery


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.lowBattery}


                    {record.agvModelData.lowBattery}


                    </Typography>


                </Box>


            </Grid>




                <Box display="flex" mr={5} flexDirection="column">


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -328,11 +357,11 @@


                        model quaBattery


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.quaBattery}


                    {record.agvModelData.quaBattery}


                    </Typography>


                </Box>


            </Grid>




                <Box display="flex" mr={5} flexDirection="column">


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -340,10 +369,10 @@


                        model travelSpeed


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.travelSpeed}


                    {record.agvModelData.travelSpeed}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -351,10 +380,10 @@


                        model workDirection


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.workDirection}


                    {record.agvModelData.workDirection}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -362,10 +391,10 @@


                        model allDirection


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.allDirection}


                    {record.agvModelData.allDirection}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -373,10 +402,10 @@


                        model protocol


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.protocol}


                    {record.agvModelData.protocol}


                    </Typography>


                </Box>


                <Box display="flex" mr={5} flexDirection="column">


            </Grid>


            <Grid item xs={ITEM_COL}>


                    <Typography


                        color="textSecondary"


                        variant="caption"


@@ -384,10 +413,9 @@


                        model mqttTopic


                    </Typography>


                    <Typography variant="body2">


                        {record.agvModel.mqttTopic}


                    {record.agvModelData.mqttTopic}


                    </Typography>


                </Box>


            </Box>


        </>


            </Grid>


        </Grid>


    )


}