From 0c84df247914f893ef5e41d57a422e10a2dc814c Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 12 十一月 2021 17:02:06 +0800 Subject: [PATCH] 2021-11-12 --- src/menu/components/share/clockcomponent/settingform/index.jsx | 46 ++++++++++++++++++++++++++++++++++++++++------ 1 files changed, 40 insertions(+), 6 deletions(-) diff --git a/src/menu/components/share/clockcomponent/settingform/index.jsx b/src/menu/components/share/clockcomponent/settingform/index.jsx index d5ee583..099f414 100644 --- a/src/menu/components/share/clockcomponent/settingform/index.jsx +++ b/src/menu/components/share/clockcomponent/settingform/index.jsx @@ -1,16 +1,20 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' -import { Form, Row, Col, Select } from 'antd' +import { Form, Row, Col, Select, Tooltip, Input } from 'antd' +import { QuestionCircleOutlined } from '@ant-design/icons' import './index.scss' class SettingForm extends Component { static propTpyes = { - timer: PropTypes.string, // 缁勪欢鍚嶇О - inputSubmit: PropTypes.func // 鍥炶溅浜嬩欢 + config: PropTypes.string, + inputSubmit: PropTypes.func } - state = {} + state = { + clearField: this.props.config.clearField || '', + timer: this.props.config.timer || '' + } handleConfirm = () => { // 琛ㄥ崟鎻愪氦鏃舵鏌ヨ緭鍏ュ�兼槸鍚︽纭� @@ -26,6 +30,8 @@ } render() { + const { config } = this.props + const { clearField, timer } = this.state const { getFieldDecorator } = this.props.form const formItemLayout = { @@ -46,9 +52,9 @@ <Col span={22}> <Form.Item label="瀹氭椂鍣�"> {getFieldDecorator('timer', { - initialValue: this.props.timer || '' + initialValue: config.timer || '' })( - <Select> + <Select onChange={(val) => this.setState({timer: val})}> <Select.Option value=""> 鏃� </Select.Option> <Select.Option value="5s"> 5绉� </Select.Option> <Select.Option value="15s"> 15绉� </Select.Option> @@ -63,6 +69,34 @@ )} </Form.Item> </Col> + {(config.subtype === 'balcony' || config.subtype === 'propcard') && timer ? <Col span={22}> + <Form.Item label={ + <Tooltip placement="topLeft" title="鍙互鎸囧畾瀛楁鐢ㄤ簬鎺у埗瀹氭椂鍣ㄧ殑鍏抽棴銆�"> + <QuestionCircleOutlined className="mk-form-tip" /> + 鍏抽棴瀹氭椂 + </Tooltip> + }> + {getFieldDecorator('clearField', { + initialValue: clearField || '' + })( + <Select allowClear onChange={(val) => this.setState({clearField: val})}> + {config.columns.map(col => (<Select.Option key={col.uuid} value={col.field}>{col.label}</Select.Option>))} + </Select> + )} + </Form.Item> + </Col> : null} + {(config.subtype === 'balcony' || config.subtype === 'propcard') && clearField && timer ? <Col span={22}> + <Form.Item label={ + <Tooltip placement="topLeft" title="褰撳瓧娈靛�间笌鍏抽棴鍊肩浉绛夋椂锛屽叧闂畾鏃跺櫒锛屽涓�煎彲鐢ㄩ�楀彿鍒嗛殧銆�"> + <QuestionCircleOutlined className="mk-form-tip" /> + 鍏抽棴鍊� + </Tooltip> + }> + {getFieldDecorator('clearValue', { + initialValue: config.clearValue || '' + })(<Input placeholder="" autoComplete="off" onPressEnter={this.props.inputSubmit}/>)} + </Form.Item> + </Col> : null} </Row> </Form> </div> -- Gitblit v1.8.0