| | |
| | | const { curSprite, curFloor } = props; |
| | | |
| | | const [drawerTitle, setDrawerTitle] = useState(''); |
| | | const [drawerWidth, setDrawerWidth] = useState(() => { |
| | | return window.innerWidth * 0.35; |
| | | }) |
| | | |
| | | useEffect(() => { |
| | | }, [props.curSprite]); |
| | |
| | | getContainer={props.refCurr} |
| | | rootStyle={{ position: "absolute" }} |
| | | mask={false} |
| | | width={window.innerWidth * 0.35} |
| | | width={drawerWidth} |
| | | style={{ |
| | | opacity: 1 |
| | | }} |
| | |
| | | curSprite={curSprite} |
| | | curFloor={curFloor} |
| | | setDrawerTitle={setDrawerTitle} |
| | | setDrawerWidth={setDrawerWidth} |
| | | /> |
| | | </> |
| | | )} |
| | |
| | | curSprite={curSprite} |
| | | curFloor={curFloor} |
| | | setDrawerTitle={setDrawerTitle} |
| | | setDrawerWidth={setDrawerWidth} |
| | | /> |
| | | </> |
| | | )} |
| | |
| | | const [activeTabKey, setActiveTabKey] = useState('view'); |
| | | const [curNo, setCurNo] = React.useState(''); // just used to modify the drawer title |
| | | |
| | | props.setDrawerWidth(window.innerWidth * 0.4); |
| | | |
| | | useEffect(() => { |
| | | if (!curSprite) { |
| | | return |
| | |
| | | title='' |
| | | size='middle' // default | middle | small |
| | | layout="vertical" // horizontal | vertical |
| | | column={3} |
| | | column={4} |
| | | items={ |
| | | [ |
| | | { |
| | |
| | | key: '2', |
| | | label: intl.formatMessage({ id: 'map.pallet.barcode', defaultMessage: '托盘条码' }), |
| | | children: '80000010', |
| | | span: 1 |
| | | }, |
| | | { |
| | | key: '3', |
| | | label: intl.formatMessage({ id: 'map.is.enable', defaultMessage: '是否启用' }), |
| | | span: 2, |
| | | children: 'Disabled', |
| | | }, |
| | | { |
| | |
| | | label: intl.formatMessage({ id: 'map.loc.operation', defaultMessage: '库位操作' }), |
| | | children: ( |
| | | <> |
| | | <Button className={styles.tableButton} size='large' type="primary" danger> |
| | | <Button className={styles.tableButton} size='default' type="primary" danger> |
| | | <FormattedMessage id='map.loc.lock' defaultMessage='锁定' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large' disabled> |
| | | <Button className={styles.tableButton} size='default' disabled> |
| | | <FormattedMessage id='map.loc.unlock' defaultMessage='解锁' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large'> |
| | | <Button className={styles.tableButton} size='default'> |
| | | <FormattedMessage id='map.loc.reset' defaultMessage='清除库位' /> |
| | | </Button> |
| | | </> |