1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
/*
* @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;