From ffbe884e10222d441bf21c397730e93e00dbae38 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 09 十月 2024 12:58:01 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/map/MapPage.jsx | 14 +++++++++++---
1 files changed, 11 insertions(+), 3 deletions(-)
diff --git a/zy-acs-flow/src/map/MapPage.jsx b/zy-acs-flow/src/map/MapPage.jsx
index b205b29..01df102 100644
--- a/zy-acs-flow/src/map/MapPage.jsx
+++ b/zy-acs-flow/src/map/MapPage.jsx
@@ -1,4 +1,5 @@
import React, { useState, useRef, useEffect, useMemo } from "react";
+import { useTranslate } from "react-admin";
import {
TextField,
Select,
@@ -29,6 +30,7 @@
const theme = useTheme();
const themeMode = theme.palette.mode;
const notify = useNotification();
+ const translate = useTranslate();
const mapRef = useRef();
const contentRef = useRef();
@@ -73,13 +75,12 @@
const switchMode = (mode) => {
switch (mode) {
case MapMode.OBSERVER_MODE:
- console.log('a');
+ setDeviceVisible(false);
break
case MapMode.MOVABLE_MODE:
- console.log('b');
break
case MapMode.SETTINGS_MODE:
- console.log('c');
+ setDeviceVisible(false);
break
default:
break
@@ -119,6 +120,7 @@
flexDirection: 'column',
}}
>
+ {/* header */}
<Box
sx={{
display: 'flex',
@@ -128,6 +130,7 @@
padding: '0 16px',
height: '64px',
flexShrink: 0, // keep height
+ zIndex: 200
}}
>
<TextField
@@ -163,6 +166,7 @@
variant="contained"
color="primary"
sx={{ mr: 1 }}
+ onClick={() => setDeviceVisible(!deviceVisible)}
>
娣诲姞妯″瀷
</Button>
@@ -192,6 +196,7 @@
<MenuItem value={MapMode.SETTINGS_MODE}>閰嶇疆妯″紡</MenuItem>
</Select>
</Box>
+ {/* content */}
<Box
sx={{
flexGrow: 1, // fill remaining of map space
@@ -232,13 +237,16 @@
))}
</SpeedDial>
</Box>
+
<Device
open={deviceVisible}
onCancel={() => {
setDeviceVisible(false);
}}
onDrop={onDrop}
+ width={378}
/>
+
</Box>
);
}
--
Gitblit v1.9.1