import React, { useState, useRef, useEffect } from 'react';
|
import { Segmented, AutoComplete } from 'antd';
|
import { FormattedMessage, useIntl } from '@umijs/max';
|
import { createStyles } from 'antd-style';
|
import * as Utils from '../utils'
|
|
const useStyles = createStyles(({ token }) => {
|
return {
|
floorBox: {
|
position: 'absolute',
|
left: '50%',
|
top: '3%',
|
transform: 'translate(-50%, -50%)',
|
zIndex: 999
|
}
|
}
|
})
|
|
const MapFloor = (props) => {
|
const intl = useIntl();
|
const { styles } = useStyles();
|
|
const floorChange = (floor) => {
|
props.setCurFloor(floor);
|
}
|
|
return (
|
<>
|
<div className={styles.floorBox}>
|
<Segmented
|
size={'large'}
|
options={props.floorList}
|
value={props.curFloor}
|
onChange={floorChange}
|
style={{
|
opacity: .8
|
}}
|
/>
|
</div>
|
</>
|
)
|
}
|
|
export default MapFloor;
|
