From 2a2949d61c2d4ff2cd3261ee61c065bba019b31a Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期六, 12 十月 2024 15:56:08 +0800
Subject: [PATCH] #

---
 zy-acs-flow/src/map/MapPage.jsx |   20 +++++++++++++-------
 1 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/zy-acs-flow/src/map/MapPage.jsx b/zy-acs-flow/src/map/MapPage.jsx
index 9ab4030..37d3550 100644
--- a/zy-acs-flow/src/map/MapPage.jsx
+++ b/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;
@@ -55,6 +56,12 @@
         const storedValue = localStorage.getItem('curZone');
         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');
@@ -85,12 +92,6 @@
         initialize();
 
         // resize
-        const handleResize = () => {
-            const width = contentRef.current.offsetWidth;
-            const height = contentRef.current.offsetHeight;
-
-            player.resize(width, height);
-        };
         handleResize();
         window.addEventListener('resize', handleResize);
 
@@ -104,6 +105,10 @@
             Tool.patchRaLayout('');
         };
     }, [])
+
+    useEffect(() => {
+        setTimeout(handleResize, 300)
+    }, [sidebarOpen]);
 
     useEffect(() => {
         player.setTheme(themeMode);
@@ -205,6 +210,7 @@
     return (
         <Box
             sx={{
+                width: '100%',
                 height: '100%',
                 display: 'flex',
                 flexDirection: 'column',

--
Gitblit v1.9.1