| | |
| | | } |
| | | |
| | | state = { |
| | | clearField: this.props.config.clearField || '' |
| | | clearField: this.props.config.clearField || '', |
| | | timer: this.props.config.timer || '' |
| | | } |
| | | |
| | | handleConfirm = () => { |
| | |
| | | |
| | | render() { |
| | | const { config } = this.props |
| | | const { clearField } = this.state |
| | | const { clearField, timer } = this.state |
| | | const { getFieldDecorator } = this.props.form |
| | | |
| | | const formItemLayout = { |
| | |
| | | {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> |
| | |
| | | )} |
| | | </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'}} /> |
| | |
| | | )} |
| | | </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'}} /> |