import { Tabs, Button } from 'antd';
import React, { useState, useEffect } from 'react';
import PageContainer from '@/components/BasePageContainer';
import styles from './dimensionsConfig.less'
import TileConfig from './TileConfig/TileConfig';
import VectorData from './VectorData/VectorData';
import ProjectMessage from './projectMessage/projectMessage';
import SolutionConfig from './solutionConfig/solutionConfig';

const { TabPane } = Tabs;

const SchemeConfig = () => {
    const [activekey,setActiveKey] =useState('1')
    const callback = (index) => {
        setActiveKey(index)
    }

    return (
        <PageContainer>
            <div className={styles.container3d} activekey={activekey}>
                <Tabs onChange={callback} type="card">
                    <TabPane tab="瓦片数据配置" key="1">
                        {activekey==='1'?<TileConfig />:''} 
                    </TabPane>
                    <TabPane tab="数据源配置" key="2">
                        {activekey==='2'?<VectorData />:''} 
                    </TabPane>
                    <TabPane tab="方案管理" key="3">
                        {activekey==='3'?<ProjectMessage />:''} 
                    </TabPane>
                    <TabPane tab="方案配置" key="4">
                        {activekey==='4'?<SolutionConfig />:''} 
                    </TabPane>
                </Tabs>
            </div>

        </PageContainer>
    )

}
export default SchemeConfig;