From 547e5fe219ee7bee309ecd67db74bc8df66b5433 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期三, 23 八月 2023 11:47:45 +0800 Subject: [PATCH] 2023-08-23 --- src/menu/datasource/verifycard/customscript/index.jsx | 68 +++++++++++++++++++++++++++------ 1 files changed, 55 insertions(+), 13 deletions(-) diff --git a/src/menu/datasource/verifycard/customscript/index.jsx b/src/menu/datasource/verifycard/customscript/index.jsx index 8c27284..7e7af73 100644 --- a/src/menu/datasource/verifycard/customscript/index.jsx +++ b/src/menu/datasource/verifycard/customscript/index.jsx @@ -1,7 +1,8 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' import { is, fromJS } from 'immutable' -import { Form, Row, Col, Button, notification, Select, Tooltip, Modal } from 'antd' +import { Form, Row, Col, Button, notification, Select, Tooltip, Modal, Switch, Radio } from 'antd' +import { QuestionCircleOutlined } from '@ant-design/icons' import Toast from 'antd-mobile/es/components/toast' import Dialog from 'antd-mobile/es/components/dialog' @@ -22,6 +23,7 @@ } state = { + skip: false, editItem: null, loading: false, usefulFields: '' @@ -86,7 +88,8 @@ }) this.props.form.setFieldsValue({ - sql: record.sql + sql: record.sql, + position: record.position || 'front' }) } @@ -95,11 +98,13 @@ editItem: null }) this.props.form.setFieldsValue({ - sql: ' ' + sql: ' ', + position: 'front' }) } handleConfirm = () => { + const { skip } = this.state // 琛ㄥ崟鎻愪氦鏃舵鏌ヨ緭鍏ュ�兼槸鍚︽纭� this.props.form.validateFieldsAndScroll((err, values) => { if (!err) { @@ -163,11 +168,10 @@ return } - this.setState({loading: true}) - this.props.scriptsChange(values).then(() => { + if (skip) { this.setState({ editItem: null, - loading: false + skip: false }) if (values.uuid) { @@ -178,11 +182,28 @@ sql: ' ' }) this.props.scriptSubmit(values) - }, () => { - this.setState({ - loading: false + } else { + this.setState({loading: true}) + this.props.scriptsChange(values).then(() => { + this.setState({ + editItem: null, + loading: false + }) + + if (values.uuid) { + MKEmitter.emit('editLineId', values.uuid) + } + + this.props.form.setFieldsValue({ + sql: ' ' + }) + this.props.scriptSubmit(values) + }, () => { + this.setState({ + loading: false + }) }) - }) + } } }) } @@ -258,7 +279,7 @@ render() { const { systemScripts, setting, type } = this.props const { getFieldDecorator } = this.props.form - const { usefulFields } = this.state + const { usefulFields, skip } = this.state let urlFields = window.GLOB.urlFields ? window.GLOB.urlFields.join(', ') : '' @@ -295,7 +316,24 @@ <Tooltip mouseLeaveDelay={0.3} mouseEnterDelay={0.3} placement="top" title={'url鍙橀噺锛岃鎸夌収@xxx@鏍煎紡浣跨敤銆�'}>{urlFields ? ', ' : ''}<span style={{color: '#13c2c2'}}>{urlFields}</span></Tooltip> </Form.Item> </Col> - <Col span={10} style={{width: '43%'}}> + <Col span={8} style={{whiteSpace: 'nowrap'}}> + <Form.Item style={{marginBottom: 0}} label={ + <Tooltip placement="bottomLeft" title={'鑷畾涔夎剼鏈笌鏁版嵁婧愪綅缃叧绯汇��'}> + <QuestionCircleOutlined className="mk-form-tip" /> + 鎵ц浣嶇疆 + </Tooltip> + }> + {getFieldDecorator('position', { + initialValue: 'front' + })( + <Radio.Group> + <Radio value="front">鍓嶇疆</Radio> + <Radio value="back">鍚庣疆</Radio> + </Radio.Group> + )} + </Form.Item> + </Col> + <Col span={8}> <Form.Item label="蹇嵎娣诲姞" labelCol={{xs: { span: 24 }, sm: { span: 6 }}} wrapperCol={ {xs: { span: 24 }, sm: { span: 18 }} } style={{marginBottom: 0}}> <Select showSearch @@ -312,7 +350,7 @@ </Select> </Form.Item> </Col> - <Col span={6} className="add"> + <Col span={5} style={{whiteSpace: 'nowrap'}}> <Button onClick={this.handleConfirm} loading={this.state.loading} className="mk-green" style={{marginTop: 5, marginBottom: 15, marginLeft: 30}}> 淇濆瓨 </Button> @@ -320,6 +358,10 @@ 鍙栨秷 </Button> </Col> + <Col span={3} style={{paddingTop: '15px', fontSize: '12px', whiteSpace: 'nowrap'}}> + 寮哄埗淇濆瓨锛� + <Switch checked={skip} size="small" onChange={() => this.setState({skip: !skip})}/> + </Col> <Col span={24} className="sql"> <Form.Item label="sql"> {getFieldDecorator('sql', { -- Gitblit v1.8.0