import React from 'react';
|
import { Form, Input, Select, DatePicker, Button, Row, Col } from 'antd';
|
import { SearchOutlined, ReloadOutlined } from '@ant-design/icons';
|
|
const { RangePicker } = DatePicker;
|
const { Option } = Select;
|
|
/**
|
* 案例搜索表单组件
|
*/
|
const CaseSearchForm = ({ 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();
|
};
|
|
return (
|
<Form
|
form={form}
|
layout="vertical"
|
onFinish={handleFinish}
|
initialValues={{
|
keyword: '',
|
disputeType: undefined,
|
caseType: undefined,
|
region: undefined,
|
}}
|
>
|
<Row gutter={16}>
|
<Col span={12}>
|
<Form.Item label="关键字" name="keyword">
|
<Input
|
placeholder="请输入案例关键字、案号、当事人等"
|
allowClear
|
/>
|
</Form.Item>
|
</Col>
|
<Col span={12}>
|
<Form.Item label="纠纷类型" name="disputeType">
|
<Select placeholder="请选择纠纷类型" allowClear>
|
<Option value="欠薪">欠薪纠纷</Option>
|
<Option value="解除合同">解除劳动合同</Option>
|
<Option value="工伤赔偿">工伤赔偿</Option>
|
<Option value="加班费">加班费争议</Option>
|
<Option value="社保">社保公积金</Option>
|
<Option value="其他">其他</Option>
|
</Select>
|
</Form.Item>
|
</Col>
|
</Row>
|
|
<Row gutter={16}>
|
<Col span={12}>
|
<Form.Item label="案件类型" name="caseType">
|
<Select placeholder="请选择案件类型" allowClear>
|
<Option value="判决">判决</Option>
|
<Option value="调解">调解</Option>
|
<Option value="仲裁">仲裁</Option>
|
</Select>
|
</Form.Item>
|
</Col>
|
<Col span={12}>
|
<Form.Item label="地区" name="region">
|
<Input placeholder="请输入省市地区，如：北京市" allowClear />
|
</Form.Item>
|
</Col>
|
</Row>
|
|
<Row gutter={16}>
|
<Col span={12}>
|
<Form.Item label="裁判/调解日期" name="dateRange">
|
<RangePicker style={{ width: '100%' }} />
|
</Form.Item>
|
</Col>
|
</Row>
|
|
<Row>
|
<Col span={24} style={{ textAlign: 'right' }}>
|
<Button
|
type="primary"
|
htmlType="submit"
|
icon={<SearchOutlined />}
|
loading={loading}
|
style={{ marginRight: 8 }}
|
>
|
查询
|
</Button>
|
<Button icon={<ReloadOutlined />} onClick={handleReset}>
|
重置
|
</Button>
|
</Col>
|
</Row>
|
</Form>
|
);
|
};
|
|
export default CaseSearchForm;
|
