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