2021-09-17

king

2021-09-17 eb0c4703ec7cd21dc921ae113b7e3be69c641c1d

 src/menu/components/share/clockcomponent/settingform/index.jsx

@@ -1,16 +1,18 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { Form, Row, Col, Select } from 'antd'
import { Form, Row, Col, Select, Tooltip, Icon, Input } from 'antd'

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 || ''
  }

  handleConfirm = () => {
    // 表单提交时检查输入值是否正确
@@ -26,6 +28,8 @@
  }

  render() {
    const { config } = this.props
    const { clearField } = this.state
    const { getFieldDecorator } = this.props.form

    const formItemLayout = {
@@ -46,7 +50,7 @@
            <Col span={22}>
              <Form.Item label="定时器">
                {getFieldDecorator('timer', {
                  initialValue: this.props.timer || ''
                  initialValue: config.timer || ''
                })(
                  <Select>
                    <Select.Option value=""> 无 </Select.Option>
@@ -63,6 +67,34 @@
                )}
              </Form.Item>
            </Col>
            {config.subtype === 'balcony' || config.subtype === 'propcard' ? <Col span={22}>
              <Form.Item label={
                <Tooltip placement="topLeft" title="可以指定字段用于控制定时器的关闭。">
                  <Icon type="question-circle" style={{marginRight: '3px', color: '#c49f47'}} />
                  关闭定时
                </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 ? <Col span={22}>
              <Form.Item label={
                <Tooltip placement="topLeft" title="当字段值与关闭值相等时，关闭定时器，多个值可用逗号分隔。">
                  <Icon type="question-circle" style={{marginRight: '3px', color: '#c49f47'}} />
                  关闭值
                </Tooltip>
              }>
                {getFieldDecorator('clearValue', {
                  initialValue: config.clearValue || ''
                })(<Input placeholder="" autoComplete="off" onPressEnter={this.props.inputSubmit}/>)}
              </Form.Item>
            </Col> : null}
          </Row>
        </Form>
      </div>