From ad68a55d5c36fc63aa0f447446c39bdd6e2f2715 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期二, 15 十月 2024 14:26:05 +0800 Subject: [PATCH] # --- zy-acs-flow/src/map/MapPage.jsx | 30 ++++++++++++------------------ 1 files changed, 12 insertions(+), 18 deletions(-) diff --git a/zy-acs-flow/src/map/MapPage.jsx b/zy-acs-flow/src/map/MapPage.jsx index 11179da..314f02b 100644 --- a/zy-acs-flow/src/map/MapPage.jsx +++ b/zy-acs-flow/src/map/MapPage.jsx @@ -31,7 +31,7 @@ import WebSocketClient from './websocket' import ConfirmButton from "../page/components/ConfirmButton"; import { FitScreen } from '@mui/icons-material'; - +import MapSearch from "./header/MapSearch"; let player; let websocket; @@ -80,20 +80,18 @@ Tool.setThemeMode(themeMode); Http.setNotify(notify); Http.setMapContainer(player.mapContainer); - // websocket = new WebSocketClient('/ws/map/websocket'); + websocket = new WebSocketClient('/ws/map/websocket'); await Http.fetchMapData(); + websocket.connect(); + websocket.onMessage = (wsMsg) => { + Tool.generateDynamicGraphic(curZone, JSON.parse(wsMsg)); + } setTimeout(() => { player.adaptScreen(); notify.info(translate('page.map.welcome')); }, 200) - - // websocket.connect(); - // websocket.onMessage = (data) => { - // Tool.updateMapStatusInRealTime(data, () => curFloorRef.current, setCurSPrite); - // } - } initialize(); @@ -157,7 +155,7 @@ break case MAP_MODE.SETTINGS_MODE: player.hideGridLines(); - player.showStarryBackground(); // 0x2f68ac + // player.showStarryBackground(); // 0x2f68ac player.activateMapMultiSelect((selectedSprites, restartFn) => { setBatchSprites(selectedSprites); @@ -251,15 +249,11 @@ boxShadow: theme.shadows[1], }} > - <TextField - variant="outlined" - size="small" - placeholder="鎼滅储..." - sx={{ - width: '200px', - backgroundColor: theme.palette.background.paper, - borderRadius: 1, - }} + <MapSearch + mode={mode} + setMode={setMode} + curZone={curZone} + setSpriteSettings={setSpriteSettings} /> <Box sx={{ flexGrow: 1 }} /> -- Gitblit v1.9.1