tsg-web/src/views/Home/MapCtrl/Pops/ShenLiu/toolbar.js

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

const cysd = [
    { label:'今日',value:'今日',tms:[moment().format('YYYY-MM-DD 00:00:00'),moment().format('YYYY-MM-DD HH:mm:ss')]},
    { label:'近一周',value:'近一周',tms:[moment().add(-7,'days').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
    { label:'近一月',value:'近一月',tms:[moment().add(-1,'months').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
    { label:'近三月',value:'近三月',tms:[moment().add(-3,'months').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
    { label:'近一年',value:'近一年',tms:[moment().add(-1,'years').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={false}
                        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;