import React, {Component} from 'react'
|
import PropTypes from 'prop-types'
|
import { Form, Row, Col, Input, Select, Button, InputNumber } from 'antd'
|
import './index.scss'
|
|
|
class UniqueForm extends Component {
|
static propTpyes = {
|
dict: PropTypes.object, // 字典项
|
billCode: PropTypes.object, // 表单
|
billCodeChange: PropTypes.func // 表单
|
}
|
|
|
handleConfirm = () => {
|
// 表单提交时检查输入值是否正确
|
this.props.form.validateFieldsAndScroll((err, values) => {
|
if (!err) {
|
values.uuid = this.state.editItem ? this.state.editItem.uuid : ''
|
values.field = values.field.join(',')
|
|
this.props.uniqueChange(values)
|
this.setState({
|
editItem: null
|
})
|
}
|
})
|
}
|
|
render() {
|
const { getFieldDecorator } = this.props.form
|
const { billCode } = this.props
|
const formItemLayout = {
|
labelCol: {
|
xs: { span: 24 },
|
sm: { span: 8 }
|
},
|
wrapperCol: {
|
xs: { span: 24 },
|
sm: { span: 16 }
|
}
|
}
|
return (
|
<Form {...formItemLayout} className="custom-verify-form">
|
<Row gutter={24}>
|
<Col span={6}>
|
<Form.Item label={'字段'}>
|
{getFieldDecorator('field', {
|
initialValue: billCode.ModularDetailCode || '',
|
rules: [
|
{
|
required: true,
|
message: this.props.dict['form.required.input'] + '凭证标识!'
|
}
|
]
|
})(<Input placeholder="" autoComplete="off" />)}
|
</Form.Item>
|
</Col>
|
<Col span={6}>
|
<Form.Item label={'单号类型'}>
|
{getFieldDecorator('TypeCharOne', {
|
initialValue: billCode.TypeCharOne || 'Y',
|
rules: [
|
{
|
required: true,
|
message: this.props.dict['form.required.select'] + '单号类型!'
|
}
|
]
|
})(
|
<Select>
|
<Select.Option value="Y"> 单号 </Select.Option>
|
<Select.Option value="n"> 编码 </Select.Option>
|
<Select.Option value="Lp"> 行号 </Select.Option>
|
<Select.Option value="BN"> 批次 </Select.Option>
|
</Select>
|
)}
|
</Form.Item>
|
</Col>
|
<Col span={6}>
|
<Form.Item label={'凭证标识'}>
|
{getFieldDecorator('ModularDetailCode', {
|
initialValue: billCode.ModularDetailCode || '',
|
rules: [
|
{
|
required: true,
|
message: this.props.dict['form.required.input'] + '凭证标识!'
|
}
|
]
|
})(<Input placeholder="" autoComplete="off" />)}
|
</Form.Item>
|
</Col>
|
<Col span={6}>
|
<Form.Item label={'流水码位数'}>
|
{getFieldDecorator('Type', {
|
initialValue: billCode.Type || 4,
|
rules: [
|
{
|
required: true,
|
message: this.props.dict['form.required.input'] + '流水码位数!'
|
}
|
]
|
})(<InputNumber defaultValue={4} min={1} max={10} precision={0} />)}
|
</Form.Item>
|
</Col>
|
<Col span={6}>
|
<Form.Item label={'类型'}>
|
{getFieldDecorator('TypeCharTwo', {
|
initialValue: billCode.TypeCharTwo || 'BillCode',
|
rules: [
|
{
|
required: true,
|
message: this.props.dict['form.required.select'] + '类型!'
|
}
|
]
|
})(
|
<Select>
|
<Select.Option value="BillCode"> 业务 </Select.Option>
|
<Select.Option value="TableCode"> 主数据 </Select.Option>
|
</Select>
|
)}
|
</Form.Item>
|
</Col>
|
<Col span={6}>
|
<Form.Item label={'报错信息'}>
|
{getFieldDecorator('errmsg', {
|
initialValue: '',
|
rules: [
|
{
|
required: true,
|
message: this.props.dict['form.required.input'] + '报错信息!'
|
}
|
]
|
})(<Input placeholder="" autoComplete="off" />)}
|
</Form.Item>
|
</Col>
|
<Col span={6}>
|
<Form.Item label={'报错编码'}>
|
{getFieldDecorator('errorCode', {
|
initialValue: 'E',
|
rules: [
|
{
|
required: true,
|
message: this.props.dict['form.required.select'] + '报错编码!'
|
}
|
]
|
})(
|
<Select>
|
<Select.Option value="E"> E </Select.Option>
|
<Select.Option value="N"> N </Select.Option>
|
<Select.Option value="F"> F </Select.Option>
|
<Select.Option value="NM"> NM </Select.Option>
|
<Select.Option value="S"> S </Select.Option>
|
<Select.Option value="-1"> -1 </Select.Option>
|
</Select>
|
)}
|
</Form.Item>
|
</Col>
|
<Col span={2}>
|
<Button onClick={this.handleConfirm} type="primary" className="add-row">
|
确定
|
</Button>
|
</Col>
|
</Row>
|
</Form>
|
)
|
}
|
}
|
|
export default Form.create()(UniqueForm)
|
