import React, { useState, useRef, useEffect, useMemo } from "react";
|
import { useTranslate } from "react-admin";
|
import {
|
Select,
|
MenuItem,
|
Button,
|
useTheme,
|
ListItemIcon,
|
ListItemText,
|
} from '@mui/material';
|
import { handleRePositionAll } from "../http";
|
import VisibilityIcon from '@mui/icons-material/Visibility';
|
|
const RePositionBtn = ({ }) => {
|
const translate = useTranslate();
|
const theme = useTheme();
|
|
const handleToggle = () => {
|
let pass = true;
|
const pwd = prompt("please enter password:");
|
if (pwd === 'xltys1995') {
|
pass = true;
|
} else {
|
pass = false;
|
if (pwd) {
|
alert('Incorrect password');
|
}
|
}
|
if (pass) {
|
handleRePositionAll(null, (res) => {
|
console.log(res);
|
});
|
}
|
}
|
|
return (
|
<>
|
<Select
|
value={translate('page.map.action.moreOperation')}
|
onChange={(event) => {
|
console.log(event.target.value);
|
}}
|
renderValue={(selected) =>
|
translate('page.map.action.moreOperation')
|
}
|
variant="outlined"
|
size="small"
|
sx={{
|
ml: 2,
|
backgroundColor: theme.palette.background.paper,
|
color: theme.palette.text.primary,
|
borderRadius: 1,
|
}}
|
>
|
<MenuItem value={translate('page.map.action.moreOperation')} sx={{ display: 'none' }} />
|
<MenuItem
|
onClick={() => {
|
alert(1)
|
}}
|
>
|
<ListItemIcon>
|
<VisibilityIcon fontSize="small" />
|
</ListItemIcon>
|
<ListItemText>观察模式</ListItemText>
|
</MenuItem>
|
<MenuItem >{translate('page.map.mode.movable')}</MenuItem>
|
<MenuItem >{translate('page.map.mode.settings')}</MenuItem>
|
</Select>
|
{/* <Button
|
variant="contained"
|
color="primary"
|
onClick={handleToggle}
|
sx={{ mr: 2 }}
|
>
|
重新定位
|
</Button> */}
|
</>
|
|
);
|
}
|
|
export default RePositionBtn;
|