From ac1d52c46ff9019fcc93cf3d5e7ab17cf850824e Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 10 八月 2023 16:05:24 +0800 Subject: [PATCH] 2023-08-10 --- src/templates/sharecomponent/actioncomponent/verifyexcelin/columnform/index.jsx | 122 +++++++++++++++++----------------------- 1 files changed, 51 insertions(+), 71 deletions(-) diff --git a/src/templates/sharecomponent/actioncomponent/verifyexcelin/columnform/index.jsx b/src/templates/sharecomponent/actioncomponent/verifyexcelin/columnform/index.jsx index b1e6c8f..7724f6c 100644 --- a/src/templates/sharecomponent/actioncomponent/verifyexcelin/columnform/index.jsx +++ b/src/templates/sharecomponent/actioncomponent/verifyexcelin/columnform/index.jsx @@ -1,50 +1,16 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' -import { Form, Row, Col, Select, Button, Input, InputNumber } from 'antd' +import { Form, Row, Col, Select, Button, Input, InputNumber, Radio } from 'antd' import './index.scss' - -class UniqueForm extends Component { +class ExcelInColumn extends Component { static propTpyes = { - dict: PropTypes.object, // 瀛楀吀椤� - columns: PropTypes.array, // 鍒楀悕闆嗗悎 columnChange: PropTypes.func // 淇敼鍑芥暟 } state = { - editItem: null, // 缂栬緫鍏冪礌 type: 'Nvarchar(50)', locked: false - } - - edit = (record) => { - this.setState({ - editItem: record, - type: record.type || 'Nvarchar(50)' - }, () => { - if (!/^Nvarchar/.test(record.type)) { - this.props.form.setFieldsValue({ - min: record.min, - max: record.max - }) - } - }) - - this.props.form.setFieldsValue({ - Column: record.Column, - Text: record.Text, - required: record.required, - type: record.type - }) - if (record.type === 'Int' || /^Decimal/ig.test(record.type)) { - this.setState({ - locked: true - }) - } else { - this.setState({ - locked: false - }) - } } typeChange = (val) => { @@ -68,14 +34,11 @@ handleConfirm = () => { - // const { columns } = this.props // 琛ㄥ崟鎻愪氦鏃舵鏌ヨ緭鍏ュ�兼槸鍚︽纭� this.props.form.validateFieldsAndScroll((err, values) => { if (!err) { - values.uuid = this.state.editItem ? this.state.editItem.uuid : '' - if (/^Nvarchar/ig.test(values.type)) { - values.limit = values.type.match(/\d+/)[0] + values.limit = values.type.match(/\d+/) ? values.type.match(/\d+/)[0] : '20000' } else if (/^Decimal/ig.test(values.type)) { values.limit = values.type.match(/\d+/ig)[1] } else { @@ -84,7 +47,6 @@ this.props.columnChange(values) this.setState({ - editItem: null, locked: false, type: 'Nvarchar(50)' }) @@ -92,6 +54,7 @@ Column: '', Text: '', required: 'true', + import: 'true', type: 'Nvarchar(50)' }) } @@ -111,39 +74,37 @@ } } - let haslimit = !/^Nvarchar/.test(this.state.type) - return ( <Form {...formItemLayout} className="verify-form"> <Row gutter={24}> - <Col span={7}> - <Form.Item label={'Column'}> + <Col span={6}> + <Form.Item label="瀛楁"> {getFieldDecorator('Column', { initialValue: '', rules: [ { required: true, - message: this.props.dict['form.required.input'] + 'Column!' + message: '璇疯緭鍏ュ瓧娈�!' } ] - })(<Input placeholder="" autoComplete="off" />)} + })(<Input placeholder="" autoComplete="off" onPressEnter={this.handleConfirm}/>)} </Form.Item> </Col> - <Col span={7}> - <Form.Item label={'Text'}> + <Col span={6}> + <Form.Item label="鍚嶇О"> {getFieldDecorator('Text', { initialValue: '', rules: [ { required: true, - message: this.props.dict['form.required.input'] + 'Text!' + message: '璇疯緭鍏ュ悕绉�!' } ] - })(<Input placeholder="" autoComplete="off" />)} + })(<Input placeholder="" autoComplete="off" onPressEnter={this.handleConfirm}/>)} </Form.Item> </Col> - <Col span={7}> - <Form.Item label={'绫诲瀷'}> + <Col span={6}> + <Form.Item label="绫诲瀷"> {getFieldDecorator('type', { initialValue: 'Nvarchar(50)' })( @@ -152,51 +113,70 @@ <Select.Option value="Nvarchar(20)"> Nvarchar(20) </Select.Option> <Select.Option value="Nvarchar(50)"> Nvarchar(50) </Select.Option> <Select.Option value="Nvarchar(100)"> Nvarchar(100) </Select.Option> + <Select.Option value="Nvarchar(256)"> Nvarchar(256) </Select.Option> <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(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,2)"> Decimal(18,2) </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> )} </Form.Item> </Col> - <Col span={3} className="add"> - <Button onClick={this.handleConfirm} type="primary" className="mk-green"> - 淇濆瓨 - </Button> - </Col> - <Col span={7}> - <Form.Item label={'鏄惁蹇呭~'}> + <Col span={6}> + <Form.Item label="蹇呭~"> {getFieldDecorator('required', { initialValue: 'true' })( - <Select disabled={this.state.locked}> - <Select.Option value="false"> 鍚� </Select.Option> - <Select.Option value="true"> 鏄� </Select.Option> - </Select> + <Radio.Group disabled={this.state.locked}> + <Radio value="true">鏄�</Radio> + <Radio value="false">鍚�</Radio> + </Radio.Group> )} </Form.Item> </Col> - {haslimit ? <Col span={7}> - <Form.Item label={'鏈�灏忓��'}> + <Col span={6}> + <Form.Item style={{marginBottom: 0}} label="瀵煎叆"> + {getFieldDecorator('import', { + initialValue: 'true' + })( + <Radio.Group> + <Radio value="true">鏄�</Radio> + <Radio value="false">鍚�</Radio> + </Radio.Group> + )} + </Form.Item> + </Col> + <Col span={6}> + <Form.Item style={{marginBottom: 0}} label={'鏈�灏忓��'}> {getFieldDecorator('min', { initialValue: '' })(<InputNumber />)} </Form.Item> - </Col> : null} - {haslimit ? <Col span={7}> - <Form.Item label={'鏈�澶у��'}> + </Col> + <Col span={6}> + <Form.Item style={{marginBottom: 0}} label={'鏈�澶у��'}> {getFieldDecorator('max', { initialValue: '' })(<InputNumber />)} </Form.Item> - </Col> : null} + </Col> + <Col span={6}> + <Form.Item style={{marginBottom: 0}} label={' '} colon={false}> + <Button onClick={this.handleConfirm} type="primary" className="mk-green"> + 娣诲姞 + </Button> + </Form.Item> + </Col> </Row> </Form> ) } } -export default Form.create()(UniqueForm) \ No newline at end of file +export default Form.create()(ExcelInColumn) \ No newline at end of file -- Gitblit v1.8.0