import { Form, message, Button, DatePicker } from 'antd';
import NormalSelect from '../../../../../components/Form/NormalSelect'
import moment from "moment"
const { RangePicker } = DatePicker;

const cysd = [
    { label:'昨天08:00~当前时间',value:'昨天08:00~当前时间',tms:[moment().add(-1,'days').format('YYYY-MM-DD 08:00:00'),moment().format('YYYY-MM-DD HH:mm:ss')]},
    { label:'今天08:00~当前时间',value:'今天08:00~当前时间',tms:[moment().format('YYYY-MM-DD 08:00:00'),moment().format('YYYY-MM-DD HH:mm:ss')]},
    { label:'昨天08:00~今天08:00',value:'昨天08:00~今天08:00',tms:[moment().add(-1,'days').format('YYYY-MM-DD 08:00:00'),moment().format('YYYY-MM-DD 08:00:00')]},
    { label:'最近1小时',value:'最近1小时',tms:[moment().add(-1,'hours').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
    { label:'最近3小时',value:'最近3小时',tms:[moment().add(-3,'hours').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
    { label:'最近6小时',value:'最近6小时',tms:[moment().add(-6,'hours').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
    { label:'最近12小时',value:'最近12小时',tms:[moment().add(-12,'hours').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
    { label:'最近24小时',value:'最近24小时',tms:[moment().add(-24,'hours').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
  ]

const ToolBar = ({search, defaultParams}) => {
    const [form] = Form.useForm();

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

    return (
        <>
            <Form form={form} className='toolbarBox' layout="inline" onFinish={onFinish}>
                <Form.Item label="时间段" name="tms">
                    <RangePicker
                        allowClear
                        defaultValue={[moment().add(-1,'months'),moment()]}
                        onChange={(e)=>{
                            form.setFieldValue('cysd',null)
                        }}
                        style={{ width: "380px" }}
                        format="YYYY-MM-DD HH:mm:ss"
                    />
                </Form.Item>
                <Form.Item 
                    label="常用时段"
                    name='cysd'
                >
                    <NormalSelect options={cysd} style={{ width: '180px' }} onChange={(e,data)=>{
                        if(e==='今天08:00~当前时间'&& moment().format('HH')<8){
                            return message.error('请在08:00后选择')
                        }
                        form.setFieldValue('tms',[moment(data.tms[0]),moment(data.tms[1])])
                    }}/>
                </Form.Item>
                <Form.Item>
                    <Button type="primary" htmlType="submit">查询</Button>
                </Form.Item>
                <Form.Item>
                    <Button  htmlType="submit">导出</Button>
                </Form.Item>
            </Form>
        </>
    );
}

export default ToolBar;