| | |
| | | import React, {Component} from 'react' |
| | | import PropTypes from 'prop-types' |
| | | import { Form, Row, Col, Select, Button, Input, InputNumber, Radio } from 'antd' |
| | | import './index.scss' |
| | | // import './index.scss' |
| | | |
| | | class ExcelInColumn extends Component { |
| | | static propTpyes = { |
| | | dict: PropTypes.object, // 字典项 |
| | | columnChange: PropTypes.func // 修改函数 |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | this.props.columnChange(values) |
| | | this.setState({ |
| | | locked: false, |
| | | type: 'Nvarchar(50)' |
| | | }) |
| | | this.props.form.setFieldsValue({ |
| | | Column: '', |
| | | Text: '', |
| | | required: 'true', |
| | | import: 'true', |
| | | type: 'Nvarchar(50)' |
| | | Text: '' |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | |
| | | render() { |
| | | const { dict } = this.props |
| | | const { getFieldDecorator } = this.props.form |
| | | const formItemLayout = { |
| | | labelCol: { |
| | |
| | | <Form {...formItemLayout} className="verify-form"> |
| | | <Row gutter={24}> |
| | | <Col span={6}> |
| | | <Form.Item label={dict['model.form.field']}> |
| | | <Form.Item label="字段"> |
| | | {getFieldDecorator('Column', { |
| | | initialValue: '', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: dict['form.required.input'] + dict['model.form.field'] + '!' |
| | | message: '请输入字段!' |
| | | } |
| | | ] |
| | | })(<Input placeholder="" autoComplete="off" />)} |
| | | })(<Input placeholder="" autoComplete="off" onPressEnter={this.handleConfirm}/>)} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={6}> |
| | | <Form.Item label={dict['model.name']}> |
| | | <Form.Item label="名称"> |
| | | {getFieldDecorator('Text', { |
| | | initialValue: '', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: this.props.dict['form.required.input'] + dict['model.name'] + '!' |
| | | message: '请输入名称!' |
| | | } |
| | | ] |
| | | })(<Input placeholder="" autoComplete="off" />)} |
| | | })(<Input placeholder="" autoComplete="off" onPressEnter={this.handleConfirm}/>)} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={6}> |
| | | <Form.Item label={dict['model.form.type']}> |
| | | <Form.Item label="类型"> |
| | | {getFieldDecorator('type', { |
| | | initialValue: 'Nvarchar(50)' |
| | | })( |
| | |
| | | <Select.Option value="Nvarchar(512)"> Nvarchar(512) </Select.Option> |
| | | <Select.Option value="Nvarchar(1024)"> Nvarchar(1024) </Select.Option> |
| | | <Select.Option value="Nvarchar(2048)"> Nvarchar(2048) </Select.Option> |
| | | <Select.Option value="Nvarchar(4000)"> Nvarchar(4000) </Select.Option> |
| | | <Select.Option value="Nvarchar(max)"> Nvarchar(max) </Select.Option> |
| | | <Select.Option value="Int"> Int </Select.Option> |
| | | <Select.Option value="Decimal(18,0)"> Decimal(18,0) </Select.Option> |
| | |
| | | <Select.Option value="Decimal(18,4)"> Decimal(18,4) </Select.Option> |
| | | <Select.Option value="Decimal(18,6)"> Decimal(18,6) </Select.Option> |
| | | <Select.Option value="date"> date </Select.Option> |
| | | <Select.Option value="datetime"> datetime </Select.Option> |
| | | </Select> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={6}> |
| | | <Form.Item label={dict['model.required']}> |
| | | <Form.Item label="必填"> |
| | | {getFieldDecorator('required', { |
| | | initialValue: 'true' |
| | | })( |
| | | <Radio.Group disabled={this.state.locked}> |
| | | <Radio value="true">{dict['model.true']}</Radio> |
| | | <Radio value="false">{dict['model.false']}</Radio> |
| | | <Radio value="true">是</Radio> |
| | | <Radio value="false">否</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={6}> |
| | | <Form.Item style={{marginBottom: 0}} label={dict['model.import']}> |
| | | <Form.Item style={{marginBottom: 0}} label="导入"> |
| | | {getFieldDecorator('import', { |
| | | initialValue: 'true' |
| | | })( |
| | | <Radio.Group> |
| | | <Radio value="true">{dict['model.true']}</Radio> |
| | | <Radio value="false">{dict['model.false']}</Radio> |
| | | <Radio value="true">是</Radio> |
| | | <Radio value="false">否</Radio> |
| | | <Radio value="init">初始化</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | |
| | | <Col span={6}> |
| | | <Form.Item style={{marginBottom: 0}} label={' '} colon={false}> |
| | | <Button onClick={this.handleConfirm} type="primary" className="mk-green"> |
| | | {dict['model.add']} |
| | | 添加 |
| | | </Button> |
| | | </Form.Item> |
| | | </Col> |