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