|  |  | 
 |  |  | import * as Utils from '../../utils' | 
 |  |  | import Http from '@/utils/http'; | 
 |  |  | import ShowJson from '../showJson'; | 
 |  |  |  | 
 |  |  | const useStyles = createStyles(({ token, css }) => { | 
 |  |  |  | 
 |  |  | }) | 
 |  |  | import LiftView from './view' | 
 |  |  |  | 
 |  |  | const LiftDrawer = (props) => { | 
 |  |  |     const intl = useIntl(); | 
 |  |  |     const { styles } = useStyles(); | 
 |  |  |     const [activeTabKey, setActiveTabKey] = useState('json'); | 
 |  |  |     const { curSprite, curFloor } = props; | 
 |  |  |  | 
 |  |  |     const [activeTabKey, setActiveTabKey] = useState('view'); | 
 |  |  |  | 
 |  |  |     const [curNo, setCurNo] = React.useState(''); // just used to modify the drawer title | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         if (!curSprite) { | 
 |  |  |             return | 
 |  |  |         } | 
 |  |  |         props.setDrawerTitle(intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }) + ': ' + curNo); | 
 |  |  |     }, [curNo]); | 
 |  |  |  | 
 |  |  |     const contentList = { | 
 |  |  |         view: ( | 
 |  |  |             <LiftView | 
 |  |  |                 curNo={curNo} | 
 |  |  |                 data={curSprite.data} | 
 |  |  |                 curFloor={curFloor} | 
 |  |  |             /> | 
 |  |  |         ), | 
 |  |  |         json: ( | 
 |  |  |             <ShowJson | 
 |  |  |                 data={props.curSprite.data} | 
 |  |  | 
 |  |  |                 type='inner' | 
 |  |  |                 tabList={[ | 
 |  |  |                     { | 
 |  |  |                         key: 'view', | 
 |  |  |                         tab: intl.formatMessage({ id: 'map.drawer.shelf.view.title', defaultMessage: '库位信息' }), | 
 |  |  |                     }, | 
 |  |  |                     { | 
 |  |  |                         key: 'json', | 
 |  |  |                         tab: intl.formatMessage({ id: 'map.drawer.json', defaultMessage: 'JSON' }), | 
 |  |  |                     }, |