From fe21d23b147ed5cec22b4f76a88840b05495d4ad Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期六, 18 六月 2022 22:33:59 +0800 Subject: [PATCH] 2022-06-18 --- src/templates/zshare/verifycard/customscript/index.jsx | 155 ++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 121 insertions(+), 34 deletions(-) diff --git a/src/templates/zshare/verifycard/customscript/index.jsx b/src/templates/zshare/verifycard/customscript/index.jsx index c10bb72..257064a 100644 --- a/src/templates/zshare/verifycard/customscript/index.jsx +++ b/src/templates/zshare/verifycard/customscript/index.jsx @@ -1,6 +1,7 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' -import { Form, Row, Col, Button, notification, Modal, Tooltip, Icon, Radio, Select } from 'antd' +import { Form, Row, Col, Button, notification, Modal, Tooltip, Radio, Select } from 'antd' +import { QuestionCircleOutlined } from '@ant-design/icons' import moment from 'moment' import Utils from '@/utils/utils.js' @@ -10,10 +11,12 @@ class CustomForm extends Component { static propTpyes = { + type: PropTypes.any, dict: PropTypes.object, // 瀛楀吀椤� btn: PropTypes.object, // 鎸夐挳淇℃伅 usefulfields: PropTypes.string, // 鍙敤瀛楁 initsql: PropTypes.string, // sql鍓嶇紑 + defaultsql: PropTypes.array, // 榛樿sql systemScripts: PropTypes.array, // 绯荤粺鑴氭湰 customScripts: PropTypes.array, // 鑷畾涔夎剼鏈� scriptsChange: PropTypes.func // 琛ㄥ崟 @@ -29,17 +32,34 @@ editItem: record }) - this.props.form.setFieldsValue({ - sql: record.sql, - position: record.position || 'back' - }) + if (this.props.type) { + this.props.form.setFieldsValue({ + sql: record.sql + }) + } else { + this.props.form.setFieldsValue({ + sql: record.sql, + position: record.position || 'back' + }) + } } handleConfirm = () => { + const { type } = this.props + const { editItem } = this.state // 琛ㄥ崟鎻愪氦鏃舵鏌ヨ緭鍏ュ�兼槸鍚︽纭� this.props.form.validateFieldsAndScroll((err, values) => { + if (type === 'fullscreen' && err) { + notification.warning({ + top: 92, + message: '璇疯緭鍏ql!', + duration: 5 + }) + return + } if (!err) { - values.uuid = this.state.editItem ? this.state.editItem.uuid : '' + values.uuid = editItem ? editItem.uuid : '' + values.position = values.position || (editItem ? editItem.position : 'front') let _quot = values.sql.match(/'{1}/g) let _lparen = values.sql.match(/\({1}/g) @@ -87,27 +107,80 @@ aaa: ` - let _initsql = '' - this.props.customScripts.forEach(script => { - if (this.state.editItem && this.state.editItem.uuid === script.uuid) return - if (script.status === 'false' || script.position !== 'init') return + let _initCustomScript = '' // 鍒濆鍖栬剼鏈� + let _prevCustomScript = '' // 榛樿sql鍓嶆墽琛岃剼鏈� + let _backCustomScript = '' // 榛樿sql鍚庢墽琛岃剼鏈� - _initsql += ` - ${script.sql} + this.props.customScripts.forEach(item => { + if (item.status === 'false' && values.uuid !== item.uuid) return + + let _item = values.uuid === item.uuid ? values : item + + if (_item.position === 'init') { + _initCustomScript += ` + /* 鍒濆鍖栬剼鏈� */ + ${_item.sql} ` + } else if (_item.position === 'front') { + _prevCustomScript += ` + /* 榛樿sql鍓嶈剼鏈� */ + ${_item.sql} + ` + } else { + _backCustomScript += ` + /* 榛樿sql鍚庤剼鏈� */ + ${_item.sql} + ` + } }) + + if (!values.uuid) { + if (values.position === 'init') { + _initCustomScript += ` + /* 鍒濆鍖栬剼鏈� */ + ${values.sql} + ` + } else if (values.position === 'front') { + _prevCustomScript += ` + /* 榛樿sql鍓嶈剼鏈� */ + ${values.sql} + ` + } else { + _backCustomScript += ` + /* 榛樿sql鍚庤剼鏈� */ + ${values.sql} + ` + } + } let param = { func: 's_debug_sql', - LText: this.props.initsql + _initsql + values.sql + tail + exec_type: 'y', + LText: this.props.initsql + _initCustomScript + _prevCustomScript + _backCustomScript + tail + } + + if (window.GLOB.funcs && window.GLOB.funcs.length > 0) { + window.GLOB.funcs.forEach(item => { + let reg = new RegExp('\\$ex@' + item.func_code + '@ex\\$', 'ig') + param.LText = param.LText.replace(reg, `/*$ex@${item.func_code}-begin*/\n${item.key_sql}\n/*@ex$-end*/`) + }) } // 鏁版嵁鏉冮檺 param.LText = param.LText.replace(/@\$|\$@/ig, '') + // check + param.LText = param.LText.replace(/\$check@|@check\$/ig, '') + + // 澶栬仈鏁版嵁搴撴浛鎹� + if (window.GLOB.externalDatabase !== null) { + param.LText = param.LText.replace(/@db@/ig, window.GLOB.externalDatabase) + } + + console.info(`/* sql 楠岃瘉 */\n${param.LText.replace(/\n\s{6,20}/ig, '\n')}`) param.LText = Utils.formatOptions(param.LText) param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') - param.secretkey = Utils.encrypt(param.LText, param.timestamp) + param.secretkey = Utils.encrypt('', param.timestamp) this.setState({loading: true}) Api.getLocalConfig(param).then(res => { @@ -119,7 +192,7 @@ this.props.scriptsChange(values) }) this.props.form.setFieldsValue({ - sql: '' + sql: ' ' }) } else { this.setState({loading: false}) @@ -139,11 +212,13 @@ }) this.props.form.setFieldsValue({ - sql: '' + sql: ' ' }) } selectScript = (value, option) => { + if (!value || !option) return + let _sql = this.props.form.getFieldValue('sql') if (_sql) { _sql = _sql + ` @@ -163,8 +238,9 @@ } render() { - const { usefulfields, systemScripts, btn } = this.props + const { usefulfields, systemScripts, btn, type } = this.props const { getFieldDecorator } = this.props.form + const { editItem } = this.state const formItemLayout = { labelCol: { xs: { span: 24 }, @@ -176,28 +252,30 @@ } } + let _type = type || '' + return ( - <Form {...formItemLayout} className="verify-form" id="verify-custom-scripts"> + <Form {...formItemLayout} className="verify-form verify-custom-scripts" id={'verify-custom-scripts' + _type}> <Row gutter={24}> - {btn.sql ? <Col span={8}> + {!_type ? <Col span={8}> <Form.Item label={'琛ㄥ悕'} style={{whiteSpace: 'nowrap', margin: 0}}> - {btn.sql} + {btn.sql || ''} </Form.Item> </Col> : null} - <Col span={16}> - <Form.Item label={'鎶ラ敊瀛楁'} style={{margin: 0}}> - ErrorCode, retmsg + {!_type ? <Col span={10}> + <Form.Item label={'鎶ラ敊瀛楁'} style={{margin: 0, whiteSpace: 'nowrap'}}> + ErrorCode锛堝鍔犲悗缂�NT琛ㄧず鏁版嵁涓嶅洖婊氾紝濡侲NT銆丯NT銆丗NT銆丯MNT锛�, retmsg </Form.Item> - </Col> - {usefulfields ? <Col span={24} className="sqlfield"> + </Col> : null} + {!_type && usefulfields ? <Col span={24} className="sqlfield"> <Form.Item label={'鍙敤瀛楁'}> {usefulfields} </Form.Item> </Col> : null} - <Col span={8} style={{whiteSpace: 'nowrap'}}> + {!_type ?<Col span={8} style={{whiteSpace: 'nowrap'}}> <Form.Item style={{marginBottom: 0}} label={ <Tooltip placement="bottomLeft" title={'鑷畾涔夎剼鏈笌榛樿sql浣嶇疆鍏崇郴銆�'}> - <Icon type="question-circle" style={{color: '#c49f47', marginRight: '5px'}} /> + <QuestionCircleOutlined className="mk-form-tip" /> 鎵ц浣嶇疆 </Tooltip> }> @@ -211,31 +289,40 @@ </Radio.Group> )} </Form.Item> - </Col> - <Col span={10}> + </Col> : null} + {!_type ?<Col span={10}> <Form.Item label={'蹇嵎娣诲姞'} style={{marginBottom: 0}}> <Select showSearch filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0} - onChange={this.selectScript} - getPopupContainer={() => document.getElementById('verify-custom-scripts')} + onSelect={this.selectScript} + getPopupContainer={() => document.getElementById('verify-custom-scripts' + _type)} > + <Select.Option key="default" value={this.props.defaultsql}>榛樿sql</Select.Option> + <Select.Option key="debugger" value={`z_debug: select @ErrorCode='E',@retmsg='娴嬭瘯鏂偣' goto aaa`}> + 娴嬭瘯鏂偣 + </Select.Option> {systemScripts.map((option, i) => <Select.Option key={i} value={option.value}>{option.name}</Select.Option> )} </Select> </Form.Item> - </Col> + </Col> : null} <Col span={6} className="add"> <Button onClick={this.handleConfirm} loading={this.state.loading} className="mk-green" style={{marginBottom: 15, marginLeft: 40}}> - 淇濆瓨 + {_type === 'fullscreen' && !editItem ? '娣诲姞' : '淇濆瓨'} </Button> <Button onClick={this.handleCancel} style={{marginBottom: 15, marginLeft: 10}}> 鍙栨秷 </Button> </Col> <Col span={24} className="sql"> - <Form.Item label={'sql'}> + <Form.Item label={ + <Tooltip placement="topLeft" title={'鏁版嵁妫�鏌ユ浛鎹㈢ $check@ -> \'\'銆� @check$ -> \'\'锛孍rrorCode绛変簬C鏃� $check@ -> /*銆� @check$ -> */'}> + <QuestionCircleOutlined className="mk-form-tip" /> + sql + </Tooltip> + }> {getFieldDecorator('sql', { initialValue: '', rules: [ -- Gitblit v1.8.0