dimensionsConfig.jsx 1.45 KB
Newer Older
1 2 3 4 5 6 7
/*
 * @Description:
 * @Author: leizhe
 * @Date: 2022-01-13 10:47:32
 * @LastEditTime: 2022-03-22 17:04:23
 * @LastEditors: leizhe
 */
8
import { Tabs, Button } from 'antd';
shaoan123's avatar
shaoan123 committed
9
import React, { useState, useEffect } from 'react';
10
import PageContainer from '@/components/BasePageContainer';
皮倩雯's avatar
皮倩雯 committed
11
import styles from './dimensionsConfig.less';
12 13 14 15 16 17 18 19
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 = () => {
皮倩雯's avatar
皮倩雯 committed
20 21 22 23
  const [activekey, setActiveKey] = useState('1');
  const callback = index => {
    setActiveKey(index);
  };
24

皮倩雯's avatar
皮倩雯 committed
25 26 27
  return (
    <PageContainer>
      <div className={styles.container3d} activekey={activekey}>
28
        <Tabs onChange={callback} type="card" style={{ width: '100%' }}>
皮倩雯's avatar
皮倩雯 committed
29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
          <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;