import { Col, Divider, Form, Input, Radio, Row, Select, Space } from 'antd';
import { useState, useEffect } from 'react'
import ZoneSelector from '../../../../common/ZoneSelector';
import CdzyApi from '../../../../../utils/apis/CdzyApi';


export default function CdzzyFilter(props) {
    const [form] = Form.useForm();

    useEffect(() => {
        form.setFieldsValue({
            area_code: "-1"
        })
    }, [form])

    return <Form form={form} layout={"vertical"}>
        <Space size={24}>
            <Form.Item label="行政地域" name="area_code">
                <ZoneSelector />
            </Form.Item>
            <Form.Item label="年份" name="year">
                <Input style={{
                    width: 100
                }} />
            </Form.Item>
        </Space>
        <Divider style={{
            marginTop: 0,
            borderColor: "#075C88"
        }} />
        <Form.Item label="占用类型" name="name">
            <Radio.Group>
                <Radio value={"-1"}>全部</Radio>
                <Radio value={"临时占用"}>临时占用</Radio>
                <Radio value={"永久占用"}>永久占用</Radio>
            </Radio.Group>
        </Form.Item>
    </Form>;
}