From c98e45bfac25e9110ad0383faac54a54d98ea9d5 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 18 十一月 2021 20:47:04 +0800
Subject: [PATCH] 2021-11-18
---
src/templates/zshare/verifycard/customscript/index.jsx | 170 ++++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 134 insertions(+), 36 deletions(-)
diff --git a/src/templates/zshare/verifycard/customscript/index.jsx b/src/templates/zshare/verifycard/customscript/index.jsx
index 8430f6e..2bf77c8 100644
--- a/src/templates/zshare/verifycard/customscript/index.jsx
+++ b/src/templates/zshare/verifycard/customscript/index.jsx
@@ -1,20 +1,23 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Form, Row, Col, Input, Button, notification, Modal, Select, Tooltip, Icon, Radio } 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'
import Api from '@/api'
+import CodeMirror from '@/templates/zshare/codemirror'
import './index.scss'
-
-const { TextArea } = Input
class CustomForm extends Component {
static propTpyes = {
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 // 琛ㄥ崟
}
@@ -35,10 +38,11 @@
}
handleConfirm = () => {
+ const { editItem } = this.state
// 琛ㄥ崟鎻愪氦鏃舵鏌ヨ緭鍏ュ�兼槸鍚︽纭�
this.props.form.validateFieldsAndScroll((err, values) => {
if (!err) {
- values.uuid = this.state.editItem ? this.state.editItem.uuid : ''
+ values.uuid = editItem ? editItem.uuid : ''
let _quot = values.sql.match(/'{1}/g)
let _lparen = values.sql.match(/\({1}/g)
@@ -52,21 +56,21 @@
notification.warning({
top: 92,
message: 'sql涓璡'蹇呴』鎴愬鍑虹幇',
- duration: 10
+ duration: 5
})
return
} else if (_lparen !== _rparen) {
notification.warning({
top: 92,
message: 'sql涓�()蹇呴』鎴愬鍑虹幇',
- duration: 10
+ duration: 5
})
return
} else if (/--/ig.test(values.sql)) {
notification.warning({
top: 92,
message: '鑷畾涔塻ql璇彞涓紝涓嶅彲鍑虹幇瀛楃 -- 锛屾敞閲婅鐢� /*鍐呭*/',
- duration: 10
+ duration: 5
})
return
}
@@ -77,7 +81,7 @@
notification.warning({
top: 92,
message: 'sql涓笉鍙娇鐢�' + error,
- duration: 10
+ duration: 5
})
return
}
@@ -86,14 +90,78 @@
aaa:
`
- let param = {
- func: 's_debug_sql',
- LText: this.props.initsql + values.sql + tail
+ let _initCustomScript = '' // 鍒濆鍖栬剼鏈�
+ let _prevCustomScript = '' // 榛樿sql鍓嶆墽琛岃剼鏈�
+ let _backCustomScript = '' // 榛樿sql鍚庢墽琛岃剼鏈�
+
+ this.props.customScripts.forEach(item => {
+ if (item.status === 'false') return
+
+ if (item.position === 'init') {
+ _initCustomScript += `
+ /* 鍒濆鍖栬剼鏈� */
+ ${values.uuid === item.uuid ? values.sql : item.sql}
+ `
+ } else if (item.position === 'front') {
+ _prevCustomScript += `
+ /* 榛樿sql鍓嶈剼鏈� */
+ ${values.uuid === item.uuid ? values.sql : item.sql}
+ `
+ } else {
+ _backCustomScript += `
+ /* 榛樿sql鍚庤剼鏈� */
+ ${values.uuid === item.uuid ? values.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',
+ 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') + '.000'
- param.secretkey = Utils.encrypt(param.LText, param.timestamp)
+ param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss')
+ param.secretkey = Utils.encrypt('', param.timestamp)
this.setState({loading: true})
Api.getLocalConfig(param).then(res => {
@@ -105,7 +173,7 @@
this.props.scriptsChange(values)
})
this.props.form.setFieldsValue({
- sql: ''
+ sql: ' '
})
} else {
this.setState({loading: false})
@@ -119,7 +187,19 @@
})
}
- selectScript = (val, option) => {
+ handleCancel = () => {
+ this.setState({
+ editItem: null
+ })
+
+ this.props.form.setFieldsValue({
+ sql: ' '
+ })
+ }
+
+ selectScript = (value, option) => {
+ if (!value || !option) return
+
let _sql = this.props.form.getFieldValue('sql')
if (_sql) {
_sql = _sql + `
@@ -128,10 +208,10 @@
}
_sql = _sql.replace(/\s{6}$/, '')
- _sql = _sql + `/*${option.props.title}*/
+ _sql = _sql + `/*${option.props.children}*/
`
_sql = _sql.replace(/\s{4}$/, '')
- _sql = _sql + val
+ _sql = _sql + value
this.props.form.setFieldsValue({
sql: _sql
@@ -139,7 +219,7 @@
}
render() {
- const { usefulfields, systemScripts } = this.props
+ const { usefulfields, systemScripts, btn } = this.props
const { getFieldDecorator } = this.props.form
const formItemLayout = {
labelCol: {
@@ -153,53 +233,71 @@
}
return (
- <Form {...formItemLayout} className="verify-form" id="verifycard2">
+ <Form {...formItemLayout} className="verify-form" id="verify-custom-scripts">
<Row gutter={24}>
+ {btn.sql ? <Col span={8}>
+ <Form.Item label={'琛ㄥ悕'} style={{whiteSpace: 'nowrap', margin: 0}}>
+ {btn.sql}
+ </Form.Item>
+ </Col> : null}
+ <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">
<Form.Item label={'鍙敤瀛楁'}>
{usefulfields}
</Form.Item>
</Col> : null}
- <Col span={8}>
+ <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>
}>
{getFieldDecorator('position', {
- initialValue: 'back'
+ initialValue: 'front'
})(
<Radio.Group>
+ <Radio value="init">鍒濆鍖�</Radio>
<Radio value="front">sql鍓�</Radio>
<Radio value="back">sql鍚�</Radio>
</Radio.Group>
)}
</Form.Item>
</Col>
- <Col span={8}>
- <Form.Item style={{marginBottom: 0}} label={
- <Tooltip placement="bottomLeft" title={'浠庣郴缁熷嚱鏁伴泦涓�夋嫨闇�瑕佺殑鍑芥暟锛屽彲蹇�熸坊鍔犺嚦sql涓��'}>
- <Icon type="question-circle" style={{color: '#c49f47', marginRight: '5px'}} />
- 蹇嵎娣诲姞
- </Tooltip>
- }>
- <Select value="" onChange={this.selectScript}>
+ <Col span={10}>
+ <Form.Item label={'蹇嵎娣诲姞'} style={{marginBottom: 0}}>
+ <Select
+ showSearch
+ filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
+ onSelect={this.selectScript}
+ getPopupContainer={() => document.getElementById('verify-custom-scripts')}
+ >
+ <Select.Option key="default" value={this.props.defaultsql}>榛樿sql</Select.Option>
{systemScripts.map((option, i) =>
- <Select.Option title={option.name} key={i} value={option.value}>
- {option.name}
- </Select.Option>
+ <Select.Option key={i} value={option.value}>{option.name}</Select.Option>
)}
</Select>
</Form.Item>
</Col>
- <Col span={4} className="add">
+ <Col span={6} className="add">
<Button onClick={this.handleConfirm} loading={this.state.loading} className="mk-green" style={{marginBottom: 15, marginLeft: 40}}>
淇濆瓨
</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: [
@@ -208,7 +306,7 @@
message: this.props.dict['form.required.input'] + 'sql!'
}
]
- })(<TextArea rows={15} />)}
+ })(<CodeMirror />)}
</Form.Item>
</Col>
</Row>
--
Gitblit v1.8.0