From 93d8a38f9fd0746b9ce6ac7541bf2b8b48f7c63c Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 18 十二月 2024 13:11:24 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/agv/AgvCard.jsx | 19 +++++++++++++++++--
1 files changed, 17 insertions(+), 2 deletions(-)
diff --git a/zy-acs-flow/src/page/agv/AgvCard.jsx b/zy-acs-flow/src/page/agv/AgvCard.jsx
index 5828ac8..04e7e75 100644
--- a/zy-acs-flow/src/page/agv/AgvCard.jsx
+++ b/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>
--
Gitblit v1.9.1