New file |
| | |
| | | import React from 'react'; |
| | | import { CheckOutlined, StopOutlined, MinusOutlined } from '@ant-design/icons'; |
| | | |
| | | const BoolValueIcon = ({ value }) => { |
| | | let icon; |
| | | if (value === undefined || value === null) { |
| | | icon = <MinusOutlined style={{ color: '#34495e', fontSize: '1.2em', fontWeight: 'bold' }} />; |
| | | } else if (value) { |
| | | icon = <CheckOutlined style={{ color: '#2980b9', fontSize: '1.2em', fontWeight: 'bold' }} />; |
| | | } else { |
| | | icon = <StopOutlined style={{ color: '#c0392b', fontSize: '1.2em', fontWeight: 'bold' }} />; |
| | | } |
| | | |
| | | return ( |
| | | <div style={{ display: 'flex', justifyContent: 'center' }}> |
| | | {icon} |
| | | </div> |
| | | ); |
| | | }; |
| | | |
| | | export default BoolValueIcon; |
| | |
| | | import { createStyles } from 'antd-style'; |
| | | import * as Utils from '../../utils' |
| | | import Http from '@/utils/http'; |
| | | import BoolValueIcon from '@/components/BoolValueIcon'; |
| | | |
| | | const useStyles = createStyles(({ token, css }) => { |
| | | return { |
| | |
| | | items={ |
| | | [ |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.shuttle.no', defaultMessage: '穿梭车编号' }), |
| | | children: info?.shuttleNo, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.task.no', defaultMessage: '任务号' }), |
| | | children: info?.taskNo, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.device.status', defaultMessage: '设备状态' }), |
| | | children: info?.status, |
| | | children: <Badge status="processing" text={info?.status} />, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.origin.loc', defaultMessage: '起始库位' }), |
| | | children: info?.originLocNo, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.dest.loc', defaultMessage: '目标库位' }), |
| | | children: info?.destLocNo, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.shuttle.current.code', defaultMessage: '定位条码' }), |
| | | children: info?.currentCode, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.shuttle.batter.power', defaultMessage: '电池电量' }), |
| | | children: info?.batteryPower, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.shuttle.batter.voltage', defaultMessage: '电池电压' }), |
| | | children: info?.batteryVoltage, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.shuttle.batter.temp', defaultMessage: '电池温度' }), |
| | | children: info?.batteryTemp, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.shuttle.has.lift', defaultMessage: '顶升信号' }), |
| | | children: info?.hasLift, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.shuttle.has.pallet', defaultMessage: '托盘信号' }), |
| | | children: info?.hasPallet, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.shuttle.has.charge', defaultMessage: '充电信号' }), |
| | | children: info?.hasCharge, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.error', defaultMessage: '异常信号' }), |
| | | children: info?.errorCode, |
| | | }, |
| | | { |
| | | key: '1', |
| | | label: intl.formatMessage({ id: 'map.pakmk', defaultMessage: '作业标记' }), |
| | | children: info?.pakMk, |
| | | }, |
| | | { |
| | | 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', |
| | | }, |
| | | { |
| | | key: '3', |
| | | label: intl.formatMessage({ id: 'map.origin.loc', defaultMessage: '起始库位' }), |
| | | children: info?.originLocNo, |
| | | }, |
| | | { |
| | | label: intl.formatMessage({ id: 'map.dest.loc', defaultMessage: '目标库位' }), |
| | | children: info?.destLocNo, |
| | | }, |
| | | |
| | | { |
| | | label: intl.formatMessage({ id: 'map.shuttle.batter.power', defaultMessage: '电池电量' }), |
| | | children: info?.batteryPower, |
| | | }, |
| | | { |
| | | label: intl.formatMessage({ id: 'map.shuttle.batter.voltage', defaultMessage: '电池电压' }), |
| | | children: info?.batteryVoltage, |
| | | }, |
| | | { |
| | | label: intl.formatMessage({ id: 'map.shuttle.batter.temp', defaultMessage: '电池温度' }), |
| | | children: info?.batteryTemp, |
| | | }, |
| | | { |
| | | label: intl.formatMessage({ id: 'map.error', defaultMessage: '异常信号' }), |
| | | children: info?.errorCode, |
| | | }, |
| | | { |
| | | label: intl.formatMessage({ id: 'map.shuttle.has.lift', defaultMessage: '顶升信号' }), |
| | | children: <BoolValueIcon value={info?.hasLift} />, |
| | | }, |
| | | { |
| | | label: intl.formatMessage({ id: 'map.shuttle.has.pallet', defaultMessage: '托盘信号' }), |
| | | children: <BoolValueIcon value={info?.hasPallet} />, |
| | | }, |
| | | { |
| | | label: intl.formatMessage({ id: 'map.shuttle.has.charge', defaultMessage: '充电信号' }), |
| | | children: <BoolValueIcon value={info?.hasCharge} />, |
| | | }, |
| | | { |
| | | label: intl.formatMessage({ id: 'map.pakmk', defaultMessage: '作业标记' }), |
| | | children: <BoolValueIcon value={info?.pakMk} />, |
| | | }, |
| | | { |
| | | label: intl.formatMessage({ id: 'map.is.enable', defaultMessage: '是否启用' }), |
| | | span: 2, |
| | | children: 'Disabled', |
| | | }, |
| | | { |
| | | key: '4', |
| | | label: intl.formatMessage({ id: 'map.loc.operation', defaultMessage: '库位操作' }), |
| | | span: 3, |
| | | children: ( |
| | | <> |
| | | <Button className={styles.tableButton} size='default' type="primary" danger> |