From 8d93a969a03865b815e16140ea3e65ad7922014d Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 21 十月 2024 14:02:58 +0800
Subject: [PATCH] #

---
 zy-acs-flow/src/page/components/PulseSignal.jsx |   15 +++++++++++----
 zy-acs-flow/src/map/MapPage.jsx                 |    7 ++++++-
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/zy-acs-flow/src/map/MapPage.jsx b/zy-acs-flow/src/map/MapPage.jsx
index c049c3d..abca05b 100644
--- a/zy-acs-flow/src/map/MapPage.jsx
+++ b/zy-acs-flow/src/map/MapPage.jsx
@@ -259,7 +259,12 @@
                 {mode === MAP_MODE.OBSERVER_MODE && (
                     <>
                         <Box sx={{ mr: 2, display: 'flex', alignItems: 'center' }}>
-                            <PulseSignal negative flag={rcsStatus} width={12} />
+                            <PulseSignal
+                                negative
+                                negativeColor = '#a4b0be'
+                                flag={rcsStatus}
+                                width={12}
+                            />
                         </Box>
                         <Button
                             variant="contained"
diff --git a/zy-acs-flow/src/page/components/PulseSignal.jsx b/zy-acs-flow/src/page/components/PulseSignal.jsx
index e79c7c2..c1d33c5 100644
--- a/zy-acs-flow/src/page/components/PulseSignal.jsx
+++ b/zy-acs-flow/src/page/components/PulseSignal.jsx
@@ -1,9 +1,16 @@
 import * as React from 'react';
 import { Paper, Typography, Box, Chip, Avatar } from '@mui/material';
-import { teal } from '@mui/material/colors';
+import { teal, red } from '@mui/material/colors';
 
 const PulseSignal = (props) => {
-    const { flag = true, width = 8, negative = false, ...rest } = props;
+    const {
+        flag = true,
+        width = 8,
+        negative = false,
+        positiveColor = teal[400],
+        negativeColor = red[400],
+        ...rest
+    } = props;
 
     return (
         <>
@@ -14,7 +21,7 @@
                         width: width,
                         height: width,
                         borderRadius: '50%',
-                        backgroundColor: `${teal[400]}`,
+                        backgroundColor: positiveColor,
                         display: 'inline-block',
                         animation: `pulse ${negative ? '2' : '1.2'}s infinite`,
                         '@keyframes pulse': {
@@ -40,7 +47,7 @@
                         width: width + width / 10,
                         height: width + width / 10,
                         borderRadius: '50%',
-                        backgroundColor: '#f44336',
+                        backgroundColor: negativeColor,
                         display: 'inline-block',
                     }}
                 />

--
Gitblit v1.9.1