#

luxiaotao1123

2024-10-12 2a2949d61c2d4ff2cd3261ee61c065bba019b31a

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

@@ -1,5 +1,5 @@
import React, { useState, useRef, useEffect, useMemo } from "react";
import { useTranslate } from "react-admin";
import { useTranslate, useRefresh, useSidebarState } from "react-admin";
import {
    TextField,
    Select,
@@ -34,6 +34,7 @@

const Map = () => {
    const notify = useNotification();
    const [sidebarOpen] = useSidebarState();
    const translate = useTranslate();
    const theme = useTheme();
    const themeMode = theme.palette.mode;
@@ -56,6 +57,12 @@
        return storedValue !== null ? JSON.parse(storedValue) : null;
    });

    const handleResize = () => {
        const width = contentRef.current.offsetWidth;
        const height = contentRef.current.offsetHeight;
        player.resize(width, height);
    };

    useEffect(() => {
        Tool.patchRaLayout('0px');
        const initialize = async () => {
@@ -70,6 +77,12 @@
            // websocket = new WebSocketClient('/ws/map/websocket');

            await Http.fetchMapData();

            setTimeout(() => {
                player.adaptScreen();
                notify.info('Welcome to Rcs');
            }, 200)

            // websocket.connect();
            // websocket.onMessage = (data) => {
            //     Tool.updateMapStatusInRealTime(data, () => curFloorRef.current, setCurSPrite);
@@ -79,16 +92,8 @@
        initialize();

        // resize
        const handleResize = () => {
            const width = contentRef.current.offsetWidth;
            const height = contentRef.current.offsetHeight;

            player.resize(width, height);
        };
        handleResize();
        window.addEventListener('resize', handleResize);

        notify.info('Welcome to Rcs');

        return () => {
            if (websocket) {
@@ -100,6 +105,10 @@
            Tool.patchRaLayout('');
        };
    }, [])

    useEffect(() => {
        setTimeout(handleResize, 300)
    }, [sidebarOpen]);

    useEffect(() => {
        player.setTheme(themeMode);
@@ -133,6 +142,10 @@
                        restartFn();
                    });
                });

                mapContainer.children.forEach(child => {
                    Tool.beMovable(child);
                })
                break
            case MapMode.SETTINGS_MODE:
                player.hideGridLines();
@@ -197,6 +210,7 @@
    return (
        <Box
            sx={{
                width: '100%',
                height: '100%',
                display: 'flex',
                flexDirection: 'column',