前端项目实战26-横向展示搜索框

 <Form form={form}>

                                    <Row >

                                    <Col>

                                        <Form.Item

                                            name="machineTypeId"

                                            label="设备类型"

                                        >

                                            <Select

                                                onChange={onChangeSelect}

                                                showSearch

                                                style={{ width: 200 }}

                                                placeholder="请输入设备类型"

                                                optionFilterProp="children"

                                            >

                                                {styleList && styleList.map((item: any) => (

                                                    <Option value={item.id}>{item.name}</Option>

                                                ))}

                                            </Select>

                                        </Form.Item>

                                        </Col>

                                        <Col>

                                        <Form.Item

                                            name="code"

                                            label="设备编码"

                                        >

                                            <Input

                                                placeholder="请输入设备编码"

                                            ></Input>

                                        </Form.Item>

                                        </Col>

                                    </Row>

                                 

                                </Form>

                                <Col>