From 0eb129a9beddbb86ae74d7106a8e60823206b8d5 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 14 十二月 2023 11:29:15 +0800
Subject: [PATCH] 2023-12-14
---
src/templates/sharecomponent/actioncomponent/verifyexcelout/columnform/index.jsx | 74 +++++++++++++++---------------------
1 files changed, 31 insertions(+), 43 deletions(-)
diff --git a/src/templates/sharecomponent/actioncomponent/verifyexcelout/columnform/index.jsx b/src/templates/sharecomponent/actioncomponent/verifyexcelout/columnform/index.jsx
index 93ba72a..9d9f0e3 100644
--- a/src/templates/sharecomponent/actioncomponent/verifyexcelout/columnform/index.jsx
+++ b/src/templates/sharecomponent/actioncomponent/verifyexcelout/columnform/index.jsx
@@ -1,53 +1,28 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Form, Row, Col, Button, Input, InputNumber } from 'antd'
-import './index.scss'
+import { Form, Row, Col, Button, Input, InputNumber, Radio } from 'antd'
+// import './index.scss'
-class UniqueForm extends Component {
+class ExcelOutColumn extends Component {
static propTpyes = {
- dict: PropTypes.object, // 瀛楀吀椤�
- columns: PropTypes.array, // 鍒楀悕闆嗗悎
columnChange: PropTypes.func // 淇敼鍑芥暟
}
-
- state = {
- editItem: null // 缂栬緫鍏冪礌
- }
-
- edit = (record) => {
- this.setState({
- editItem: record
- })
-
- this.props.form.setFieldsValue({
- Column: record.Column,
- Text: record.Text,
- Width: record.Width,
- })
- }
-
handleConfirm = () => {
// 琛ㄥ崟鎻愪氦鏃舵鏌ヨ緭鍏ュ�兼槸鍚︽纭�
this.props.form.validateFieldsAndScroll((err, values) => {
if (!err) {
- values.uuid = this.state.editItem ? this.state.editItem.uuid : ''
-
this.props.columnChange(values)
- this.setState({
- editItem: null
- })
this.props.form.setFieldsValue({
Column: '',
Text: '',
- Width: 20,
+ Width: 20
})
}
})
}
render() {
- const { dict } = this.props
const { getFieldDecorator } = this.props.form
const formItemLayout = {
labelCol: {
@@ -63,48 +38,61 @@
return (
<Form {...formItemLayout} className="verify-form">
<Row gutter={24}>
- <Col span={7}>
- <Form.Item label={dict['model.form.field']}>
+ <Col span={5}>
+ <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={5}>
+ <Form.Item label="鍚嶇О">
{getFieldDecorator('Text', {
initialValue: '',
rules: [
{
required: true,
- message: 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.columnWidth']}>
+ <Col span={5}>
+ <Form.Item label="鍒楀">
{getFieldDecorator('Width', {
initialValue: 20,
rules: [
{
required: true,
- message: this.props.dict['form.required.input'] + dict['model.form.columnWidth'] + '!'
+ message: '璇疯緭鍏ュ垪瀹�!'
}
]
- })(<InputNumber min={5} max={200} precision={0} />)}
+ })(<InputNumber min={5} max={200} precision={0} onPressEnter={this.handleConfirm}/>)}
+ </Form.Item>
+ </Col>
+ <Col span={6}>
+ <Form.Item label="绫诲瀷">
+ {getFieldDecorator('type', {
+ initialValue: 'text'
+ })(
+ <Radio.Group style={{whiteSpace: 'nowrap'}}>
+ <Radio value="text">鏂囨湰</Radio>
+ <Radio value="number">鏁板��</Radio>
+ <Radio value="image">鍥剧墖</Radio>
+ </Radio.Group>
+ )}
</Form.Item>
</Col>
<Col span={3} className="add">
<Button onClick={this.handleConfirm} type="primary" className="mk-green">
- 淇濆瓨
+ 娣诲姞
</Button>
</Col>
</Row>
@@ -113,4 +101,4 @@
}
}
-export default Form.create()(UniqueForm)
\ No newline at end of file
+export default Form.create()(ExcelOutColumn)
\ No newline at end of file
--
Gitblit v1.8.0