import { Form, Input, Radio, DatePicker } from 'antd';
import NormalSelect from '../../../../../components/Form/NormalSelect'
import { useEffect, useState } from 'react';
import moment from 'moment';
const { RangePicker } = DatePicker;

const ToolBar = ({search, setTabVal}) => {

    const onFinish = (val)=>{
        search(val)
    }



    return (
        <>
            <Form className='toolbarBox' layout="inline" onFinish={onFinish}>
                <Form.Item label="时间段" name="imgName">
                    <RangePicker
                        allowClear
                        defaultValue={[moment().add(-1,'months'),moment()]}
                        onChange={onFinish}
                        style={{ width: "300px" }}
                        format="YYYY-MM-DD"
                    />
                </Form.Item>
                <Form.Item style={{marginLeft:'200px'}}>
                    <Radio.Group onChange={(e)=>{setTabVal(e.target.value)}} defaultValue="1" size="large" buttonStyle="outline">
                        <Radio.Button value="1">数据图</Radio.Button>
                        <Radio.Button value="2">数据表</Radio.Button>
                    </Radio.Group>
                </Form.Item>
            </Form>
        </>
    );
}

export default ToolBar;