import React from 'react'
import { Table, Button } from 'antd'
import { WeaTable } from "ecCom"

export default class ModalStep2 extends React.Component {

    componentWillMount() {
        this.props.onPreviewDate();
    }
    render() {
        const {dataSource, columns} = this.props;
        return (
            <div style={{height: "550px", display: "flex", flexFlow: "column"}}>
                <div style={{flex: "1", maxHeight: '500px', overflowY: "scroll"}}>
                    <WeaTable dataSource={dataSource} columns={columns} scroll={{x: columns.length * 150 }}/>
                </div>
                <div className="footerBtnWrapper" style={{marginTop: "10px", overflow: "hidden", height: "30px"}}>
                    <Button type="primary" style={{float: "right", marginLeft: "10px"}} onClick={this.props.onStep2Next}>下一步</Button>
                    <Button type="default" style={{float: "right"}} onClick={this.props.onStep2Pre}>上一步</Button>
                </div>
            </div>
        )
    }
}