#

luxiaotao1123

2024-04-10 4e1a7c48a0c1790d34b20b0ad62200eb2d9f57ad

 zy-asrs-flow/src/pages/map/drawer/lift/view.jsx

@@ -1,7 +1,6 @@
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';
@@ -13,21 +12,9 @@
            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',
        },
@@ -59,57 +46,56 @@
    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>
        </>
    )