From d69e981de04bce23f1963f2e2a7c8c47bb26eceb Mon Sep 17 00:00:00 2001
From: vincentlu <t1341870251@gmail.com>
Date: 星期三, 10 十二月 2025 08:29:57 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/map/MapPage.jsx | 36 ++++++++++++++++++++++++++++++++++--
1 files changed, 34 insertions(+), 2 deletions(-)
diff --git a/zy-acs-flow/src/map/MapPage.jsx b/zy-acs-flow/src/map/MapPage.jsx
index 52144cc..044df1d 100644
--- a/zy-acs-flow/src/map/MapPage.jsx
+++ b/zy-acs-flow/src/map/MapPage.jsx
@@ -49,6 +49,7 @@
const [deviceVisible, setDeviceVisible] = useState(false);
const [settingsVisible, setSettingsVisible] = useState(false);
const [batchSelectionVisible, setBatchSelectionVisible] = useState(false);
+ const [areaDrawing, setAreaDrawing] = useState(false);
const [curSprite, setCurSprite] = useState(null);
const [batchSprites, setBatchSprites] = useState([]);
@@ -125,6 +126,7 @@
modeRef.current = mode;
Tool.removeSelectedEffect();
+ Tool.clearAreas();
player.hideGridLines();
setInsightVisible(false);
@@ -167,6 +169,11 @@
mapContainer.children.forEach(child => {
Tool.beSettings(child, setCurSprite);
})
+ break
+ case MAP_MODE.AREA_MODE:
+ Tool.removeAgvGraphics();
+
+ Tool.loadAreas(curZone);
break
default:
break
@@ -340,8 +347,33 @@
</>
)}
- {mode === MAP_MODE.ZONING_MODE && (
+ {mode === MAP_MODE.AREA_MODE && (
<>
+ <Button
+ variant={areaDrawing ? "outlined" : "contained"}
+ color="primary"
+ sx={{}}
+ disabled={areaDrawing}
+ onClick={() => {
+ const started = Tool.startAreaDrawing({
+ promptText: translate('page.map.prompt.areaName'),
+ onComplete: ({ name, start, end, color }) => {
+ if (name) {
+ Http.saveAreaData(curZone, { name, start, end, color });
+ notify.success(translate('page.map.msg.areaCreated', { name }));
+ }
+ },
+ onFinish: () => {
+ setAreaDrawing(false);
+ }
+ });
+ if (started) {
+ setAreaDrawing(true);
+ }
+ }}
+ >
+ {translate('page.map.action.addArea')}
+ </Button>
</>
)}
@@ -362,7 +394,7 @@
<MenuItem value={MAP_MODE.OBSERVER_MODE}>{translate('page.map.mode.observer')}</MenuItem>
<MenuItem value={MAP_MODE.MOVABLE_MODE}>{translate('page.map.mode.movable')}</MenuItem>
<MenuItem value={MAP_MODE.SETTINGS_MODE}>{translate('page.map.mode.settings')}</MenuItem>
- <MenuItem value={MAP_MODE.ZONING_MODE}>{translate('page.map.mode.zoning')}</MenuItem>
+ <MenuItem value={MAP_MODE.AREA_MODE}>{translate('page.map.mode.area')}</MenuItem>
</Select>
</Box>
{/* content */}
--
Gitblit v1.9.1