From 27eb6c35533be910488869c393e2c89e3c0a5b20 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 07 九月 2020 23:33:23 +0800
Subject: [PATCH] 2020-09-07
---
src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx | 251 +++++++++++++++++++++++++++++++++++++------------
1 files changed, 188 insertions(+), 63 deletions(-)
diff --git a/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx b/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx
index 705111e..295a5b4 100644
--- a/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx
+++ b/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx
@@ -1,6 +1,6 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Form, Row, Col, Input, Radio, Tooltip, Icon, notification } from 'antd'
+import { Form, Row, Col, Input, Radio, Tooltip, Icon, notification, Select } from 'antd'
import moment from 'moment'
import Api from '@/api'
@@ -11,16 +11,43 @@
class SettingForm extends Component {
static propTpyes = {
+ type: PropTypes.string, // 鑿滃崟绫诲瀷锛宮ain鎴杝ubtable
dict: PropTypes.object, // 瀛楀吀椤�
- menuId: PropTypes.string, // 鑿滃崟Id
- permFuncField: PropTypes.any, // 鑿滃崟Id
+ menu: PropTypes.object, // 鑿滃崟淇℃伅
+ permFuncField: PropTypes.any, // 瀛樺偍杩囩▼鍙敤寮�濮嬪瓧绗�
setting: PropTypes.object, // 鏁版嵁婧愰厤缃�
columns: PropTypes.array, // 鍒楄缃�
scripts: PropTypes.array, // 鑷畾涔夎剼鏈�
}
state = {
- interType: this.props.setting.interType || 'inner',
+ interType: 'system',
+ funcTooltip: '',
+ funcRules: []
+ }
+
+ UNSAFE_componentWillMount () {
+ const { setting, permFuncField } = this.props
+
+ let tooltip = null
+ let rules = []
+
+ if (permFuncField && permFuncField.length > 0) {
+ tooltip = '寮�澶村彲鐢ㄥ瓧绗︼細' + permFuncField.join(', ')
+ let str = '^(' + permFuncField.join('|') + ')'
+ let _patten = new RegExp(str + formRule.func.innerPattern + '$', 'g')
+
+ rules.push({
+ pattern: _patten,
+ message: formRule.func.innerMessage
+ })
+ }
+
+ this.setState({
+ interType: setting.interType || 'system',
+ funcTooltip: tooltip,
+ funcRules: rules
+ })
}
handleConfirm = () => {
@@ -30,15 +57,15 @@
this.props.form.validateFieldsAndScroll((err, values) => {
if (!err) {
// 鏁版嵁婧愬墠绔獙璇�
- if (values.interType === 'inner' && !values.innerFunc && values.execute !== 'false' && !values.dataresource) {
+ if (values.interType === 'system' && values.default !== 'false' && !values.dataresource) {
notification.warning({
top: 92,
- message: '璇峰～鍐欏唴閮ㄥ嚱鏁版垨鏁版嵁婧愶紒',
+ message: '璇峰～鍐欐暟鎹簮锛�',
duration: 5
})
reject()
return
- } else if (values.interType === 'inner' && !values.innerFunc && values.execute !== 'false' && values.dataresource) {
+ } else if (values.interType === 'system' && values.default !== 'false' && values.dataresource) {
let _quot = values.dataresource.match(/'{1}/g)
let _lparen = values.dataresource.match(/\({1}/g)
let _rparen = values.dataresource.match(/\){1}/g)
@@ -88,13 +115,13 @@
// 鏁版嵁婧愪繚瀛�
if (
- values.interType === 'inner' && !values.innerFunc && values.execute !== 'false' &&
+ values.interType === 'system' && values.default !== 'false' &&
/[^\s]+\s+[^\s]+/ig.test(values.dataresource) && setting.dataresource !== values.dataresource
) {
let param = {
func: 's_DataSrc_Save',
LText: values.dataresource,
- MenuID: this.props.menuId
+ MenuID: this.props.menu.MenuID
}
param.LText = Utils.formatOptions(param.LText)
@@ -119,13 +146,27 @@
this.setState({
interType: value
})
+ } else if (key === 'sysInterface') {
+ if (value === 'true') {
+ this.props.form.setFieldsValue({
+ interface: window.GLOB.mainSystemApi || ''
+ })
+ }
+ }
+ }
+
+ primaryKeyChange = (val) => {
+ if (val) {
+ this.props.form.setFieldsValue({
+ order: `${val} desc`
+ })
}
}
render() {
- const { setting, permFuncField } = this.props
+ const { setting, dict, menu, type, columns } = this.props
const { getFieldDecorator } = this.props.form
- const { interType } = this.state
+ const { interType, funcRules, funcTooltip } = this.state
const formItemLayout = {
labelCol: {
@@ -138,92 +179,125 @@
}
}
- let tooltip = null
- let rules = []
-
- if (permFuncField && permFuncField.length > 0) {
- tooltip = '寮�澶村彲鐢ㄥ瓧绗︼細' + permFuncField.join(', ')
- let str = '^(' + permFuncField.join('|') + ')'
- let _patten = new RegExp(str + formRule.func.innerPattern + '$', 'g')
-
- rules.push({
- pattern: _patten,
- message: formRule.func.innerMessage
- })
- }
-
return (
- <div className="model-datasource-setting-form-box">
+ <div className="model-table-datasource-setting-form-box">
<Form {...formItemLayout} className="model-setting-form">
<Row gutter={24}>
- <Col span={8}>
+ <Col span={12}>
<Form.Item label="琛ㄥ悕">
{getFieldDecorator('tableName', {
- initialValue: setting.tableName,
+ initialValue: setting.tableName || '',
rules: [
{
required: true,
- message: this.props.dict['form.required.input'] + '琛ㄥ悕!'
+ message: dict['form.required.input'] + '琛ㄥ悕!'
},
]
})(<Input placeholder={''} autoComplete="off" />)}
</Form.Item>
</Col>
- <Col span={8}>
- <Form.Item label="鎺ュ彛绫诲瀷">
+ <Col span={12}>
+ <Form.Item label="琛ㄦ牸灞炴��">
+ {getFieldDecorator('tableType', {
+ initialValue: setting.tableType
+ })(
+ <Radio.Group>
+ <Radio value="">涓嶅彲閫�</Radio>
+ <Radio value="radio">鍗曢��</Radio>
+ <Radio value="checkbox">澶氶��</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
+ <Form.Item label={dict['header.form.intertype']}>
{getFieldDecorator('interType', {
initialValue: interType,
rules: [
{
required: true,
- message: this.props.dict['form.required.select'] + '鎺ュ彛绫诲瀷!'
+ message: dict['form.required.select'] + dict['header.form.intertype'] + '!'
},
]
})(
<Radio.Group onChange={(e) => {this.onRadioChange(e, 'interType')}}>
+ <Radio value="system">绯荤粺</Radio>
<Radio value="inner">鍐呴儴</Radio>
<Radio value="outer">澶栭儴</Radio>
</Radio.Group>)}
</Form.Item>
</Col>
- {interType === 'inner' ? <Col span={8}>
- <Form.Item label={tooltip ?
- <Tooltip placement="topLeft" title={tooltip}>
+ {interType === 'outer' ? <Col span={12}>
+ <Form.Item label={dict['header.form.sysInterface']}>
+ {getFieldDecorator('sysInterface', {
+ initialValue: setting.sysInterface || 'false',
+ rules: [
+ {
+ required: true,
+ message: dict['form.required.select'] + dict['header.form.sysInterface'] + '!'
+ },
+ ]
+ })(
+ <Radio.Group onChange={(e) => {this.onRadioChange(e, 'sysInterface')}}>
+ <Radio value="true">{dict['model.true']}</Radio>
+ <Radio value="false">{dict['model.false']}</Radio>
+ </Radio.Group>)}
+ </Form.Item>
+ </Col> : null}
+ {interType === 'inner' ? <Col span={12}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title={funcTooltip}>
<Icon type="question-circle" />
鍐呴儴鍑芥暟
- </Tooltip> : '鍐呴儴鍑芥暟'
+ </Tooltip>
}>
{getFieldDecorator('innerFunc', {
initialValue: setting.innerFunc || '',
- rules: rules
+ rules: [
+ {
+ required: true,
+ message: dict['form.required.input'] + '鍐呴儴鍑芥暟!'
+ },
+ {
+ max: formRule.func.max,
+ message: formRule.func.maxMessage
+ },
+ ...funcRules
+ ]
})(<Input placeholder={''} autoComplete="off" />)}
</Form.Item>
</Col> : null}
- {interType === 'outer' ? <Col span={8}>
+ {interType === 'outer' ? <Col span={12}>
<Form.Item label="鎺ュ彛鍦板潃">
{getFieldDecorator('interface', {
initialValue: setting.interface || '',
rules: [
{
required: true,
- message: this.props.dict['form.required.input'] + '鎺ュ彛鍦板潃!'
+ message: dict['form.required.input'] + '鎺ュ彛鍦板潃!'
},
]
})(<Input placeholder={''} autoComplete="off" />)}
</Form.Item>
</Col> : null}
- {interType === 'outer' ? <Col span={8}>
+ {interType === 'outer' ? <Col span={12}>
<Form.Item label="澶栭儴鍑芥暟">
{getFieldDecorator('outerFunc', {
initialValue: setting.outerFunc || '',
rules: [
-
+ {
+ pattern: formRule.func.pattern,
+ message: formRule.func.message
+ }, {
+ max: formRule.func.max,
+ message: formRule.func.maxMessage
+ }
]
})(<Input placeholder={''} autoComplete="off" />)}
</Form.Item>
</Col> : null}
- {interType === 'inner' ? <Col span={24} className="data-source" style={{paddingLeft: '7px'}}>
- <Form.Item labelCol={{xs: { span: 24 }, sm: { span: 2 }}} wrapperCol={ {xs: { span: 24 }, sm: { span: 22 }} } label={
+ {interType === 'system' ? <Col span={24} className="data-source" style={{paddingLeft: '7px'}}>
+ <Form.Item help={'鏁版嵁ID锛�' + menu.MenuID} labelCol={{xs: { span: 24 }, sm: { span: 4 }}} wrapperCol={ {xs: { span: 24 }, sm: { span: 20 }} } label={
<Tooltip placement="topLeft" title={'浣跨敤绯荤粺鍑芥暟鏃讹紝闇�濉啓鏁版嵁婧愩�傛敞锛氭暟鎹潈闄愭浛鎹㈢ $@ -> /* 鎴� \'\'銆� @$ -> */ 鎴� \'\''}>
<Icon type="question-circle" />
鏁版嵁婧�
@@ -234,7 +308,7 @@
})(<CodeMirror />)}
</Form.Item>
</Col> : null}
- {interType === 'inner' ? <Col span={8}>
+ {interType === 'system' ? <Col span={12}>
<Form.Item label={
<Tooltip placement="topLeft" title={'鏌ヨ鏃讹紝鎼滅储鏉′欢浠here鏉′欢鎷兼帴杩涘叆sql锛岀粺璁℃椂锛屽皢鏁版嵁婧愪腑浠モ�淍+鎼滅储瀛楁+@鈥濈殑鍐呭锛屼互鎼滅储鏉′欢涓殑鍊艰繘琛屾浛鎹㈠悗锛屾彁浜ゆ煡璇紝娉細鏌ヨ绫诲瀷浠呭湪浣跨敤绯荤粺鍑芥暟鏃舵湁鏁堛��'}>
<Icon type="question-circle" />
@@ -250,25 +324,10 @@
</Radio.Group>)}
</Form.Item>
</Col> : null}
- {/* <Col span={8}>
- <Form.Item label="涓婚敭">
- {getFieldDecorator('primaryKey', {
- initialValue: setting.primaryKey || ''
- })(
- <Select>
- {columns.map((option, i) =>
- <Select.Option key={i} value={option.field}>
- {option.label}
- </Select.Option>
- )}
- </Select>
- )}
- </Form.Item>
- </Col> */}
- {interType === 'inner' ? <Col span={8}>
+ {interType === 'system' ? <Col span={12}>
<Form.Item label="榛樿sql">
- {getFieldDecorator('execute', {
- initialValue: setting.execute || 'true'
+ {getFieldDecorator('default', {
+ initialValue: setting.default || 'true'
})(
<Radio.Group>
<Radio value="true">鎵ц</Radio>
@@ -276,7 +335,51 @@
</Radio.Group>)}
</Form.Item>
</Col> : null}
- <Col span={8}>
+ <Col span={12}>
+ <Form.Item label="涓婚敭">
+ {getFieldDecorator('primaryKey', {
+ initialValue: setting.primaryKey || ''
+ })(
+ <Select onChange={this.primaryKeyChange}>
+ <Select.Option key="empty" value="">鏈缃�</Select.Option>
+ {columns.map((option, i) =>
+ <Select.Option key={i} value={option.value}>
+ {option.text}
+ </Select.Option>
+ )}
+ </Select>
+ )}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
+ <Form.Item label="榛樿鎺掑簭">
+ {getFieldDecorator('order', {
+ initialValue: setting.order || '',
+ rules: [
+ {
+ required: true,
+ message: dict['form.required.input'] + '榛樿鎺掑簭!'
+ },
+ {
+ max: formRule.input.max,
+ message: formRule.input.message
+ }
+ ]
+ })(<Input placeholder={'ID asc, UID desc'} autoComplete="off" />)}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
+ <Form.Item label="鏄惁鍒嗛〉">
+ {getFieldDecorator('laypage', {
+ initialValue: setting.laypage || 'true'
+ })(
+ <Radio.Group>
+ <Radio value="true">{dict['model.true']}</Radio>
+ <Radio value="false">{dict['model.false']}</Radio>
+ </Radio.Group>)}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
<Form.Item label="鍒濆鍖�">
{getFieldDecorator('onload', {
initialValue: setting.onload || 'true'
@@ -287,6 +390,28 @@
</Radio.Group>)}
</Form.Item>
</Col>
+ {type === 'main' ? <Col span={12}>
+ <Form.Item label="鎸夐挳鍥哄畾">
+ {getFieldDecorator('actionfixed', {
+ initialValue: setting.actionfixed === 'true' || setting.actionfixed === true ? 'true' : 'false'
+ })(
+ <Radio.Group>
+ <Radio value="true">{dict['model.true']}</Radio>
+ <Radio value="false">{dict['model.false']}</Radio>
+ </Radio.Group>)}
+ </Form.Item>
+ </Col> : null}
+ {type === 'main' ? <Col span={12}>
+ <Form.Item label="琛ㄥご鍥哄畾">
+ {getFieldDecorator('columnfixed', {
+ initialValue: setting.columnfixed === 'true' || setting.columnfixed === true ? 'true' : 'false'
+ })(
+ <Radio.Group>
+ <Radio value="true">{dict['model.true']}</Radio>
+ <Radio value="false">{dict['model.false']}</Radio>
+ </Radio.Group>)}
+ </Form.Item>
+ </Col> : null}
</Row>
</Form>
</div>
--
Gitblit v1.8.0