1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
| import React, {Component} from 'react'
| import PropTypes from 'prop-types'
| import { Form, Row, Col, Select } from 'antd'
|
| import './index.scss'
|
| class SettingForm extends Component {
| static propTpyes = {
| dict: PropTypes.object,
| translist: PropTypes.array,
| }
|
| state = {}
|
| handleConfirm = () => {
| // 表单提交时检查输入值是否正确
| return new Promise((resolve, reject) => {
| this.props.form.validateFieldsAndScroll((err, values) => {
| if (!err) {
| resolve(values)
| } else {
| reject(err)
| }
| })
| })
| }
|
| render() {
| const { getFieldDecorator } = this.props.form
| const { translist } = this.props
|
| const formItemLayout = {
| labelCol: {
| xs: { span: 24 },
| sm: { span: 6 }
| },
| wrapperCol: {
| xs: { span: 24 },
| sm: { span: 18 }
| }
| }
|
| return (
| <Form {...formItemLayout}>
| <Row gutter={24}>
| <Col span={22}>
| <Form.Item label="传输号">
| {getFieldDecorator('VersionName', {
| initialValue: '',
| rules: [{
| required: true,
| message: '请选择传输号！'
| }]
| })(
| <Select showSearch filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}>
| {translist.map(option =>
| <Select.Option key={option.VersionName} value={option.VersionName}>{`${option.ProgramName}(${option.VersionName})`}</Select.Option>
| )}
| </Select>
| )}
| </Form.Item>
| </Col>
| </Row>
| </Form>
| )
| }
| }
|
| export default Form.create()(SettingForm)
|
|
