60 lines
3.0 KiB
JavaScript
60 lines
3.0 KiB
JavaScript
|
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;
|