/*
 * @Description:
 * @Author: leizhe
 * @Date: 2022-01-13 10:47:32
 * @LastEditTime: 2022-03-22 17:04:23
 * @LastEditors: leizhe
 */
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" style={{ width: '100%' }}>
          <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;
