dimensionsConfig.jsx 1.44 KB
Newer Older
1
import { Tabs, Button } from 'antd';
shaoan123's avatar
shaoan123 committed
2
import React, { useState, useEffect } from 'react';
3 4 5 6 7 8 9 10 11 12
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 = () => {
shaoan123's avatar
shaoan123 committed
13 14 15
    const [activekey,setActiveKey] =useState('1')
    const callback = (index) => {
        setActiveKey(index)
16 17 18 19
    }

    return (
        <PageContainer>
shaoan123's avatar
shaoan123 committed
20
            <div className={styles.container3d} activekey={activekey}>
21 22
                <Tabs onChange={callback} type="card">
                    <TabPane tab="瓦片数据配置" key="1">
shaoan123's avatar
shaoan123 committed
23
                        {activekey==='1'?<TileConfig />:''} 
24
                    </TabPane>
shaoan123's avatar
shaoan123 committed
25 26
                    <TabPane tab="数据源配置" key="2">
                        {activekey==='2'?<VectorData />:''} 
27 28
                    </TabPane>
                    <TabPane tab="方案管理" key="3">
shaoan123's avatar
shaoan123 committed
29
                        {activekey==='3'?<ProjectMessage />:''} 
30 31
                    </TabPane>
                    <TabPane tab="方案配置" key="4">
shaoan123's avatar
shaoan123 committed
32
                        {activekey==='4'?<SolutionConfig />:''} 
33 34 35 36 37 38 39 40 41
                    </TabPane>
                </Tabs>
            </div>

        </PageContainer>
    )

}
export default SchemeConfig;