From d17368d4a5bdec6db2d8a85c7901cdb25cc59cd4 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 11 十月 2021 15:16:25 +0800
Subject: [PATCH] 2021-10-11
---
src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx | 157 ++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 151 insertions(+), 6 deletions(-)
diff --git a/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx b/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx
index 27b3f4d..67b0e77 100644
--- a/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx
+++ b/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx
@@ -1,14 +1,16 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Form, Row, Col, Input, Radio, Tooltip, Icon, notification, Select } from 'antd'
+import { Form, Row, Col, Input, Radio, Tooltip, Icon, notification, Select, InputNumber } from 'antd'
import moment from 'moment'
import Api from '@/api'
import { formRule } from '@/utils/option.js'
import Utils from '@/utils/utils.js'
-import CodeMirror from '@/templates/zshare/codemirror'
+import asyncComponent from '@/utils/asyncComponent'
import './index.scss'
+const CodeMirror = asyncComponent(() => import('@/templates/zshare/codemirror'))
+const MKColor = asyncComponent(() => import('@/tabviews/zshare/mutilform/mkColor'))
const { TextArea } = Input
class SettingForm extends Component {
@@ -26,6 +28,7 @@
interType: 'system',
procMode: 'script',
requestMode: 'system',
+ tableType: '',
funcTooltip: '',
funcRules: []
}
@@ -37,7 +40,7 @@
if (usefulFields) {
try {
usefulFields = JSON.parse(usefulFields)
- } catch {
+ } catch (e) {
usefulFields = []
}
} else {
@@ -62,6 +65,7 @@
interType: setting.interType || 'system',
procMode: setting.procMode || 'script',
requestMode: setting.requestMode || 'system',
+ tableType: setting.tableType,
funcTooltip: tooltip,
funcRules: rules
})
@@ -190,7 +194,7 @@
render() {
const { setting, dict, menu, config, columns } = this.props
const { getFieldDecorator } = this.props.form
- const { interType, funcRules, funcTooltip, procMode, requestMode } = this.state
+ const { interType, funcRules, funcTooltip, procMode, requestMode, tableType } = this.state
const formItemLayout = {
labelCol: {
@@ -216,6 +220,10 @@
required: true,
message: dict['form.required.input'] + '琛ㄥ悕!'
},
+ {
+ max: 50,
+ message: '琛ㄥ悕鏈�闀夸负50涓瓧绗�!'
+ }
]
})(<Input placeholder={''} autoComplete="off" />)}
</Form.Item>
@@ -225,7 +233,7 @@
{getFieldDecorator('tableType', {
initialValue: setting.tableType
})(
- <Radio.Group>
+ <Radio.Group onChange={(e) => this.setState({tableType: e.target.value})}>
<Radio value="">涓嶅彲閫�</Radio>
<Radio value="radio">鍗曢��</Radio>
<Radio value="checkbox">澶氶��</Radio>
@@ -409,7 +417,7 @@
</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={'浣跨敤绯荤粺鍑芥暟鏃讹紝闇�濉啓鏁版嵁婧愩�傛敞锛氭暟鎹潈闄愭浛鎹㈢ $@ -> /* 鎴� \'\'銆� @$ -> */ 鎴� \'\''}>
+ <Tooltip placement="topLeft" title={`浣跨敤绯荤粺鍑芥暟鏃讹紝闇�濉啓鏁版嵁婧愩�傛敞锛氭暟鎹潈闄愭浛鎹㈢ $@ -> /* 鎴� ''銆� @$ -> */ 鎴� ''锛涙煡璇㈡浛鎹㈢ $select@ -> /* 鎴� ''銆� @select$ -> */ 鎴� ''锛涚粺璁℃浛鎹㈢ $sum@ -> /* 鎴� ''銆� @sum$ -> */ 鎴� ''銆俙}>
<Icon type="question-circle" />
鏁版嵁婧�
</Tooltip>
@@ -612,6 +620,112 @@
</Col>
<Col span={12}>
<Form.Item label={
+ <Tooltip placement="topLeft" title={'琛ㄦ牸鐨勫唴杈硅窛锛屼粠澶у埌灏忎緷娆￠�掑噺銆�'}>
+ <Icon type="question-circle" />
+ 琛ㄦ牸澶у皬
+ </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="浣跨敤鎬ラ�熸ā寮忔椂锛岃〃鏍间腑鐨勬爣璁般�佸弻鍑讳簨浠躲�佹牸寮忓寲銆佽鍚堝苟銆佸墠缂�銆佸悗缂�銆佸瓧娈甸�忚绛夋晥鏋滃皢鏃犳晥锛屼笖鏁版嵁閮戒細浠ユ枃鏈牸寮忔樉绀恒��">
+ <Icon type="question-circle" />
+ 妯″紡
+ </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="鏁版嵁鍔犺浇鏃讹紝鏄惁鏄剧ず鍔犺浇涓殑閬僵銆�">
+ <Icon type="question-circle" />
+ 閬僵
+ </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="鍦ㄦ悳绱㈡潯浠跺瓨鍦ㄦ椂锛屾槸鍚︽樉绀烘悳绱㈠拰閲嶇疆鎸夐挳銆�">
+ <Icon type="question-circle" />
+ 鎼滅储鎸夐挳
+ </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="鍦ㄥ惎鐢ㄦ棤浜哄�煎畧鍔熻兘鏃舵棤鏁堛��">
+ <Icon type="question-circle" />
+ 棣栬閫変腑
+ </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="楂樼骇鎼滅储寮圭獥鐨勫搴︼紝娉細褰撳搴﹀�煎皬浜�100鏃惰〃绀哄崰绐楀彛鐨勭櫨鍒嗘瘮锛屽ぇ浜�100鏃惰〃绀哄搴︾殑缁濆鍊笺��">
+ <Icon type="question-circle" />
+ 楂樼骇鎼滅储
+ </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="鍙屽嚮琛ㄦ牸涓锛岃Е鍙戠殑鎸夐挳銆�">
<Icon type="question-circle" />
鍙屽嚮浜嬩欢
@@ -628,6 +742,37 @@
)}
</Form.Item>
</Col>
+ <Col span={12}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="绌哄�兼椂楂樺害鑷�傚簲銆�">
+ <Icon type="question-circle" />
+ 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)">
+ <Icon type="question-circle" />
+ 瀛椾綋棰滆壊
+ </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>
</Row>
</Form>
</div>
--
Gitblit v1.8.0