From aa15f061ba185b05f22c98a0a979c72d08bcd974 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 11 二月 2025 09:42:38 +0800
Subject: [PATCH] 2025-02-11
---
src/templates/sharecomponent/actioncomponent/verifyexcelin/columnform/index.jsx | 145 +++++++++++++++++++++---------------------------
1 files changed, 63 insertions(+), 82 deletions(-)
diff --git a/src/templates/sharecomponent/actioncomponent/verifyexcelin/columnform/index.jsx b/src/templates/sharecomponent/actioncomponent/verifyexcelin/columnform/index.jsx
index b1e6c8f..28f2df9 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 './index.scss'
+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,31 +34,22 @@
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 {
values.limit = ''
}
- this.props.columnChange(values)
- this.setState({
- editItem: null,
- locked: false,
- type: 'Nvarchar(50)'
- })
- this.props.form.setFieldsValue({
- Column: '',
- Text: '',
- required: 'true',
- type: 'Nvarchar(50)'
+ this.props.columnChange(values, () => {
+ this.props.form.setFieldsValue({
+ Column: '',
+ Text: ''
+ })
})
}
})
@@ -111,39 +68,41 @@
}
}
- 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: '璇疯緭鍏ュ瓧娈�!'
+ },
+ {
+ pattern: /^[\u4E00-\u9FA50-9a-zA-Z_]*$/ig,
+ 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 +111,73 @@
<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(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,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.Option value="datetime"> datetime </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} style={{clear: 'left'}}>
+ <Form.Item style={{marginBottom: 0}} label="瀵煎叆">
+ {getFieldDecorator('import', {
+ initialValue: 'true'
+ })(
+ <Radio.Group>
+ <Radio value="true">鏄�</Radio>
+ <Radio value="false">鍚�</Radio>
+ <Radio value="init">鍒濆鍖�</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