#

luxiaotao1123

2024-03-18 9c1904b07994f1f8685b3f2087c035627d0afd69

 zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx

@@ -1,9 +1,10 @@
import React, { useState, useRef, useEffect } from 'react';
import { Drawer, Space, Button } from 'antd';
import { Card, Form, Button } from 'antd';
import { FormattedMessage, useIntl, useModel } from '@umijs/max';
import { createStyles } from 'antd-style';
import * as Utils from '../../utils'
import Http from '@/utils/http';
import JSON from './json';

const useStyles = createStyles(({ token, css }) => {

@@ -12,6 +13,22 @@
const ShelfDrawer = (props) => {
    const intl = useIntl();
    const { styles } = useStyles();
    const [activeTabKey, setActiveTabKey] = useState('json');

    const [jsonForm] = Form.useForm();

    const contentList = {
        json: (
            <JSON
                refCurr={props.refCurr}
                curSprite={props.curSprite}
                setSpriteBySettings={props.setSpriteBySettings}
                setDidClickSprite={props.setDidClickSprite}
                onSubmit={props.onSubmit}
                jsonForm={jsonForm}
            />
        ),
    };

    const handleCancel = () => {
        props.onCancel();
@@ -22,7 +39,37 @@

    return (
        <>
        <h1>Shelf</h1>
            <Card
                hoverable
                bordered={false}
                type='inner'
                tabList={[
                    {
                        key: 'json',
                        tab: intl.formatMessage({ id: 'map.drawer.json', defaultMessage: 'JSON' }),
                        // icon: <BorderOuterOutlined />

                    },
                    {
                        key: 'config',
                        tab: intl.formatMessage({ id: 'map.settings.config.param', defaultMessage: '系统参数' }),
                        // icon: <BranchesOutlined />
                    },
                ]}
                activeTabKey={activeTabKey}
                onTabChange={(key) => {
                    setActiveTabKey(key)
                }}
                tabProps={{
                    centered: true,
                    size: 'large',
                    type: "card",
                    style: {
                    }
                }}
            >
                {contentList[activeTabKey]}
            </Card>
        </>
    )
}