From ddf7bafdc51befaa108a3d9475706821983e680a Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期六, 19 十月 2024 13:56:01 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/map/MapPage.jsx | 69 ++++++++++++----------------------
1 files changed, 25 insertions(+), 44 deletions(-)
diff --git a/zy-acs-flow/src/map/MapPage.jsx b/zy-acs-flow/src/map/MapPage.jsx
index 01c1cae..205aadd 100644
--- a/zy-acs-flow/src/map/MapPage.jsx
+++ b/zy-acs-flow/src/map/MapPage.jsx
@@ -5,19 +5,9 @@
MenuItem,
Button,
Box,
- SpeedDial,
- SpeedDialAction,
useTheme,
Fab,
} from '@mui/material';
-import {
- MoreVert as MoreVertIcon,
- Edit as EditIcon,
- FileCopy as FileCopyIcon,
- Save as SaveIcon,
- Print as PrintIcon,
- Share as ShareIcon,
-} from '@mui/icons-material';
import { MAP_MODE } from "./constants";
import Player from './player';
import * as Tool from './tool';
@@ -86,12 +76,12 @@
await Http.fetchMapData();
websocket.connect();
websocket.onMessage = (wsMsg) => {
- Tool.generateDynamicGraphic(curZone, JSON.parse(wsMsg));
+ Tool.generateDynamicGraphic(curZone, JSON.parse(wsMsg), setCurSprite);
}
-
+
setTimeout(() => {
- player.adaptScreen();
notify.info(translate('page.map.welcome'));
+ player.adaptScreen();
setDataFetched(true);
setMode(MAP_MODE.OBSERVER_MODE);
}, 200)
@@ -140,7 +130,7 @@
player.hideStarryBackground();
player.activateMapMultiSelect((selectedSprites, restartFn) => {
- setBatchSprites(selectedSprites);
+ Tool.multipleSelectEnhancer(selectedSprites, setCurSprite, setBatchSprites);
});
mapContainer.children.forEach(child => {
@@ -166,7 +156,7 @@
// player.showStarryBackground(); // 0x2f68ac
player.activateMapMultiSelect((selectedSprites, restartFn) => {
- setBatchSprites(selectedSprites);
+ Tool.multipleSelectEnhancer(selectedSprites, setCurSprite, setBatchSprites);
});
mapContainer.children.forEach(child => {
@@ -206,15 +196,17 @@
}
if (curSprite) {
if (mode === MAP_MODE.OBSERVER_MODE) {
- Tool.showSelectedEffect(curSprite)
- setInsightVisible(true)
+ Tool.showSelectedEffect(curSprite);
+ setInsightVisible(true);
}
if (mode === MAP_MODE.SETTINGS_MODE) {
- Tool.showSelectedEffect(curSprite)
- setSettingsVisible(true)
+ Tool.showSelectedEffect(curSprite);
+ setSettingsVisible(true);
}
} else {
Tool.removeSelectedEffect();
+ setInsightVisible(false);
+ setSettingsVisible(false);
}
}, [curSprite]);
const prevCurSprite = prevCurSpriteRef.current;
@@ -231,14 +223,6 @@
setBatchSelectionVisible(false)
}
}, [batchSprites])
-
- const actions = [
- { icon: <FileCopyIcon />, name: '澶嶅埗' },
- { icon: <SaveIcon />, name: '淇濆瓨' },
- { icon: <PrintIcon />, name: '鎵撳嵃' },
- { icon: <ShareIcon />, name: '鍒嗕韩' },
- { icon: <EditIcon />, name: '缂栬緫' },
- ];
return (
<Box
@@ -363,6 +347,20 @@
flexGrow: 1, // fill remaining of map space
position: 'relative',
backgroundColor: '#fff',
+ ...(mode === MAP_MODE.SETTINGS_MODE && {
+ animation: 'settingsPulse 1.5s infinite',
+ '@keyframes settingsPulse': {
+ '0%': {
+ boxShadow: `0 0 3px 1px ${theme.palette.primary.main.replace('rgb', 'rgba').replace(')', `, 0.1)`)}`,
+ },
+ '50%': {
+ boxShadow: `0 0 8px 3px ${theme.palette.primary.main.replace('rgb', 'rgba').replace(')', `, 0.5)`)}`,
+ },
+ '100%': {
+ boxShadow: `0 0 3px 1px ${theme.palette.primary.main.replace('rgb', 'rgba').replace(')', `, 0.1)`)}`,
+ },
+ },
+ })
}}
>
<Box
@@ -383,20 +381,6 @@
height: '100%',
}} />
</Box>
-
- {/* <SpeedDial
- ariaLabel="SpeedDial 绀轰緥"
- sx={{ position: 'absolute', bottom: 16, right: 16 }}
- icon={<MoreVertIcon />}
- >
- {actions.map((action) => (
- <SpeedDialAction
- key={action.name}
- icon={action.icon}
- tooltipTitle={action.name}
- />
- ))}
- </SpeedDial> */}
<Box
sx={{
@@ -426,7 +410,6 @@
open={insightVisible}
onCancel={() => {
setCurSprite(null);
- setInsightVisible(false);
}}
sprite={curSprite}
width={570}
@@ -445,7 +428,6 @@
open={settingsVisible}
onCancel={() => {
setCurSprite(null);
- setSettingsVisible(false);
}}
sprite={curSprite}
setSpriteSettings={setCurSprite}
@@ -456,7 +438,6 @@
open={batchSelectionVisible}
onCancel={() => {
setBatchSprites([]);
- setBatchSelectionVisible(false);
}}
batchSprites={batchSprites}
mode={mode}
--
Gitblit v1.9.1