| | |
| | | '': '', |
| | | '': '', |
| | | '': '', |
| | | 'map.lift.no': 'Lift Number', |
| | | '': '', |
| | | '': '', |
| | | '': '', |
| | | '': '', |
| | | 'map.shuttle.no': 'Shuttle Number', |
| | | '': '', |
| | | '': '', |
| | | '': '', |
| | | '': '', |
| | | 'map.conveyor.no': 'Conveyor Number', |
| | | '': '', |
| | | '': '', |
| | | '': '', |
| | | '': '', |
| | | 'map.sensor.type.shuttle': 'Shuttle', |
| | | 'map.sensor.type.shelf': 'Shelf', |
| | | 'map.sensor.type.agv': 'Agv', |
| | |
| | | '': '', |
| | | 'map.drawer.json': 'JSON', |
| | | 'map.drawer.shelf.view.title': 'Shelf Information', |
| | | 'map.drawer.lift.view.title': 'Lift Information', |
| | | 'map.drawer.shuttle.view.title': 'Shuttle Information', |
| | | 'map.drawer.conveyor.view.title': 'Conveyor Information', |
| | | '': '', |
| | | '': '', |
| | | '': '', |
| | |
| | | if (!curSprite) { |
| | | return |
| | | } |
| | | props.setDrawerTitle(intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }) + ': ' + curNo); |
| | | props.setDrawerTitle(intl.formatMessage({ id: 'map.conveyor.no', defaultMessage: '输送线站号' }) + ': ' + curNo); |
| | | }, [curNo]); |
| | | |
| | | const contentList = { |
| | |
| | | tabList={[ |
| | | { |
| | | key: 'view', |
| | | tab: intl.formatMessage({ id: 'map.drawer.shelf.view.title', defaultMessage: '库位信息' }), |
| | | tab: intl.formatMessage({ id: 'map.drawer.conveyor.view.title', defaultMessage: '输送线信息' }), |
| | | }, |
| | | { |
| | | key: 'json', |
| | |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { Spin, Descriptions, Button } from 'antd'; |
| | | import { Descriptions, Button, Skeleton, Badge, Space } from 'antd'; |
| | | import { FormattedMessage, useIntl, useModel } from '@umijs/max'; |
| | | import { LoadingOutlined } from '@ant-design/icons'; |
| | | import { createStyles } from 'antd-style'; |
| | | import * as Utils from '../../utils' |
| | | import Http from '@/utils/http'; |
| | |
| | | display: 'flex', |
| | | gap: '0px', |
| | | }, |
| | | threeInfo: { |
| | | height: '100%', |
| | | width: '60%', |
| | | }, |
| | | spinWrapper: { |
| | | height: '100%', |
| | | }, |
| | | threeContainer: { |
| | | zIndex: 99, |
| | | width: '100%', |
| | | height: '100%', |
| | | }, |
| | | tableInfo: { |
| | | height: '100%', |
| | | width: '40%', |
| | | width: '100%', |
| | | padding: '0 10px 0 15px', |
| | | overflow: 'auto', |
| | | }, |
| | |
| | | return ( |
| | | <> |
| | | <div className={styles.infoBox}> |
| | | <div className={`${styles.threeInfo} three-spin`}> |
| | | <Spin |
| | | spinning={loading} |
| | | indicator={<LoadingOutlined spin />} |
| | | size={'large'} |
| | | wrapperClassName={styles.spinWrapper} |
| | | > |
| | | </Spin> |
| | | </div> |
| | | <div className={styles.tableInfo}> |
| | | <Descriptions |
| | | bordered |
| | | layout="vertical" |
| | | column={1} |
| | | items={ |
| | | [ |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }), |
| | | }, |
| | | { |
| | | key: '2', |
| | | label: intl.formatMessage({ id: 'map.pallet.barcode', defaultMessage: '托盘条码' }), |
| | | children: '80000010', |
| | | }, |
| | | { |
| | | key: '3', |
| | | label: intl.formatMessage({ id: 'map.is.enable', defaultMessage: '是否启用' }), |
| | | children: 'Disabled', |
| | | }, |
| | | { |
| | | key: '4', |
| | | label: intl.formatMessage({ id: 'map.loc.operation', defaultMessage: '库位操作' }), |
| | | children: ( |
| | | <> |
| | | <Button className={styles.tableButton} size='large' type="primary" danger> |
| | | <FormattedMessage id='map.loc.lock' defaultMessage='锁定' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large' disabled> |
| | | <FormattedMessage id='map.loc.unlock' defaultMessage='解锁' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large'> |
| | | <FormattedMessage id='map.loc.reset' defaultMessage='清除库位' /> |
| | | </Button> |
| | | </> |
| | | ) |
| | | }, |
| | | ] |
| | | } |
| | | /> |
| | | </div> |
| | | {loading ? ( |
| | | <Skeleton active /> |
| | | ) : ( |
| | | <div className={styles.tableInfo}> |
| | | <Descriptions |
| | | bordered |
| | | title='' |
| | | size='small' |
| | | layout="vertical" |
| | | column={3} |
| | | items={ |
| | | [ |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }), |
| | | children: <Badge status="processing" text="Running" />, |
| | | }, |
| | | { |
| | | key: '2', |
| | | label: intl.formatMessage({ id: 'map.pallet.barcode', defaultMessage: '托盘条码' }), |
| | | children: '80000010', |
| | | span: 1 |
| | | }, |
| | | { |
| | | key: '3', |
| | | label: intl.formatMessage({ id: 'map.is.enable', defaultMessage: '是否启用' }), |
| | | children: 'Disabled', |
| | | }, |
| | | { |
| | | key: '4', |
| | | label: intl.formatMessage({ id: 'map.loc.operation', defaultMessage: '库位操作' }), |
| | | children: ( |
| | | <> |
| | | <Button className={styles.tableButton} size='large' type="primary" danger> |
| | | <FormattedMessage id='map.loc.lock' defaultMessage='锁定' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large' disabled> |
| | | <FormattedMessage id='map.loc.unlock' defaultMessage='解锁' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large'> |
| | | <FormattedMessage id='map.loc.reset' defaultMessage='清除库位' /> |
| | | </Button> |
| | | </> |
| | | ) |
| | | }, |
| | | ] |
| | | } |
| | | /> |
| | | </div> |
| | | )} |
| | | </div> |
| | | </> |
| | | ) |
| | |
| | | if (!curSprite) { |
| | | return |
| | | } |
| | | props.setDrawerTitle(intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }) + ': ' + curNo); |
| | | }, [curNo]); |
| | | const sensorNo = curSprite?.data?.liftNo; |
| | | props.setDrawerTitle(intl.formatMessage({ id: 'map.lift.no', defaultMessage: '提升机号' }) + ': ' + sensorNo); |
| | | setCurNo(sensorNo) |
| | | }, [curSprite]); |
| | | |
| | | const contentList = { |
| | | view: ( |
| | |
| | | tabList={[ |
| | | { |
| | | key: 'view', |
| | | tab: intl.formatMessage({ id: 'map.drawer.shelf.view.title', defaultMessage: '库位信息' }), |
| | | tab: intl.formatMessage({ id: 'map.drawer.lift.view.title', defaultMessage: '提升机信息' }), |
| | | }, |
| | | { |
| | | key: 'json', |
| | |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { Spin, Descriptions, Button } from 'antd'; |
| | | import { Descriptions, Button, Skeleton, Badge, Space } from 'antd'; |
| | | import { FormattedMessage, useIntl, useModel } from '@umijs/max'; |
| | | import { LoadingOutlined } from '@ant-design/icons'; |
| | | import { createStyles } from 'antd-style'; |
| | | import * as Utils from '../../utils' |
| | | import Http from '@/utils/http'; |
| | |
| | | display: 'flex', |
| | | gap: '0px', |
| | | }, |
| | | threeInfo: { |
| | | height: '100%', |
| | | width: '60%', |
| | | }, |
| | | spinWrapper: { |
| | | height: '100%', |
| | | }, |
| | | threeContainer: { |
| | | zIndex: 99, |
| | | width: '100%', |
| | | height: '100%', |
| | | }, |
| | | tableInfo: { |
| | | height: '100%', |
| | | width: '40%', |
| | | width: '100%', |
| | | padding: '0 10px 0 15px', |
| | | overflow: 'auto', |
| | | }, |
| | |
| | | return ( |
| | | <> |
| | | <div className={styles.infoBox}> |
| | | <div className={`${styles.threeInfo} three-spin`}> |
| | | <Spin |
| | | spinning={loading} |
| | | indicator={<LoadingOutlined spin />} |
| | | size={'large'} |
| | | wrapperClassName={styles.spinWrapper} |
| | | > |
| | | </Spin> |
| | | </div> |
| | | <div className={styles.tableInfo}> |
| | | <Descriptions |
| | | bordered |
| | | layout="vertical" |
| | | column={1} |
| | | items={ |
| | | [ |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }), |
| | | }, |
| | | { |
| | | key: '2', |
| | | label: intl.formatMessage({ id: 'map.pallet.barcode', defaultMessage: '托盘条码' }), |
| | | children: '80000010', |
| | | }, |
| | | { |
| | | key: '3', |
| | | label: intl.formatMessage({ id: 'map.is.enable', defaultMessage: '是否启用' }), |
| | | children: 'Disabled', |
| | | }, |
| | | { |
| | | key: '4', |
| | | label: intl.formatMessage({ id: 'map.loc.operation', defaultMessage: '库位操作' }), |
| | | children: ( |
| | | <> |
| | | <Button className={styles.tableButton} size='large' type="primary" danger> |
| | | <FormattedMessage id='map.loc.lock' defaultMessage='锁定' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large' disabled> |
| | | <FormattedMessage id='map.loc.unlock' defaultMessage='解锁' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large'> |
| | | <FormattedMessage id='map.loc.reset' defaultMessage='清除库位' /> |
| | | </Button> |
| | | </> |
| | | ) |
| | | }, |
| | | ] |
| | | } |
| | | /> |
| | | </div> |
| | | {loading ? ( |
| | | <Skeleton active /> |
| | | ) : ( |
| | | <div className={styles.tableInfo}> |
| | | <Descriptions |
| | | bordered |
| | | title='' |
| | | size='small' |
| | | layout="vertical" |
| | | column={3} |
| | | items={ |
| | | [ |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }), |
| | | children: <Badge status="processing" text="Running" />, |
| | | }, |
| | | { |
| | | key: '2', |
| | | label: intl.formatMessage({ id: 'map.pallet.barcode', defaultMessage: '托盘条码' }), |
| | | children: '80000010', |
| | | span: 1 |
| | | }, |
| | | { |
| | | key: '3', |
| | | label: intl.formatMessage({ id: 'map.is.enable', defaultMessage: '是否启用' }), |
| | | children: 'Disabled', |
| | | }, |
| | | { |
| | | key: '4', |
| | | label: intl.formatMessage({ id: 'map.loc.operation', defaultMessage: '库位操作' }), |
| | | children: ( |
| | | <> |
| | | <Button className={styles.tableButton} size='large' type="primary" danger> |
| | | <FormattedMessage id='map.loc.lock' defaultMessage='锁定' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large' disabled> |
| | | <FormattedMessage id='map.loc.unlock' defaultMessage='解锁' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large'> |
| | | <FormattedMessage id='map.loc.reset' defaultMessage='清除库位' /> |
| | | </Button> |
| | | </> |
| | | ) |
| | | }, |
| | | ] |
| | | } |
| | | /> |
| | | </div> |
| | | )} |
| | | </div> |
| | | </> |
| | | ) |
| | |
| | | if (!curSprite) { |
| | | return |
| | | } |
| | | props.setDrawerTitle(intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }) + ': ' + curNo); |
| | | props.setDrawerTitle(intl.formatMessage({ id: 'map.shuttle.no', defaultMessage: '穿梭车号' }) + ': ' + curNo); |
| | | }, [curNo]); |
| | | |
| | | const contentList = { |
| | |
| | | tabList={[ |
| | | { |
| | | key: 'view', |
| | | tab: intl.formatMessage({ id: 'map.drawer.shelf.view.title', defaultMessage: '库位信息' }), |
| | | tab: intl.formatMessage({ id: 'map.drawer.shuttle.view.title', defaultMessage: '穿梭车信息' }), |
| | | }, |
| | | { |
| | | key: 'json', |
| | |
| | | import React, { useState, useRef, useEffect } from 'react'; |
| | | import { Spin, Descriptions, Button } from 'antd'; |
| | | import { Descriptions, Button, Skeleton, Badge, Space } from 'antd'; |
| | | import { FormattedMessage, useIntl, useModel } from '@umijs/max'; |
| | | import { LoadingOutlined } from '@ant-design/icons'; |
| | | import { createStyles } from 'antd-style'; |
| | | import * as Utils from '../../utils' |
| | | import Http from '@/utils/http'; |
| | |
| | | display: 'flex', |
| | | gap: '0px', |
| | | }, |
| | | threeInfo: { |
| | | height: '100%', |
| | | width: '60%', |
| | | }, |
| | | spinWrapper: { |
| | | height: '100%', |
| | | }, |
| | | threeContainer: { |
| | | zIndex: 99, |
| | | width: '100%', |
| | | height: '100%', |
| | | }, |
| | | tableInfo: { |
| | | height: '100%', |
| | | width: '40%', |
| | | width: '100%', |
| | | padding: '0 10px 0 15px', |
| | | overflow: 'auto', |
| | | }, |
| | |
| | | return ( |
| | | <> |
| | | <div className={styles.infoBox}> |
| | | <div className={`${styles.threeInfo} three-spin`}> |
| | | <Spin |
| | | spinning={loading} |
| | | indicator={<LoadingOutlined spin />} |
| | | size={'large'} |
| | | wrapperClassName={styles.spinWrapper} |
| | | > |
| | | </Spin> |
| | | </div> |
| | | <div className={styles.tableInfo}> |
| | | <Descriptions |
| | | bordered |
| | | layout="vertical" |
| | | column={1} |
| | | items={ |
| | | [ |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }), |
| | | }, |
| | | { |
| | | key: '2', |
| | | label: intl.formatMessage({ id: 'map.pallet.barcode', defaultMessage: '托盘条码' }), |
| | | children: '80000010', |
| | | }, |
| | | { |
| | | key: '3', |
| | | label: intl.formatMessage({ id: 'map.is.enable', defaultMessage: '是否启用' }), |
| | | children: 'Disabled', |
| | | }, |
| | | { |
| | | key: '4', |
| | | label: intl.formatMessage({ id: 'map.loc.operation', defaultMessage: '库位操作' }), |
| | | children: ( |
| | | <> |
| | | <Button className={styles.tableButton} size='large' type="primary" danger> |
| | | <FormattedMessage id='map.loc.lock' defaultMessage='锁定' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large' disabled> |
| | | <FormattedMessage id='map.loc.unlock' defaultMessage='解锁' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large'> |
| | | <FormattedMessage id='map.loc.reset' defaultMessage='清除库位' /> |
| | | </Button> |
| | | </> |
| | | ) |
| | | }, |
| | | ] |
| | | } |
| | | /> |
| | | </div> |
| | | {loading ? ( |
| | | <Skeleton active /> |
| | | ) : ( |
| | | <div className={styles.tableInfo}> |
| | | <Descriptions |
| | | bordered |
| | | title='' |
| | | size='small' |
| | | layout="vertical" |
| | | column={3} |
| | | items={ |
| | | [ |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }), |
| | | children: <Badge status="processing" text="Running" />, |
| | | }, |
| | | { |
| | | key: '2', |
| | | label: intl.formatMessage({ id: 'map.pallet.barcode', defaultMessage: '托盘条码' }), |
| | | children: '80000010', |
| | | span: 1 |
| | | }, |
| | | { |
| | | key: '3', |
| | | label: intl.formatMessage({ id: 'map.is.enable', defaultMessage: '是否启用' }), |
| | | children: 'Disabled', |
| | | }, |
| | | { |
| | | key: '4', |
| | | label: intl.formatMessage({ id: 'map.loc.operation', defaultMessage: '库位操作' }), |
| | | children: ( |
| | | <> |
| | | <Button className={styles.tableButton} size='large' type="primary" danger> |
| | | <FormattedMessage id='map.loc.lock' defaultMessage='锁定' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large' disabled> |
| | | <FormattedMessage id='map.loc.unlock' defaultMessage='解锁' /> |
| | | </Button> |
| | | <Button className={styles.tableButton} size='large'> |
| | | <FormattedMessage id='map.loc.reset' defaultMessage='清除库位' /> |
| | | </Button> |
| | | </> |
| | | ) |
| | | }, |
| | | ] |
| | | } |
| | | /> |
| | | </div> |
| | | )} |
| | | </div> |
| | | </> |
| | | ) |