| | |
| | | const switchMode = (mode) => { |
| | | switch (mode) { |
| | | case MapMode.OBSERVER_MODE: |
| | | console.log('a'); |
| | | setDeviceVisible(false); |
| | | break |
| | | case MapMode.MOVABLE_MODE: |
| | | console.log('b'); |
| | | setDeviceVisible(true); |
| | | break |
| | | case MapMode.SETTINGS_MODE: |
| | | console.log('c'); |
| | | setDeviceVisible(false); |
| | | break |
| | | default: |
| | | break |
| | |
| | | flexDirection: 'column', |
| | | }} |
| | | > |
| | | {/* header */} |
| | | <Box |
| | | sx={{ |
| | | display: 'flex', |
| | |
| | | padding: '0 16px', |
| | | height: '64px', |
| | | flexShrink: 0, // keep height |
| | | zIndex: 200 |
| | | }} |
| | | > |
| | | <TextField |
| | |
| | | variant="contained" |
| | | color="primary" |
| | | sx={{ mr: 1 }} |
| | | onClick={() => setDeviceVisible(!deviceVisible)} |
| | | > |
| | | 添加模型 |
| | | </Button> |
| | |
| | | <MenuItem value={MapMode.SETTINGS_MODE}>配置模式</MenuItem> |
| | | </Select> |
| | | </Box> |
| | | {/* content */} |
| | | <Box |
| | | sx={{ |
| | | flexGrow: 1, // fill remaining of map space |
| | |
| | | ))} |
| | | </SpeedDial> |
| | | </Box> |
| | | |
| | | <Device |
| | | open={deviceVisible} |
| | | onCancel={() => { |
| | |
| | | }} |
| | | onDrop={onDrop} |
| | | /> |
| | | |
| | | </Box> |
| | | ); |
| | | } |