#

vincentlu

2025-12-09 ce5df72d7a09f943421827971f62bbd0d8c879f5

 zy-acs-flow/src/map/MapPage.jsx

@@ -49,7 +49,7 @@
    const [deviceVisible, setDeviceVisible] = useState(false);
    const [settingsVisible, setSettingsVisible] = useState(false);
    const [batchSelectionVisible, setBatchSelectionVisible] = useState(false);
    const [zoneDrawing, setZoneDrawing] = useState(false);
    const [areaDrawing, setAreaDrawing] = useState(false);

    const [curSprite, setCurSprite] = useState(null);
    const [batchSprites, setBatchSprites] = useState([]);
@@ -126,7 +126,7 @@
        modeRef.current = mode;

        Tool.removeSelectedEffect();
        Tool.clearZones();
        Tool.clearAreas();
        player.hideGridLines();

        setInsightVisible(false);
@@ -170,10 +170,10 @@
                    Tool.beSettings(child, setCurSprite);
                })
                break
            case MAP_MODE.ZONING_MODE:
            case MAP_MODE.AREA_MODE:
                Tool.removeAgvGraphics();

                Tool.loadZones(curZone);
                Tool.loadAreas(curZone);
                break
            default:
                break
@@ -347,32 +347,32 @@
                    </>
                )}

                {mode === MAP_MODE.ZONING_MODE && (
                {mode === MAP_MODE.AREA_MODE && (
                    <>
                        <Button
                            variant={zoneDrawing ? "outlined" : "contained"}
                            variant={areaDrawing ? "outlined" : "contained"}
                            color="primary"
                            sx={{ mr: 2 }}
                            disabled={zoneDrawing}
                            disabled={areaDrawing}
                            onClick={() => {
                                const started = Tool.startZoneDrawing({
                                    promptText: translate('page.map.prompt.zoneName'),
                                const started = Tool.startAreaDrawing({
                                    promptText: translate('page.map.prompt.areaName'),
                                    onComplete: ({ name, start, end, color }) => {
                                        if (name) {
                                            Http.saveZoneData(curZone, { name, start, end, color });
                                            notify.success(translate('page.map.msg.zoneCreated', { name }));
                                            Http.saveAreaData(curZone, { name, start, end, color });
                                            notify.success(translate('page.map.msg.areaCreated', { name }));
                                        }
                                    },
                                    onFinish: () => {
                                        setZoneDrawing(false);
                                        setAreaDrawing(false);
                                    }
                                });
                                if (started) {
                                    setZoneDrawing(true);
                                    setAreaDrawing(true);
                                }
                            }}
                        >
                            {translate('page.map.action.addZone')}
                            {translate('page.map.action.addArea')}
                        </Button>
                    </>
                )}
@@ -394,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 */}