import React from 'react';
|
import { Form, Input, Select, DatePicker, Row, Col, Button, Space } from 'antd';
|
|
const { RangePicker } = DatePicker;
|
const { Option } = Select;
|
|
const LawSearchForm = ({ onSearch, loading }) => {
|
const [form] = Form.useForm();
|
|
const handleFinish = (values) => {
|
const { dateRange, ...rest } = values;
|
const params = {
|
...rest,
|
dateFrom: dateRange?.[0]?.format('YYYY-MM-DD'),
|
dateTo: dateRange?.[1]?.format('YYYY-MM-DD'),
|
};
|
onSearch(params);
|
};
|
|
const handleReset = () => {
|
form.resetFields();
|
onSearch({});
|
};
|
|
return (
|
<Form form={form} layout="vertical" onFinish={handleFinish}>
|
<Row gutter={16}>
|
<Col span={8}>
|
<Form.Item label="关键字" name="keyword">
|
<Input placeholder="法律名称 / 条文内容" allowClear />
|
</Form.Item>
|
</Col>
|
<Col span={8}>
|
<Form.Item label="法律效力位阶" name="effectLevel">
|
<Select allowClear placeholder="请选择效力位阶">
|
<Option value="法律">法律</Option>
|
<Option value="行政法规">行政法规</Option>
|
<Option value="地方性法规">地方性法规</Option>
|
</Select>
|
</Form.Item>
|
</Col>
|
<Col span={8}>
|
<Form.Item label="时效性" name="status">
|
<Select allowClear placeholder="请选择时效性">
|
<Option value="有效">现行有效</Option>
|
<Option value="失效">已失效</Option>
|
<Option value="废止">已废止</Option>
|
</Select>
|
</Form.Item>
|
</Col>
|
</Row>
|
|
<Row gutter={16}>
|
<Col span={8}>
|
<Form.Item label="制定 / 公布日期" name="dateRange">
|
<RangePicker style={{ width: '100%' }} />
|
</Form.Item>
|
</Col>
|
<Col span={8}>
|
<Form.Item label="制定机关" name="org">
|
<Input placeholder="全国人大 / 国务院 / 地方人大等" allowClear />
|
</Form.Item>
|
</Col>
|
</Row>
|
|
<Row justify="end">
|
<Col>
|
<Space>
|
<Button onClick={handleReset}>重置</Button>
|
<Button type="primary" htmlType="submit" loading={loading}>
|
查询
|
</Button>
|
</Space>
|
</Col>
|
</Row>
|
</Form>
|
);
|
};
|
|
export default LawSearchForm;
|
