From 44c9351ced980e671fcd34c13a6d5ace8f818075 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期三, 09 十月 2024 10:35:27 +0800 Subject: [PATCH] # --- zy-acs-flow/src/map/MapPage.jsx | 32 +++++++++++++++++++++++++++----- 1 files changed, 27 insertions(+), 5 deletions(-) diff --git a/zy-acs-flow/src/map/MapPage.jsx b/zy-acs-flow/src/map/MapPage.jsx index 031d5b1..668d32c 100644 --- a/zy-acs-flow/src/map/MapPage.jsx +++ b/zy-acs-flow/src/map/MapPage.jsx @@ -8,6 +8,7 @@ SpeedDial, SpeedDialAction, useTheme, + Snackbar, } from '@mui/material'; import { MoreVert as MoreVertIcon, @@ -18,16 +19,19 @@ Share as ShareIcon, } from '@mui/icons-material'; import Player from './player'; +import * as Tool from './tool'; +import { NotificationProvider, useNotification } from './Notification'; let player; -const MapPage = () => { +const Map = () => { const mapRef = useRef(); const contentRef = React.useRef(); const [app, setApp] = useState(null); const [mapContainer, setMapContainer] = React.useState(null); + const notify = useNotification(); - const [mode, setMode] = useState('monitoring'); + const [mode, setMode] = useState(MapModel.OBSERVER_MODEL); const theme = useTheme(); const themeMode = theme.palette.mode; @@ -43,6 +47,8 @@ player = new Player(mapRef.current, themeMode); setApp(player.app); setMapContainer(player.mapContainer); + Tool.setApp(player.app); + Tool.setMapContainer(player.mapContainer); } initialize(); @@ -56,6 +62,8 @@ }; handleResize(); window.addEventListener('resize', handleResize); + + notify('Welcome to Rcs', 'info'); return () => { player.destroy(); @@ -122,9 +130,9 @@ borderRadius: 1, }} > - <MenuItem value="monitoring">鐩戞帶妯″紡</MenuItem> - <MenuItem value="edit">缂栬緫妯″紡</MenuItem> - <MenuItem value="configuration">閰嶇疆妯″紡</MenuItem> + <MenuItem value={MapModel.OBSERVER_MODEL}>鐩戞帶妯″紡</MenuItem> + <MenuItem value={MapModel.MOVABLE_MODEL}>缂栬緫妯″紡</MenuItem> + <MenuItem value={MapModel.SETTINGS_MODEL}>閰嶇疆妯″紡</MenuItem> </Select> <Button variant="contained" @@ -181,4 +189,18 @@ ); } +const MapPage = () => { + return ( + <NotificationProvider> + <Map /> + </NotificationProvider> + ) +} + +export const MapModel = Object.freeze({ + OBSERVER_MODEL: "1", + MOVABLE_MODEL: "2", + SETTINGS_MODEL: "3", +}) + export default MapPage; -- Gitblit v1.9.1