From d59f518f466274b2caeb2e01c10c92deafe7c93b Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 09 二月 2022 11:48:29 +0800
Subject: [PATCH] 2022-02-09
---
src/templates/sharecomponent/columncomponent/colspanform/index.jsx | 104 ++++++++++++++++++++++++++++++---------------------
1 files changed, 61 insertions(+), 43 deletions(-)
diff --git a/src/templates/sharecomponent/columncomponent/colspanform/index.jsx b/src/templates/sharecomponent/columncomponent/colspanform/index.jsx
index 7f50da6..0c9be7e 100644
--- a/src/templates/sharecomponent/columncomponent/colspanform/index.jsx
+++ b/src/templates/sharecomponent/columncomponent/colspanform/index.jsx
@@ -1,9 +1,11 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Form, Row, Col, Input, InputNumber, Select, Radio } from 'antd'
+import { Form, Row, Col, Input, InputNumber, Select, Radio, Tooltip } from 'antd'
+import { QuestionCircleOutlined } from '@ant-design/icons'
+
import { formRule } from '@/utils/option.js'
import TransferForm from '@/templates/zshare/transferform'
-import './index.scss'
+// import './index.scss'
class MainSearch extends Component {
static propTpyes = {
@@ -19,7 +21,7 @@
if (_form && _form.select) {
_form.select()
}
- } catch {
+ } catch (e) {
console.warn('琛ㄥ崟focus澶辫触锛�')
}
}
@@ -62,6 +64,7 @@
}
render() {
+ const { card } = this.props
const { getFieldDecorator } = this.props.form
const formItemLayout = {
labelCol: {
@@ -74,16 +77,16 @@
}
}
return (
- <Form {...formItemLayout} className="commontable-cospan-column-form" id="columncolspan">
+ <Form {...formItemLayout} style={{minHeight: '190px'}} id="columncolspan">
<Row gutter={24}>
<Col span={12}>
- <Form.Item label={this.props.dict['header.form.name']}>
+ <Form.Item label={this.props.dict['model.name']}>
{getFieldDecorator('label', {
- initialValue: this.props.card.label,
+ initialValue: card.label,
rules: [
{
required: true,
- message: this.props.dict['form.required.input'] + this.props.dict['header.form.name'] + '!'
+ message: this.props.dict['form.required.input'] + this.props.dict['model.name'] + '!'
},
{
max: formRule.input.max,
@@ -94,95 +97,110 @@
</Form.Item>
</Col>
<Col span={12}>
- <Form.Item label={this.props.dict['header.form.type']}>
+ <Form.Item label={this.props.dict['model.form.type']}>
{getFieldDecorator('type', {
initialValue: this.props.dict['model.form.colspan'],
rules: [
{
required: true,
- message: this.props.dict['form.required.input'] + this.props.dict['header.form.type'] + '!'
+ message: this.props.dict['form.required.input'] + this.props.dict['model.form.type'] + '!'
}
]
})(<Input placeholder="" autoComplete="off" disabled={true}/>)}
</Form.Item>
</Col>
<Col span={12}>
- <Form.Item label={this.props.dict['header.form.align']}>
+ <Form.Item label={this.props.dict['model.form.align']}>
{getFieldDecorator('Align', {
- initialValue: this.props.card.Align,
+ initialValue: card.Align,
rules: [
{
required: true,
- message: this.props.dict['form.required.select'] + this.props.dict['header.form.align'] + '!'
+ message: this.props.dict['form.required.select'] + this.props.dict['model.form.align'] + '!'
}
]
})(
<Select
getPopupContainer={() => document.getElementById('columncolspan')}
>
- <Select.Option value="left">{this.props.dict['header.form.alignLeft']}</Select.Option>
- <Select.Option value="right">{this.props.dict['header.form.alignRight']}</Select.Option>
- <Select.Option value="center">{this.props.dict['header.form.alignCenter']}</Select.Option>
+ <Select.Option value="left">{this.props.dict['model.form.alignLeft']}</Select.Option>
+ <Select.Option value="right">{this.props.dict['model.form.alignRight']}</Select.Option>
+ <Select.Option value="center">{this.props.dict['model.form.alignCenter']}</Select.Option>
</Select>
)}
</Form.Item>
</Col>
<Col span={12}>
- <Form.Item label={this.props.dict['header.form.columnWidth']}>
+ <Form.Item label={this.props.dict['model.form.columnWidth']}>
{getFieldDecorator('Width', {
- initialValue: this.props.card.Width,
+ initialValue: card.Width,
rules: [
{
required: true,
- message: this.props.dict['form.required.input'] + this.props.dict['header.form.columnWidth'] + '!'
+ message: this.props.dict['form.required.input'] + this.props.dict['model.form.columnWidth'] + '!'
}
]
- })(<InputNumber min={1} max={1000} precision={0} />)}
+ })(<InputNumber min={1} max={1000} precision={0} onPressEnter={this.handleSubmit} />)}
</Form.Item>
</Col>
<Col span={12}>
- <Form.Item label={this.props.dict['header.form.Hide']}>
- {getFieldDecorator('Hide', {
- initialValue: this.props.card.Hide,
- rules: [
- {
- required: true,
- message: this.props.dict['form.required.select'] + this.props.dict['header.form.Hide'] + '!'
- }
- ]
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="閫夋嫨鏄剧ず鍒嗙粍锛岃〃鏍间細灞曞紑娣诲姞鍒嗙粍鐨勫瓙鍒楋紝姝ゆ椂鎺掑垪鏂瑰紡浼氬け鏁堛��">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 鏄剧ず鍒嗙粍
+ </Tooltip>
+ }>
+ {getFieldDecorator('unfold', {
+ initialValue: card.unfold || 'false'
})(
<Radio.Group>
- <Radio value="true">{this.props.dict['header.form.true']}</Radio>
- <Radio value="false">{this.props.dict['header.form.false']}</Radio>
+ <Radio value="true">{this.props.dict['model.true']}</Radio>
+ <Radio value="false">{this.props.dict['model.false']}</Radio>
</Radio.Group>
)}
</Form.Item>
</Col>
<Col span={12}>
- <Form.Item label={this.props.dict['header.form.order']}>
- {getFieldDecorator('order', {
- initialValue: this.props.card.order,
+ <Form.Item label={this.props.dict['model.hidden']}>
+ {getFieldDecorator('Hide', {
+ initialValue: card.Hide || 'false',
rules: [
{
required: true,
- message: this.props.dict['form.required.select'] + this.props.dict['header.form.order'] + '!'
+ message: this.props.dict['form.required.select'] + this.props.dict['model.hidden'] + '!'
}
]
})(
- <Select
- getPopupContainer={() => document.getElementById('columncolspan')}
- >
- <Select.Option value="vertical">{this.props.dict['header.form.vertical']}</Select.Option>
- <Select.Option value="horizontal">{this.props.dict['header.form.horizontal']}</Select.Option>
- <Select.Option value="vertical2">{this.props.dict['header.form.vertical2']}</Select.Option>
- <Select.Option value="topPicBottomText">{this.props.dict['header.form.topPicBottomText']}</Select.Option>
- <Select.Option value="leftPicRightText">{this.props.dict['header.form.leftPicRightText']}</Select.Option>
+ <Radio.Group>
+ <Radio value="true">{this.props.dict['model.true']}</Radio>
+ <Radio value="false">{this.props.dict['model.false']}</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
+ <Form.Item label="鎺掑垪">
+ {getFieldDecorator('order', {
+ initialValue: card.order,
+ rules: [
+ {
+ required: true,
+ message: this.props.dict['form.required.select'] + '鎺掑垪!'
+ }
+ ]
+ })(
+ <Select getPopupContainer={() => document.getElementById('columncolspan')} >
+ <Select.Option value="vertical">绾靛悜</Select.Option>
+ <Select.Option value="horizontal">妯悜</Select.Option>
+ <Select.Option value="vertical2">绾靛悜(2鍒�)</Select.Option>
+ <Select.Option value="topPicBottomText">涓婂浘涓嬫枃</Select.Option>
+ <Select.Option value="leftPicRightText">宸﹀浘鍙虫枃</Select.Option>
</Select>
)}
</Form.Item>
</Col>
<Col span={24}>
- <TransferForm dict={this.props.dict} columns={this.props.columns} ref="column-transfer" selected={this.props.card.sublist}/>
+ <TransferForm columns={this.props.columns} ref="column-transfer" selected={card.sublist}/>
</Col>
</Row>
</Form>
--
Gitblit v1.8.0