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/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx | 1078 ++++++++++++++++++++++++----------------------------------- 1 files changed, 447 insertions(+), 631 deletions(-) diff --git a/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx b/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx index 221db3c..323f052 100644 --- a/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx +++ b/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx @@ -8,7 +8,7 @@ import { formRule } from '@/utils/option.js' import Utils from '@/utils/utils.js' import asyncComponent from '@/utils/asyncComponent' -import './index.scss' +// import './index.scss' const CodeMirror = asyncComponent(() => import('@/templates/zshare/codemirror')) const MKColor = asyncComponent(() => import('@/tabviews/zshare/mutilform/mkColor')) @@ -17,7 +17,6 @@ class SettingForm extends Component { static propTpyes = { config: PropTypes.object, // 椤甸潰閰嶇疆 - dict: PropTypes.object, // 瀛楀吀椤� menu: PropTypes.object, // 鑿滃崟淇℃伅 setting: PropTypes.object, // 鏁版嵁婧愰厤缃� columns: PropTypes.array, // 鍒楄缃� @@ -27,8 +26,7 @@ state = { interType: 'system', - procMode: 'script', - requestMode: 'system', + sysInterface: 'false', controlField: '', tableType: '', funcTooltip: '', @@ -65,9 +63,8 @@ this.setState({ interType: setting.interType || 'system', - procMode: setting.procMode || 'script', - requestMode: setting.requestMode || 'system', controlField: setting.controlField || '', + sysInterface: setting.sysInterface || 'false', tableType: setting.tableType, funcTooltip: tooltip, funcRules: rules @@ -152,7 +149,7 @@ param.timestamp = moment().format('YYYY-MM-DD HH:mm:ss') param.secretkey = Utils.encrypt(param.LText, param.timestamp) - Api.getLocalConfig(param) + Api.genericInterface(param) } resolve(values) @@ -170,18 +167,15 @@ this.setState({ interType: value }) - } else if (key === 'procMode') { + } else if (key === 'sysInterface') { this.setState({ - procMode: value + sysInterface: value }) - } else if (key === 'requestMode') { - this.setState({ - requestMode: value - }) - } else if (key === 'sysInterface' && value === 'true') { - this.props.form.setFieldsValue({ - interface: window.GLOB.mainSystemApi || '' - }) + if (value === 'true') { + this.props.form.setFieldsValue({ + interface: window.GLOB.mainSystemApi || '' + }) + } } this.props.updateStatus({[key]: value}) } @@ -195,9 +189,9 @@ } render() { - const { setting, dict, menu, config, columns } = this.props + const { setting, menu, config, columns } = this.props const { getFieldDecorator } = this.props.form - const { interType, funcRules, funcTooltip, procMode, requestMode, tableType, controlField } = this.state + const { interType, funcRules, funcTooltip, tableType, controlField, sysInterface } = this.state const formItemLayout = { labelCol: { @@ -211,618 +205,440 @@ } return ( - <div className="model-table-datasource-setting-form-box"> - <Form {...formItemLayout} className="model-setting-form"> - <Row gutter={24}> - <Col span={12}> - <Form.Item label="琛ㄥ悕"> - {getFieldDecorator('tableName', { - initialValue: setting.tableName || '', - rules: [ - { - required: true, - message: dict['form.required.input'] + '琛ㄥ悕!' - }, - { - max: 50, - message: '琛ㄥ悕鏈�闀夸负50涓瓧绗�!' - } - ] - })(<Input placeholder={''} autoComplete="off" />)} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label="琛ㄦ牸灞炴��"> - {getFieldDecorator('tableType', { - initialValue: setting.tableType - })( - <Radio.Group onChange={(e) => this.setState({tableType: e.target.value})}> - <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: dict['form.required.select'] + dict['header.form.intertype'] + '!' - }, - ] - })( - <Radio.Group style={{whiteSpace: 'nowrap'}} onChange={(e) => {this.onRadioChange(e, 'interType')}}> - <Radio value="system">绯荤粺</Radio> - <Radio value="inner">鍐呴儴</Radio> - <Radio value="outer">澶栭儴</Radio> - <Radio value="custom">鑷畾涔�</Radio> - </Radio.Group>)} - </Form.Item> - </Col> - {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 === 'custom' ? <Col span={12}> - <Form.Item label="鍙傛暟澶勭悊"> - {getFieldDecorator('procMode', { - initialValue: procMode, - rules: [ - { - required: true, - message: dict['form.required.select'] + '鍙傛暟澶勭悊鏂瑰紡!' - }, - ] - })( - <Radio.Group style={{whiteSpace: 'nowrap'}} onChange={(e) => {this.onRadioChange(e, 'procMode')}}> - <Radio value="script">鍓嶇疆鑴氭湰</Radio> - <Radio value="inner">鍓嶇疆鍑芥暟</Radio> - </Radio.Group>)} - </Form.Item> - </Col> : null} - {interType === 'custom' && procMode === 'inner' ? <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title={funcTooltip}> - <QuestionCircleOutlined className="mk-form-tip" /> - 鍓嶇疆鍑芥暟 - </Tooltip> - }> - {getFieldDecorator('prevFunc', { - initialValue: setting.prevFunc || '', - 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' || interType === 'custom' ? <Col className="data-source" span={24}> - <Form.Item label="娴嬭瘯鍦板潃"> - {getFieldDecorator('interface', { - initialValue: setting.interface || '', - rules: [ - { - required: true, - message: dict['form.required.input'] + '娴嬭瘯鍦板潃!' - }, - ] - })(<TextArea rows={2} />)} - </Form.Item> - </Col> : null} - {interType === 'outer' || interType === 'custom' ? <Col className="data-source" span={24}> - <Form.Item label={ - <Tooltip placement="topLeft" title="姝e紡绯荤粺鎵�浣跨敤鐨勭殑鎺ュ彛鍦板潃銆�"> - <QuestionCircleOutlined className="mk-form-tip" /> - 姝e紡鍦板潃 - </Tooltip> - }> - {getFieldDecorator('proInterface', { - initialValue: setting.proInterface || '' - })(<TextArea rows={2} />)} - </Form.Item> - </Col> : null} - {interType === 'custom' ? <Col span={12}> - <Form.Item label="璇锋眰鏂瑰紡"> - {getFieldDecorator('method', { - initialValue: setting.method || 'post', - rules: [ - { - required: true, - message: dict['form.required.select'] + '璇锋眰鏂瑰紡!' - }, - ] - })( - <Radio.Group> - <Radio value="get">GET</Radio> - <Radio value="post">POST</Radio> - </Radio.Group>)} - </Form.Item> - </Col> : null} - {interType === 'custom' ? <Col span={12}> - <Form.Item label="鏁版嵁璇锋眰"> - {getFieldDecorator('requestMode', { - initialValue: requestMode, - rules: [ - { - required: true, - message: dict['form.required.select'] + '鏁版嵁璇锋眰鏂瑰紡!' - }, - ] - })( - <Radio.Group style={{whiteSpace: 'nowrap'}} onChange={(e) => {this.onRadioChange(e, 'requestMode')}}> - <Radio value="system">绯荤粺鍑芥暟</Radio> - <Radio value="inner">鍐呴儴鍑芥暟</Radio> - </Radio.Group>)} - </Form.Item> - </Col> : null} - {interType === 'inner' || (interType === 'custom' && requestMode === 'inner') ? <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title={funcTooltip}> - <QuestionCircleOutlined className="mk-form-tip" /> - 鍐呴儴鍑芥暟 - </Tooltip> - }> - {getFieldDecorator('innerFunc', { - initialValue: setting.innerFunc || '', - 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={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 === 'system' || (interType === 'custom' && requestMode === '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={`浣跨敤绯荤粺鍑芥暟鏃讹紝闇�濉啓鏁版嵁婧愩�傛敞锛氭暟鎹潈闄愭浛鎹㈢ $@ -> /* 鎴� ''銆� @$ -> */ 鎴� ''锛涙煡璇㈡浛鎹㈢ $select@ -> /* 鎴� ''銆� @select$ -> */ 鎴� ''锛涚粺璁℃浛鎹㈢ $sum@ -> /* 鎴� ''銆� @sum$ -> */ 鎴� ''銆俙}> - <QuestionCircleOutlined className="mk-form-tip" /> - 鏁版嵁婧� - </Tooltip> - }> - {getFieldDecorator('dataresource', { - initialValue: setting.dataresource || '' - })(<CodeMirror />)} - </Form.Item> - </Col> : null} - {interType === 'system' || (interType === 'custom' && requestMode === 'system') ? <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title={'鏌ヨ鏃讹紝鎼滅储鏉′欢浠here鏉′欢鎷兼帴杩涘叆sql锛岀粺璁℃椂锛屽皢鏁版嵁婧愪腑浠モ�淍+鎼滅储瀛楁+@鈥濈殑鍐呭锛屼互鎼滅储鏉′欢涓殑鍊艰繘琛屾浛鎹㈠悗锛屾彁浜ゆ煡璇紝娉細鏌ヨ绫诲瀷浠呭湪浣跨敤绯荤粺鍑芥暟鏃舵湁鏁堛��'}> - <QuestionCircleOutlined className="mk-form-tip" /> - 鏌ヨ绫诲瀷 - </Tooltip> - }> - {getFieldDecorator('queryType', { - initialValue: setting.queryType || 'query' - })( - <Radio.Group> - <Radio value="query">鏌ヨ</Radio> - <Radio value="statistics">缁熻</Radio> - </Radio.Group>)} - </Form.Item> - </Col> : null} - {interType === 'system' || (interType === 'custom' && requestMode === 'system') ? <Col span={12}> - <Form.Item label="榛樿sql"> - {getFieldDecorator('default', { - initialValue: setting.default || 'true' - })( - <Radio.Group> - <Radio value="true">鎵ц</Radio> - <Radio value="false">涓嶆墽琛�</Radio> - </Radio.Group>)} - </Form.Item> - </Col> : null} - <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 || 'ID desc', - 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> - {interType === 'custom' ? <Col span={12}> - <Form.Item label="鍥炶皟鏂瑰紡"> - {getFieldDecorator('callbackType', { - initialValue: setting.callbackType || 'script' - })( - <Radio.Group onChange={(e) => {this.onRadioChange(e, 'callbackType')}}> - <Radio value="default">榛樿鑴氭湰</Radio> - <Radio value="script">鑷畾涔夎剼鏈�</Radio> - </Radio.Group>)} - </Form.Item> - </Col> : null} - {interType === 'custom' ? <Col span={12}> - <Form.Item label="鍥炶皟琛ㄥ悕"> - {getFieldDecorator('cbTable', { - initialValue: setting.cbTable || '', - rules: [ - { - required: true, - message: dict['form.required.input'] + '鍥炶皟琛ㄥ悕!' - }, - { - max: formRule.input.max, - message: formRule.input.message - } - ] - })(<Input placeholder={''} autoComplete="off" />)} - </Form.Item> - </Col> : null} - {interType === 'custom' ? <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title={'鍚屾鎵ц锛氬閮ㄦ帴鍙h皟鐢ㄦ垚鍔熷悗鍐嶈姹傛暟鎹紱寮傛鎵ц锛氬閮ㄦ帴鍙h皟鐢ㄤ笌璇锋眰鏁版嵁鍚屾椂杩涜銆�'}> - <QuestionCircleOutlined className="mk-form-tip" /> - 鎵ц鏂瑰紡 - </Tooltip> - }> - {getFieldDecorator('execType', { - initialValue: setting.execType || 'sync' - })( - <Radio.Group> - <Radio value="sync">鍚屾</Radio> - <Radio value="async">寮傛</Radio> - </Radio.Group>)} - </Form.Item> - </Col> : null} - {interType === 'custom' ? <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title={'濡傛灉鑷畾涔夋帴鍙d笉鏀寔璺ㄥ煙璇锋眰锛屼細閫氳繃褰撳墠绯荤粺杞彂銆�'}> - <QuestionCircleOutlined className="mk-form-tip" /> - 璺ㄥ煙璇锋眰 - </Tooltip> - }> - {getFieldDecorator('cross', { - initialValue: setting.cross || 'true' - })( - <Radio.Group> - <Radio value="true">鏀寔</Radio> - <Radio value="false">涓嶆敮鎸�</Radio> - </Radio.Group>)} - </Form.Item> - </Col> : null} - {interType === 'custom' ? <Col span={12}> - <Form.Item label="鎵ц娆℃暟"> - {getFieldDecorator('execTime', { - initialValue: setting.execTime || 'once' - })( - <Radio.Group> - <Radio value="always">濮嬬粓</Radio> - <Radio value="once">涓�娆�</Radio> - </Radio.Group>)} - </Form.Item> - </Col> : null} - <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' - })( - <Radio.Group> - <Radio value="true">鍔犺浇鏁版嵁</Radio> - <Radio value="false">涓嶅姞杞芥暟鎹�</Radio> - </Radio.Group>)} - </Form.Item> - </Col> - {config.Template === 'CommonTable' ? <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} - {config.Template === 'CommonTable' ? <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title={'鍚湁鍚堝苟鍒楁垨琛ㄦ牸鍑虹幇妯悜婊氬姩鏃朵細鏄剧ず寮傚父锛岃鎱庣敤锛�'}> - <QuestionCircleOutlined className="mk-form-tip" /> - 琛ㄥご鍥哄畾 - </Tooltip> - }> - {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} - <Col span={12}> - <Form.Item label="杈规"> - {getFieldDecorator('bordered', { - initialValue: setting.bordered || 'true' - })( - <Radio.Group> - <Radio value="true">鏈�</Radio> - <Radio value="false">鏃�</Radio> - </Radio.Group>)} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title={'琛ㄦ牸鐨勫唴杈硅窛锛屼粠澶у埌灏忎緷娆¢�掑噺銆�'}> - <QuestionCircleOutlined className="mk-form-tip" /> - 琛ㄦ牸澶у皬 - </Tooltip> - }> - {getFieldDecorator('size', { - initialValue: setting.size || 'middle' - })( - <Radio.Group> - <Radio value="default">澶�</Radio> - <Radio value="middle">涓�</Radio> - <Radio value="small">灏�</Radio> - {/* <Radio value="mini">寰�</Radio> */} - </Radio.Group>)} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label="浜嬪姟"> - {getFieldDecorator('transaction', { - initialValue: setting.transaction || 'false' - })( - <Radio.Group> - <Radio value="true">浣跨敤</Radio> - <Radio value="false">涓嶄娇鐢�</Radio> - </Radio.Group>)} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="浣跨敤鎬ラ�熸ā寮忔椂锛岃〃鏍间腑鐨勬爣璁般�佸弻鍑讳簨浠躲�佹牸寮忓寲銆佽鍚堝苟銆佸墠缂�銆佸悗缂�銆佸瓧娈甸�忚绛夋晥鏋滃皢鏃犳晥锛屼笖鏁版嵁閮戒細浠ユ枃鏈牸寮忔樉绀恒��"> - <QuestionCircleOutlined className="mk-form-tip" /> - 妯″紡 - </Tooltip> - }> - {getFieldDecorator('tableMode', { - initialValue: setting.tableMode || 'compatible' - })( - <Radio.Group> - <Radio value="compatible">鍏煎</Radio> - <Radio value="fast">鎬ラ��</Radio> - </Radio.Group>)} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="鏁版嵁鍔犺浇鏃讹紝鏄惁鏄剧ず鍔犺浇涓殑閬僵銆�"> - <QuestionCircleOutlined className="mk-form-tip" /> - 閬僵 - </Tooltip> - }> - {getFieldDecorator('mask', { - initialValue: setting.mask || 'show' - })( - <Radio.Group> - <Radio value="show">鏄剧ず</Radio> - <Radio value="hidden">闅愯棌</Radio> - </Radio.Group>)} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="鍦ㄦ悳绱㈡潯浠跺瓨鍦ㄦ椂锛屾槸鍚︽樉绀烘悳绱㈠拰閲嶇疆鎸夐挳銆�"> - <QuestionCircleOutlined className="mk-form-tip" /> - 鎼滅储鎸夐挳 - </Tooltip> - }> - {getFieldDecorator('show', { - initialValue: setting.show || 'true' - })( - <Radio.Group> - <Radio value="true">鏄剧ず</Radio> - <Radio value="false">闅愯棌</Radio> - </Radio.Group>)} - </Form.Item> - </Col> - {tableType !== '' ? <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="褰撴寜閽墽琛屽畬鎴愬苟杩斿洖涓婚敭鍊兼椂锛岄粯璁ら�変腑涓婚敭鍊煎搴旇銆傛敞锛氬湪鍚敤鏃犱汉鍊煎畧鍔熻兘鏃舵棤鏁堛��"> - <QuestionCircleOutlined className="mk-form-tip" /> - 棣栬閫変腑 - </Tooltip> - }> - {getFieldDecorator('selected', { - initialValue: setting.selected || 'false' - })( - <Radio.Group> - <Radio value="false">鏃�</Radio> - <Radio value="init">鍒濆鍖�</Radio> - <Radio value="always">鏁版嵁鍔犺浇</Radio> - </Radio.Group>)} - </Form.Item> - </Col> : null} - <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="閫夋嫨鍒嗛〉鏃舵湁鏁堬紝榛樿涓�10鏉°��"> - <QuestionCircleOutlined className="mk-form-tip" /> - 姣忛〉鏁伴噺 - </Tooltip> - }> - {getFieldDecorator('pageSize', { - initialValue: setting.pageSize || '', - })(<InputNumber min={1} max={500} precision={0} />)} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="楂樼骇鎼滅储寮圭獥鐨勫搴︼紝娉細褰撳搴﹀�煎皬浜�100鏃惰〃绀哄崰绐楀彛鐨勭櫨鍒嗘瘮锛屽ぇ浜�100鏃惰〃绀哄搴︾殑缁濆鍊笺��"> - <QuestionCircleOutlined className="mk-form-tip" /> - 楂樼骇鎼滅储 - </Tooltip> - }> - {getFieldDecorator('advanceWidth', { - initialValue: setting.advanceWidth || 1000 - })(<InputNumber min={10} max={3000} precision={0}/>)} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="鍙屽嚮琛ㄦ牸涓锛岃Е鍙戠殑鎸夐挳銆�"> - <QuestionCircleOutlined className="mk-form-tip" /> - 鍙屽嚮浜嬩欢 - </Tooltip> - }> - {getFieldDecorator('doubleClick', { - initialValue: setting.doubleClick || '' - })( - <Select allowClear> - {config.action.map(option => - <Select.Option key={option.uuid} value={option.uuid}>{option.label}</Select.Option> - )} - </Select> - )} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="绌哄�兼椂楂樺害鑷�傚簲銆�"> - <QuestionCircleOutlined className="mk-form-tip" /> - table楂樺害 - </Tooltip> - }> - {getFieldDecorator('height', { - initialValue: setting.height - })(<InputNumber min={10} max={3000} precision={0}/>)} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="榛樿鍊紃gba(0, 0, 0, 0.65)"> - <QuestionCircleOutlined className="mk-form-tip" /> - 瀛椾綋棰滆壊 - </Tooltip> - }> - {getFieldDecorator('color', { - initialValue: setting.color - })(<MKColor config={{initval: setting.color || 'rgba(0, 0, 0, 0.65)'}} />)} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label="瀛椾綋澶у皬"> - {getFieldDecorator('fontSize', { - initialValue: setting.fontSize || 14 - })(<InputNumber min={12} max={50} precision={0}/>)} - </Form.Item> - </Col> - <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="鐢ㄤ簬鎺у埗琛屾暟鎹槸鍚﹀彲閫夋嫨銆�"> - <QuestionCircleOutlined className="mk-form-tip" /> - 绂佺敤瀛楁 - </Tooltip> - }> - {getFieldDecorator('controlField', { - initialValue: setting.controlField || '' - })( - <Select allowClear onChange={(val) => this.setState({controlField: val})}> - {columns.map((option, i) => - <Select.Option key={i} value={option.value}> - {option.text} - </Select.Option> - )} - </Select> - )} - </Form.Item> - </Col> - {controlField ? <Col span={12}> - <Form.Item label={ - <Tooltip placement="topLeft" title="褰撳瓧娈靛�间笌鎺у埗鍊肩浉绛夋椂锛岃鏁版嵁浼氱鐢紝澶氫釜鍊肩敤閫楀彿鍒嗛殧銆�"> - <QuestionCircleOutlined className="mk-form-tip" /> - 鎺у埗鍊� - </Tooltip> - }> - {getFieldDecorator('controlVal', { - initialValue: setting.controlVal || '' - })(<Input autoComplete="off" />)} - </Form.Item> - </Col> : null} - </Row> - </Form> - </div> + <Form {...formItemLayout}> + <Row gutter={24}> + <Col span={8}> + <Form.Item label="琛ㄥ悕"> + {getFieldDecorator('tableName', { + initialValue: setting.tableName || '', + rules: [ + { + required: true, + message: '璇疯緭鍏ヨ〃鍚�!' + }, + { + max: 50, + message: '琛ㄥ悕鏈�闀夸负50涓瓧绗�!' + }, + { + pattern: /^[a-zA-Z0-9@_]+$/, + message: '琛ㄥ悕鍙彲浣跨敤瀛楁瘝銆佹暟瀛椾互鍙奯' + } + ] + })(<Input placeholder={''} autoComplete="off" />)} + </Form.Item> + </Col> + <Col span={8}> + <Form.Item label="鎺ュ彛绫诲瀷"> + {getFieldDecorator('interType', { + initialValue: interType, + rules: [ + { + required: true, + message: '璇烽�夋嫨鎺ュ彛绫诲瀷!' + }, + ] + })( + <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> + <Col span={8}> + <Form.Item label="琛ㄦ牸灞炴��"> + {getFieldDecorator('tableType', { + initialValue: setting.tableType + })( + <Radio.Group onChange={(e) => this.setState({tableType: e.target.value})}> + <Radio value="">涓嶅彲閫�</Radio> + <Radio value="radio">鍗曢��</Radio> + <Radio value="checkbox">澶氶��</Radio> + </Radio.Group> + )} + </Form.Item> + </Col> + {interType === 'outer' ? <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title="鍗曠偣鐧诲綍绯荤粺"> + <QuestionCircleOutlined className="mk-form-tip" /> + 绯荤粺鎺ュ彛 + </Tooltip> + }> + {getFieldDecorator('sysInterface', { + initialValue: sysInterface, + rules: [ + { + required: true, + message: '璇烽�夋嫨绯荤粺鎺ュ彛!' + }, + ] + })( + <Radio.Group onChange={(e) => {this.onRadioChange(e, 'sysInterface')}}> + <Radio value="true">鏄�</Radio> + <Radio value="false">鍚�</Radio> + </Radio.Group>)} + </Form.Item> + </Col> : null} + {interType === 'outer' ? <Col className="mk-through-line3" span={24}> + <Form.Item label="鎺ュ彛鍦板潃"> + {getFieldDecorator('interface', { + initialValue: setting.interface || (interType === 'outer' && sysInterface === 'true' ? window.GLOB.mainSystemApi : ''), + rules: [ + { + required: interType === 'outer' && sysInterface === 'true' ? false : true, + message: '璇疯緭鍏ユ帴鍙e湴鍧�!' + }, + ] + })(<TextArea rows={2} readOnly={interType === 'outer' && sysInterface === 'true'}/>)} + </Form.Item> + </Col> : null} + {interType === 'outer' && sysInterface !== 'true' ? <Col className="mk-through-line3" span={24}> + <Form.Item label={ + <Tooltip placement="topLeft" title="姝e紡绯荤粺鎵�浣跨敤鐨勭殑鎺ュ彛鍦板潃銆�"> + <QuestionCircleOutlined className="mk-form-tip" /> + 姝e紡鍦板潃 + </Tooltip> + }> + {getFieldDecorator('proInterface', { + initialValue: setting.proInterface || '' + })(<TextArea rows={2} />)} + </Form.Item> + </Col> : null} + {interType === 'inner' ? <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title={funcTooltip}> + <QuestionCircleOutlined className="mk-form-tip" /> + 鍐呴儴鍑芥暟 + </Tooltip> + }> + {getFieldDecorator('innerFunc', { + initialValue: setting.innerFunc || '', + rules: [ + { + required: true, + message: '璇疯緭鍏ュ唴閮ㄥ嚱鏁�!' + }, + { + max: formRule.func.max, + message: formRule.func.maxMessage + }, + ...funcRules + ] + })(<Input placeholder={''} autoComplete="off" />)} + </Form.Item> + </Col> : null} + {interType === 'outer' ? <Col span={8}> + <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 === 'system' ? <Col span={24} className="mk-through-line3"> + <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={`浣跨敤绯荤粺鍑芥暟鏃讹紝闇�濉啓鏁版嵁婧愩�傛敞锛氭暟鎹潈闄愭浛鎹㈢ $@ -> /* 鎴� ''銆� @$ -> */ 鎴� ''锛涙煡璇㈡浛鎹㈢ $select@ -> /* 鎴� ''銆� @select$ -> */ 鎴� ''锛涚粺璁℃浛鎹㈢ $sum@ -> /* 鎴� ''銆� @sum$ -> */ 鎴� ''銆俙}> + <QuestionCircleOutlined className="mk-form-tip" /> + 鏁版嵁婧� + </Tooltip> + }> + {getFieldDecorator('dataresource', { + initialValue: setting.dataresource || '' + })(<CodeMirror />)} + </Form.Item> + </Col> : null} + {interType === 'system' ? <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title={'鏌ヨ鏃讹紝鎼滅储鏉′欢浠here鏉′欢鎷兼帴杩涘叆sql锛岀粺璁℃椂锛屽皢鏁版嵁婧愪腑浠モ�淍+鎼滅储瀛楁+@鈥濈殑鍐呭锛屼互鎼滅储鏉′欢涓殑鍊艰繘琛屾浛鎹㈠悗锛屾彁浜ゆ煡璇紝娉細鏌ヨ绫诲瀷浠呭湪浣跨敤绯荤粺鍑芥暟鏃舵湁鏁堛��'}> + <QuestionCircleOutlined className="mk-form-tip" /> + 鏌ヨ绫诲瀷 + </Tooltip> + }> + {getFieldDecorator('queryType', { + initialValue: setting.queryType || 'query' + })( + <Radio.Group> + <Radio value="query">鏌ヨ</Radio> + <Radio value="statistics">缁熻</Radio> + </Radio.Group>)} + </Form.Item> + </Col> : null} + {interType === 'system' ? <Col span={8}> + <Form.Item label="榛樿sql"> + {getFieldDecorator('default', { + initialValue: setting.default || 'true' + })( + <Radio.Group> + <Radio value="true">鎵ц</Radio> + <Radio value="false">涓嶆墽琛�</Radio> + </Radio.Group>)} + </Form.Item> + </Col> : null} + <Col span={8}> + <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={8}> + <Form.Item label="榛樿鎺掑簭"> + {getFieldDecorator('order', { + initialValue: setting.order || 'ID desc', + rules: [ + { + required: true, + message: '璇疯緭鍏ラ粯璁ゆ帓搴�!' + }, + { + max: formRule.input.max, + message: formRule.input.message + } + ] + })(<Input placeholder={'ID asc, UID desc'} autoComplete="off" />)} + </Form.Item> + </Col> + <Col span={8}> + <Form.Item label="鏄惁鍒嗛〉"> + {getFieldDecorator('laypage', { + initialValue: setting.laypage || 'true' + })( + <Radio.Group> + <Radio value="true">鏄�</Radio> + <Radio value="false">鍚�</Radio> + </Radio.Group>)} + </Form.Item> + </Col> + <Col span={8}> + <Form.Item label="鍒濆鍖�"> + {getFieldDecorator('onload', { + initialValue: setting.onload || 'true' + })( + <Radio.Group> + <Radio value="true">鍔犺浇鏁版嵁</Radio> + <Radio value="false">涓嶅姞杞芥暟鎹�</Radio> + </Radio.Group>)} + </Form.Item> + </Col> + {config.Template === 'CommonTable' ? <Col span={8}> + <Form.Item label="鎸夐挳鍥哄畾"> + {getFieldDecorator('actionfixed', { + initialValue: setting.actionfixed === 'true' || setting.actionfixed === true ? 'true' : 'false' + })( + <Radio.Group> + <Radio value="true">鏄�</Radio> + <Radio value="false">鍚�</Radio> + </Radio.Group>)} + </Form.Item> + </Col> : null} + {/* {config.Template === 'CommonTable' ? <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title={'鍚湁鍚堝苟鍒楁垨琛ㄦ牸鍑虹幇妯悜婊氬姩鏃朵細鏄剧ず寮傚父锛岃鎱庣敤锛�'}> + <QuestionCircleOutlined className="mk-form-tip" /> + 琛ㄥご鍥哄畾 + </Tooltip> + }> + {getFieldDecorator('columnfixed', { + initialValue: setting.columnfixed === 'true' || setting.columnfixed === true ? 'true' : 'false' + })( + <Radio.Group> + <Radio value="true">鏄�</Radio> + <Radio value="false">鍚�</Radio> + </Radio.Group>)} + </Form.Item> + </Col> : null} */} + <Col span={8}> + <Form.Item label="杈规"> + {getFieldDecorator('bordered', { + initialValue: setting.bordered || 'true' + })( + <Radio.Group> + <Radio value="true">鏈�</Radio> + <Radio value="false">鏃�</Radio> + </Radio.Group>)} + </Form.Item> + </Col> + <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title={'琛ㄦ牸鐨勫唴杈硅窛锛屼粠澶у埌灏忎緷娆¢�掑噺銆�'}> + <QuestionCircleOutlined className="mk-form-tip" /> + 琛ㄦ牸澶у皬 + </Tooltip> + }> + {getFieldDecorator('size', { + initialValue: setting.size || 'middle' + })( + <Radio.Group> + <Radio value="default">澶�</Radio> + <Radio value="middle">涓�</Radio> + <Radio value="small">灏�</Radio> + <Radio value="mini">杩蜂綘</Radio> + </Radio.Group>)} + </Form.Item> + </Col> + <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title="浣跨敤鎬ラ�熸ā寮忔椂锛岃〃鏍间腑鐨勬爣璁般�佸弻鍑讳簨浠躲�佹牸寮忓寲銆佽鍚堝苟銆佸墠缂�銆佸悗缂�銆佸瓧娈甸�忚绛夋晥鏋滃皢鏃犳晥锛屼笖鏁版嵁閮戒細浠ユ枃鏈牸寮忔樉绀恒��"> + <QuestionCircleOutlined className="mk-form-tip" /> + 妯″紡 + </Tooltip> + }> + {getFieldDecorator('tableMode', { + initialValue: setting.tableMode || 'compatible' + })( + <Radio.Group> + <Radio value="compatible">鍏煎</Radio> + <Radio value="fast">鎬ラ��</Radio> + </Radio.Group>)} + </Form.Item> + </Col> + <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title="鏁版嵁鍔犺浇鏃讹紝鏄惁鏄剧ず鍔犺浇涓殑閬僵銆�"> + <QuestionCircleOutlined className="mk-form-tip" /> + 閬僵 + </Tooltip> + }> + {getFieldDecorator('mask', { + initialValue: setting.mask || 'show' + })( + <Radio.Group> + <Radio value="show">鏄剧ず</Radio> + <Radio value="hidden">闅愯棌</Radio> + </Radio.Group>)} + </Form.Item> + </Col> + {tableType !== '' ? <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title="褰撴寜閽墽琛屽畬鎴愬苟杩斿洖涓婚敭鍊兼椂锛岄粯璁ら�変腑涓婚敭鍊煎搴旇銆傛敞锛氬湪鍚敤鏃犱汉鍊煎畧鍔熻兘鏃舵棤鏁堛��"> + <QuestionCircleOutlined className="mk-form-tip" /> + 棣栬閫変腑 + </Tooltip> + }> + {getFieldDecorator('selected', { + initialValue: setting.selected || 'false' + })( + <Radio.Group> + <Radio value="false">鏃�</Radio> + <Radio value="init">鍒濆鍖�</Radio> + <Radio value="always">鏁版嵁鍔犺浇</Radio> + </Radio.Group>)} + </Form.Item> + </Col> : null} + <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title="閫夋嫨鍒嗛〉鏃舵湁鏁堬紝榛樿涓�10鏉°��"> + <QuestionCircleOutlined className="mk-form-tip" /> + 姣忛〉鏁伴噺 + </Tooltip> + }> + {getFieldDecorator('pageSize', { + initialValue: setting.pageSize || '', + })(<InputNumber min={1} max={500} precision={0} />)} + </Form.Item> + </Col> + <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title="鍙屽嚮琛ㄦ牸涓锛岃Е鍙戠殑鎸夐挳銆�"> + <QuestionCircleOutlined className="mk-form-tip" /> + 鍙屽嚮浜嬩欢 + </Tooltip> + }> + {getFieldDecorator('doubleClick', { + initialValue: setting.doubleClick || '' + })( + <Select allowClear> + {config.action.map(option => + <Select.Option key={option.uuid} value={option.uuid}>{option.label}</Select.Option> + )} + </Select> + )} + </Form.Item> + </Col> + <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title="绌哄�兼椂楂樺害鑷�傚簲銆�"> + <QuestionCircleOutlined className="mk-form-tip" /> + table楂樺害 + </Tooltip> + }> + {getFieldDecorator('height', { + initialValue: setting.height + })(<InputNumber min={10} max={3000} precision={0}/>)} + </Form.Item> + </Col> + <Col span={8}> + <Form.Item className="mk-color-move" label={ + <Tooltip placement="topLeft" title="榛樿鍊紃gba(0, 0, 0, 0.65)"> + <QuestionCircleOutlined className="mk-form-tip" /> + 瀛椾綋棰滆壊 + </Tooltip> + }> + {getFieldDecorator('color', { + initialValue: setting.color + })(<MKColor config={{initval: setting.color || 'rgba(0, 0, 0, 0.65)'}} />)} + </Form.Item> + </Col> + <Col span={8}> + <Form.Item label="瀛椾綋澶у皬"> + {getFieldDecorator('fontSize', { + initialValue: setting.fontSize || 14 + })(<InputNumber min={12} max={50} precision={0}/>)} + </Form.Item> + </Col> + <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title="鐢ㄤ簬鎺у埗琛屾暟鎹槸鍚﹀彲閫夋嫨銆�"> + <QuestionCircleOutlined className="mk-form-tip" /> + 绂佺敤瀛楁 + </Tooltip> + }> + {getFieldDecorator('controlField', { + initialValue: setting.controlField || '' + })( + <Select allowClear onChange={(val) => this.setState({controlField: val})}> + {columns.map((option, i) => + <Select.Option key={i} value={option.value}> + {option.text} + </Select.Option> + )} + </Select> + )} + </Form.Item> + </Col> + {controlField ? <Col span={8}> + <Form.Item label={ + <Tooltip placement="topLeft" title="褰撳瓧娈靛�间笌鎺у埗鍊肩浉绛夋椂锛岃鏁版嵁浼氱鐢紝澶氫釜鍊肩敤閫楀彿鍒嗛殧銆�"> + <QuestionCircleOutlined className="mk-form-tip" /> + 鎺у埗鍊� + </Tooltip> + }> + {getFieldDecorator('controlVal', { + initialValue: setting.controlVal || '' + })(<Input autoComplete="off" />)} + </Form.Item> + </Col> : null} + </Row> + </Form> ) } } -- Gitblit v1.8.0