From 49f09cc6f8ff8c30a75ed1a9d6f510b69b73962a Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 12 十二月 2023 21:05:37 +0800
Subject: [PATCH] 2023-12-12
---
src/templates/sharecomponent/actioncomponent/verifyexcelin/columnform/index.jsx | 121 +++++++++++++--------------------------
1 files changed, 41 insertions(+), 80 deletions(-)
diff --git a/src/templates/sharecomponent/actioncomponent/verifyexcelin/columnform/index.jsx b/src/templates/sharecomponent/actioncomponent/verifyexcelin/columnform/index.jsx
index d262c0b..afb9c56 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, Radio } from 'antd'
-import './index.scss'
+// import './index.scss'
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 || 'true',
- import: record.import || 'true',
- 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 {
@@ -83,24 +46,15 @@
}
this.props.columnChange(values)
- this.setState({
- editItem: null,
- 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: {
@@ -113,39 +67,37 @@
}
}
- let haslimit = !/^Nvarchar/.test(this.state.type)
-
return (
<Form {...formItemLayout} className="verify-form">
<Row gutter={24}>
- <Col span={7}>
- <Form.Item label={dict['model.form.field']}>
+ <Col span={6}>
+ <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={7}>
- <Form.Item label={dict['model.name']}>
+ <Col span={6}>
+ <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={7}>
- <Form.Item label={dict['model.form.type']}>
+ <Col span={6}>
+ <Form.Item label="绫诲瀷">
{getFieldDecorator('type', {
initialValue: 'Nvarchar(50)'
})(
@@ -154,60 +106,69 @@
<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">
- {dict['model.save']}
- </Button>
- </Col>
- <Col span={7}>
- <Form.Item label={dict['model.required']}>
+ <Col span={6}>
+ <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={7}>
- <Form.Item label={dict['model.import']}>
+ <Col span={6}>
+ <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>
- {haslimit ? <Col span={7}>
- <Form.Item label={'鏈�灏忓��'}>
+ <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>
)
--
Gitblit v1.8.0