import React from 'react';
import { Tabs,Button,Table } from 'antd';
import './App.css';
const TabPane = Tabs.TabPane;


const eventList = [
  {
    title: '事件时间',
    dataIndex: 'eventTime',
    key: 'eventTime',
  },
  {
    title: '事件名称',
    dataIndex: 'eventName',
    key: 'eventName',
  },
  {
    title: '事件类型',
    dataIndex: 'eventType',
    key: 'eventType',
  },
  {
    title: '事件级别',
    dataIndex: 'eventLevel',
    key: 'eventLevel',
  },
  {
    title: '源地址',
    dataIndex: 'sourceAddress',
    key: 'sourceAddress',
  },
  {
    title: '源端口',
    dataIndex: 'sourcePort',
    key: 'sourcePort',
  },
  {
    title: '目的地址',
    dataIndex: 'desAddress',
    key: 'desAddress',
  },
  {
    title: '目的端口',
    dataIndex: 'desPort',
    key: 'desPort',
  },
  {
    title: '协议',
    dataIndex: 'protocol',
    key: 'protocol',
  },
  {
    title: '相关资产',
    dataIndex: 'relatedAssets',
    key: 'relatedAssets',
  },
  {
    title: '所属单位',
    dataIndex: 'affilationUnit',
    key: 'affilationUnit',
  },
  {
    title: '次数',
    dataIndex: 'frequencys',
    key: 'frequencys',
  },
];


class App extends React.Component {
  constructor(props){
    super(props)
    this.state = {
      defaultKey:'list',
      dataSource:[]
    }
  }

  render() {
    const { defaultKey,dataSource } = this.state;
    return (
      <div className="App">
      <header className="App-header">
        <div className='btn-global'>
          <Button type="" onClick={(e) => {this.setState({ defaultKey: 'list'})}}>list</Button>
          <Button type="" onClick={(e) => {this.setState({ defaultKey: 'chart'})}}>chart</Button>
        </div>
        <Tabs activeKey={ defaultKey }>
          <TabPane tab="" key="list">
              <Table
                dataSource={dataSource}
                columns={eventList}
              />
          </TabPane>
          <TabPane tab="" key="chart">
              <Table
                dataSource={dataSource}
                columns={eventList}
                />
          </TabPane>
        </Tabs>
      </header>
    </div>
    )
  }
}

export default App;