/* * @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;