From cc24d53704db8fdf4cd43dfc3b005af73d79d290 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 20 九月 2024 13:36:49 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/page/agv/AgvCard.jsx | 24 +++++++++++++++++++++---
1 files changed, 21 insertions(+), 3 deletions(-)
diff --git a/zy-acs-flow/src/page/agv/AgvCard.jsx b/zy-acs-flow/src/page/agv/AgvCard.jsx
index 58d9299..e86aae0 100644
--- a/zy-acs-flow/src/page/agv/AgvCard.jsx
+++ b/zy-acs-flow/src/page/agv/AgvCard.jsx
@@ -1,6 +1,6 @@
import * as React from 'react';
import { useState } from 'react';
-import { Paper, Typography, Box } from '@mui/material';
+import { Paper, Typography, Box, Chip, Stack } from '@mui/material';
import ContactsIcon from '@mui/icons-material/AccountCircle';
import DealIcon from '@mui/icons-material/MonetizationOn';
import {
@@ -10,8 +10,9 @@
Link,
useResourceContext,
} from 'react-admin';
-
+import PulseSignal from '../components/PulseSignal';
import { AgvAvatar } from './AgvAvatar';
+import BatteryCharging90Icon from '@mui/icons-material/BatteryCharging90';
export const AgvCard = (props) => {
const resource = useResourceContext();
@@ -44,6 +45,23 @@
}}
elevation={elevation}
>
+ <Box display="flex" flexDirection="row" alignItems="center" justifyContent='space-between'>
+ <PulseSignal
+ flag={true}
+ />
+ <Box display="flex" alignItems="center">
+ <BatteryCharging90Icon
+ sx={{
+ width: 12,
+ height: 12,
+ color: record.vol > 50 ? 'green' : record.vol > 20 ? 'orange' : 'red',
+ }}
+ />
+ <Typography variant="body2">
+ {record.vol}
+ </Typography>
+ </Box>
+ </Box>
<Box display="flex" flexDirection="column" alignItems="center">
<AgvAvatar />
<Box textAlign="center" marginTop={1}>
@@ -51,7 +69,7 @@
{record.agvStatus}
</Typography>
<Typography variant="overline" sx={{ opacity: .7 }}>
- {record.code}
+ code: {record.code}
</Typography>
</Box>
</Box>
--
Gitblit v1.9.1