king
2021-11-12 0c84df247914f893ef5e41d57a422e10a2dc814c
src/menu/components/share/clockcomponent/settingform/index.jsx
@@ -1,6 +1,7 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { Form, Row, Col, Select, Tooltip, Icon, Input } from 'antd'
import { Form, Row, Col, Select, Tooltip, Input } from 'antd'
import { QuestionCircleOutlined } from '@ant-design/icons'
import './index.scss'
@@ -11,7 +12,8 @@
  }
  state = {
    clearField: this.props.config.clearField || ''
    clearField: this.props.config.clearField || '',
    timer: this.props.config.timer || ''
  }
  handleConfirm = () => {
@@ -29,7 +31,7 @@
  render() {
    const { config } = this.props
    const { clearField } = this.state
    const { clearField, timer } = this.state
    const { getFieldDecorator } = this.props.form
    const formItemLayout = {
@@ -52,7 +54,7 @@
                {getFieldDecorator('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>
@@ -67,10 +69,10 @@
                )}
              </Form.Item>
            </Col>
            {config.subtype === 'balcony' || config.subtype === 'propcard' ? <Col span={22}>
            {(config.subtype === 'balcony' || config.subtype === 'propcard') && timer ? <Col span={22}>
              <Form.Item label={
                <Tooltip placement="topLeft" title="可以指定字段用于控制定时器的关闭。">
                  <Icon type="question-circle" style={{marginRight: '3px', color: '#c49f47'}} />
                  <QuestionCircleOutlined className="mk-form-tip" />
                  关闭定时
                </Tooltip>
              }>
@@ -83,10 +85,10 @@
                )}
              </Form.Item>
            </Col> : null}
            {(config.subtype === 'balcony' || config.subtype === 'propcard') && clearField ? <Col span={22}>
            {(config.subtype === 'balcony' || config.subtype === 'propcard') && clearField && timer ? <Col span={22}>
              <Form.Item label={
                <Tooltip placement="topLeft" title="当字段值与关闭值相等时,关闭定时器,多个值可用逗号分隔。">
                  <Icon type="question-circle" style={{marginRight: '3px', color: '#c49f47'}} />
                  <QuestionCircleOutlined className="mk-form-tip" />
                  关闭值
                </Tooltip>
              }>