#

luxiaotao1123

2024-11-04 f9f3b4c4cd6b174f776b15360b0d063a9d0b829b

 zy-acs-flow/src/page/agv/AgvCard.jsx

@@ -10,7 +10,7 @@
} from 'react-admin';
import PulseSignal from '../components/PulseSignal';
import { AgvAvatar } from './AgvAvatar';
import { red, blue } from '@mui/material/colors';
import { red, blue, blueGrey } from '@mui/material/colors';

export const AgvCard = (props) => {
    const resource = useResourceContext();
@@ -18,6 +18,7 @@
    const createPath = useCreatePath();
    const record = useRecordContext(props);
    if (!record) return null;

    return (
        <Link
            to={createPath({
@@ -36,6 +37,20 @@
                    flexDirection: 'column',
                    justifyContent: 'space-between',
                    padding: '1em',
                    ...(!record.online && {
                        animation: 'cardBorderPulse 2s infinite',
                        '@keyframes cardBorderPulse': {
                            '0%': {
                                boxShadow: '0 0 2px 1px rgba(255, 0, 0, 0.1)',
                            },
                            '50%': {
                                boxShadow: '0 0 3px 2px rgba(255, 0, 0, 0.3)',
                            },
                            '100%': {
                                boxShadow: '0 0 2px 1px rgba(255, 0, 0, 0.1)',
                            },
                        },
                    })
                }}
                elevation={elevation}
            >
@@ -114,7 +129,7 @@
                    <Avatar
                        key={record.id}
                        title={`${record.seqNum}`}
                        sx={{ bgcolor: blue[300] }}
                        sx={{ bgcolor: blueGrey[500] }}
                    >
                        {record.seqNum.slice(0, 4)}
                    </Avatar>