From 66ab394f977a2fcf4b4fc9334829fc5bb171296f Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期三, 09 十月 2024 16:45:28 +0800 Subject: [PATCH] # --- zy-acs-flow/src/map/MapPage.jsx | 36 ++++++++++++++++++++++++++++++++---- 1 files changed, 32 insertions(+), 4 deletions(-) diff --git a/zy-acs-flow/src/map/MapPage.jsx b/zy-acs-flow/src/map/MapPage.jsx index 01df102..69c9801 100644 --- a/zy-acs-flow/src/map/MapPage.jsx +++ b/zy-acs-flow/src/map/MapPage.jsx @@ -23,6 +23,7 @@ import * as Tool from './tool'; import { NotificationProvider, useNotification } from './Notification'; import Device from "./Device"; +import * as Http from './http'; let player; @@ -49,6 +50,9 @@ setMapContainer(player.mapContainer); Tool.setApp(player.app); Tool.setMapContainer(player.mapContainer); + Http.setNotify(notify); + + await Http.fetchMapData(0); } initialize(); @@ -59,6 +63,10 @@ const height = contentRef.current.offsetHeight; player.resize(width, height); + if (mode === MapMode.MOVABLE_MODE) { + console.log('aa'); + player.showGridLines(); + } }; handleResize(); window.addEventListener('resize', handleResize); @@ -76,11 +84,29 @@ switch (mode) { case MapMode.OBSERVER_MODE: setDeviceVisible(false); + player.hideGridLines(); + + player.activateMapMultiSelect((selectedSprites, restartFn) => { + console.log(selectedSprites); + }); + break case MapMode.MOVABLE_MODE: + player.showGridLines(); + + player.activateMapMultiSelect((selectedSprites, restartFn) => { + Tool.spriteListBeMovable(selectedSprites, () => { + restartFn(); + }); + }); break case MapMode.SETTINGS_MODE: + player.hideGridLines(); setDeviceVisible(false); + + player.activateMapMultiSelect((selectedSprites, restartFn) => { + console.log(selectedSprites); + }); break default: break @@ -95,13 +121,15 @@ }, [mode]); const onDrop = (sprite, type, x, y) => { + console.log(sprite, type, x, y); + const { mapX, mapY } = Tool.getRealPosition(x, y); sprite.x = mapX; sprite.y = mapY; - // Utils.initSprite(sprite, type); - // mapContainer.addChild(sprite); - // Utils.beMovable(sprite); + Tool.initSprite(sprite, type); + mapContainer.addChild(sprite); + Tool.beMovable(sprite); }; const actions = [ @@ -168,7 +196,7 @@ sx={{ mr: 1 }} onClick={() => setDeviceVisible(!deviceVisible)} > - 娣诲姞妯″瀷 + {translate('page.map.devices.title')} </Button> </> )} -- Gitblit v1.9.1