From cb9ade2afd2a367ad767bc605ab7086c695dd010 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 09 十二月 2022 15:53:32 +0800 Subject: [PATCH] 2022-12-09 --- src/menu/components/share/clockcomponent/settingform/index.jsx | 41 ++++++++++++++++++++++++++++++++++++----- 1 files changed, 36 insertions(+), 5 deletions(-) diff --git a/src/menu/components/share/clockcomponent/settingform/index.jsx b/src/menu/components/share/clockcomponent/settingform/index.jsx index 099f414..0978f22 100644 --- a/src/menu/components/share/clockcomponent/settingform/index.jsx +++ b/src/menu/components/share/clockcomponent/settingform/index.jsx @@ -1,6 +1,6 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' -import { Form, Row, Col, Select, Tooltip, Input } from 'antd' +import { Form, Row, Col, Select, Tooltip, Input, InputNumber, notification } from 'antd' import { QuestionCircleOutlined } from '@ant-design/icons' import './index.scss' @@ -21,6 +21,15 @@ return new Promise((resolve, reject) => { this.props.form.validateFieldsAndScroll((err, values) => { if (!err) { + if (values.timer === '2s') { + if (!values.timerRepeats) { + notification.warning({ top: 92, message: '璇疯缃�2s瀹氭椂鍣ㄦ墽琛屾鏁般��', duration: 3 }) + return + } else if (values.timerRepeats > 3) { + notification.warning({ top: 92, message: '2s瀹氭椂鍣ㄦ墽琛屾鏁颁笉鍙秴杩�3娆°��', duration: 3 }) + return + } + } resolve(values) } else { reject(err) @@ -50,12 +59,22 @@ <Form {...formItemLayout}> <Row gutter={24}> <Col span={22}> - <Form.Item label="瀹氭椂鍣�"> + <Form.Item label={ + <Tooltip placement="topLeft" title="2s瀹氭椂鍣ㄦ渶澶氬彧鑳芥墽琛屼笁娆★紝瀹氭椂鍣ㄦ墽琛�3娆′互涓婇渶瑕佸湪鍗曠偣绯荤粺璁剧疆鏉冮檺銆�"> + <QuestionCircleOutlined className="mk-form-tip" /> + 瀹氭椂鍣� + </Tooltip> + }> {getFieldDecorator('timer', { initialValue: config.timer || '' })( - <Select onChange={(val) => this.setState({timer: val})}> + <Select onChange={(val) => this.setState({timer: val}, () => { + if (val === '2s') { + this.props.form.setFieldsValue({timerRepeats: 1}) + } + })}> <Select.Option value=""> 鏃� </Select.Option> + <Select.Option value="2s"> 2绉� </Select.Option> <Select.Option value="5s"> 5绉� </Select.Option> <Select.Option value="15s"> 15绉� </Select.Option> <Select.Option value="30s"> 30绉� </Select.Option> @@ -69,7 +88,19 @@ )} </Form.Item> </Col> - {(config.subtype === 'balcony' || config.subtype === 'propcard') && timer ? <Col span={22}> + {timer ? <Col span={22}> + <Form.Item label={ + <Tooltip placement="topLeft" title="瀹氭椂鍣ㄦ墽琛屾鏁般�傛敞锛�0琛ㄧず娌℃湁闄愬埗銆�"> + <QuestionCircleOutlined className="mk-form-tip" /> + 鎵ц娆℃暟 + </Tooltip> + }> + {getFieldDecorator('timerRepeats', { + initialValue: config.timerRepeats || 0, + })(<InputNumber min={0} max={500} precision={0} />)} + </Form.Item> + </Col> : null} + {config.type === 'card' && (config.subtype === 'balcony' || config.subtype === 'propcard') && timer && timer !== '2s' ? <Col span={22}> <Form.Item label={ <Tooltip placement="topLeft" title="鍙互鎸囧畾瀛楁鐢ㄤ簬鎺у埗瀹氭椂鍣ㄧ殑鍏抽棴銆�"> <QuestionCircleOutlined className="mk-form-tip" /> @@ -85,7 +116,7 @@ )} </Form.Item> </Col> : null} - {(config.subtype === 'balcony' || config.subtype === 'propcard') && clearField && timer ? <Col span={22}> + {(config.subtype === 'balcony' || config.subtype === 'propcard') && clearField && timer && timer !== '2s' ? <Col span={22}> <Form.Item label={ <Tooltip placement="topLeft" title="褰撳瓧娈靛�间笌鍏抽棴鍊肩浉绛夋椂锛屽叧闂畾鏃跺櫒锛屽涓�煎彲鐢ㄩ�楀彿鍒嗛殧銆�"> <QuestionCircleOutlined className="mk-form-tip" /> -- Gitblit v1.8.0