#

luxiaotao1123

2024-04-08 d6b3df3a92a6d1325926b98a49f1b22b77a8c71b

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
import React, { useState, useRef, useEffect } from 'react';
import { Card, Form, Button } from 'antd';
import { FormattedMessage, useIntl, useModel } from '@umijs/max';
import { createStyles } from 'antd-style';
import * as Utils from '../../utils'
import ShowJson from '../showJson';
import ShelfView from './view'
 
const ShelfDrawer = (props) => {
    const intl = useIntl();
    const { curSprite, curFloor } = props;
 
    const [activeTabKey, setActiveTabKey] = useState('view');
    const [curLocNo, setCurLocNo] = React.useState(''); // just used to modify the drawer title
 
    useEffect(() => {
        if (!curSprite) {
            return
        }
        props.setDrawerTitle(intl.formatMessage({ id: 'map.loc.no', defaultMessage: '库位号' }) + ': ' + curLocNo);
    }, [curLocNo]);
 
    const contentList = {
        view: (
            <ShelfView
                curLocNo={curLocNo}
                setCurLocNo={setCurLocNo}
                data={curSprite.data}
                curFloor={curFloor}
            />
        ),
        json: (
            <ShowJson
                data={curSprite.data}
            />
        ),
    };
 
    return (
        <>
            <Card
                className='drawer-card'
                hoverable
                bordered={false}
                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' }),
                    },
                ]}
                activeTabKey={activeTabKey}
                onTabChange={(key) => {
                    setActiveTabKey(key)
                }}
                tabProps={{
                    centered: true,
                    size: 'large',
                    type: "card",
                    style: {
                    }
                }}
                style={{
                    height: '100%'
                }}
            >
                {contentList[activeTabKey]}
            </Card>
        </>
    )
}
 
export default ShelfDrawer;