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