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;