38 lines
1.3 KiB
JavaScript
38 lines
1.3 KiB
JavaScript
|
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;
|