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