You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

100 lines
2.9 KiB
JavaScript

2 weeks ago
import {
Row,
Col,
Form,
Input,
DatePicker,
Button,
} from 'antd';
import { UpOutlined } from '@ant-design/icons';
import style from "@/global.less";
const FormItem = Form.Item;
const Aa01RenderAdvancedForm = (props) => {
const [form] = Form.useForm();
const { handleSearch, handleFormReset, toggleForm } = props;
const onFinish = values => {
//console.log('Received values of form: ', values);
handleSearch(values);
};
const myhandleFormReset = () => {
form.resetFields();
handleFormReset();
};
return (
<Form form={form} onFinish={onFinish} layout="inline">
<Row gutter={{ md: 8, lg: 24, xl: 48 }} style={{ width: '100%' }} className={style.searchinput}>
<Col md={8} sm={24}>
<FormItem label="本单位工龄" name="aa0101">
<Input placeholder="" style={{ width: '100%' }} />
</FormItem>
</Col>
<Col md={8} sm={24}>
<FormItem label="人工成本统计标识" name="aa0106">
<Input placeholder="" style={{ width: '100%' }} />
</FormItem>
</Col>
</Row>
<Row gutter={{ md: 8, lg: 24, xl: 48 }} style={{ width: '100%' }} className={style.searchinput}>
<Col md={8} sm={24}>
<FormItem label="性别" name="aa0107">
<Input placeholder="" style={{ width: '100%' }} />
</FormItem>
</Col>
<Col md={8} sm={24}>
<FormItem label="备注" name="aa0108">
<Input placeholder="" style={{ width: '100%' }} />
</FormItem>
</Col>
<Col md={8} sm={24}>
<FormItem label="人员类别" name="aa010d">
<Input placeholder="" style={{ width: '100%' }} />
</FormItem>
</Col>
</Row>
<Row gutter={{ md: 8, lg: 24, xl: 48 }} style={{ width: '100%' }} className={style.searchbox}>
<Col md={24} sm={24}>
<div style={{ marginBottom: 12, display: 'flex', justifyContent: 'flex-end' }}>
<Button type="primary" htmlType="submit">
查询
</Button>
<Button style={{ marginLeft: 8 }} onClick={myhandleFormReset}>
重置
</Button>
<a style={{ marginLeft: 8, lineHeight: '32px' }} onClick={toggleForm}>
收起 <UpOutlined />
</a>
</div>
</Col>
</Row>
</Form>
);
};
export default Aa01RenderAdvancedForm;