From 5aca7a37c93a8e4dc5349b11d3a291693fd9e456 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 13 九月 2022 13:57:08 +0800
Subject: [PATCH] 2022-09-13
---
src/templates/sharecomponent/settingcomponent/index.jsx | 13
src/templates/sharecomponent/settingcomponent/settingform/simplescript/index.jsx | 7
src/views/basedesign/index.jsx | 2
src/views/tabledesign/index.jsx | 1
src/templates/sharecomponent/settingcalcomponent/verifycard/index.jsx | 19
src/templates/sharecomponent/settingcomponent/settingform/index.jsx | 8
src/assets/css/design.scss | 92 ++
src/templates/sharecomponent/settingcalcomponent/index.jsx | 3
src/views/mobdesign/index.jsx | 1
src/views/menudesign/index.jsx | 1
src/utils/utils.js | 12
src/assets/css/main.scss | 53 -
src/templates/sharecomponent/settingcomponent/settingform/datasource/index.scss | 22
src/views/pcdesign/index.jsx | 1
src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx | 1224 +++++++++++++++++++-------------------
src/templates/zshare/verifycard/index.jsx | 12
src/templates/sharecomponent/settingcomponent/index.scss | 39 -
src/templates/sharecomponent/settingcalcomponent/index.scss | 75 --
src/mob/components/formdragelement/card.jsx | 2
src/templates/sharecomponent/settingcomponent/settingform/index.scss | 5
src/templates/sharecomponent/treesettingcomponent/settingform/index.jsx | 4
src/views/popdesign/index.jsx | 1
src/templates/sharecomponent/searchcomponent/settingform/index.jsx | 180 ++--
src/templates/sharecomponent/treesettingcomponent/index.scss | 29
src/templates/zshare/customscript/index.jsx | 2
src/templates/sharecomponent/treesettingcomponent/index.jsx | 5
26 files changed, 843 insertions(+), 970 deletions(-)
diff --git a/src/assets/css/design.scss b/src/assets/css/design.scss
new file mode 100644
index 0000000..c7bf6ff
--- /dev/null
+++ b/src/assets/css/design.scss
@@ -0,0 +1,92 @@
+.ant-modal-wrap.mk-pop-modal {
+ .ant-modal {
+ top: 50px;
+ }
+ .ant-modal-body {
+ padding: 0;
+
+ .mk-com-name {
+ position: absolute;
+ top: 38px;
+ left: 10px;
+ color: rgba(0, 0, 0, 0.85);
+ font-size: 15px;
+ }
+ .ant-tabs {
+ .ant-tabs-nav-wrap {
+ text-align: center;
+ }
+ .ant-tabs-bar {
+ padding-top: 15px;
+ .ant-tabs-nav-container {
+ font-size: 15px;
+ }
+ }
+ .ant-tabs-content {
+ min-height: 50vh;
+ max-height: calc(100vh - 210px);
+
+ .ant-tabs-tabpane {
+ position: relative;
+ overflow-x: hidden;
+ overflow-y: auto;
+ padding: 0 24px 24px;
+ }
+
+ .ant-tabs-tabpane::-webkit-scrollbar {
+ width: 7px;
+ }
+ .ant-tabs-tabpane::-webkit-scrollbar-thumb {
+ border-radius: 5px;
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+ background: rgba(0, 0, 0, 0.13);
+ }
+ .ant-tabs-tabpane::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ border-radius: 3px;
+ border: 1px solid rgba(0, 0, 0, 0.07);
+ background: rgba(0, 0, 0, 0);
+ }
+ }
+ }
+ }
+}
+
+.ant-modal {
+ .ant-radio-group {
+ white-space: nowrap;
+ .ant-radio-wrapper {
+ margin-right: 4px;
+ }
+ }
+}
+
+// 閫氳瀹藉害
+.mk-through-line2 {
+ .ant-form-item-label {
+ width: 16.5%;
+ }
+ .ant-form-item-control-wrapper {
+ width: 83.5%;
+ }
+ .CodeMirror {
+ height: 150px;
+ }
+}
+.mk-through-line3 {
+ .ant-form-item-label {
+ width: 11%;
+ }
+ .ant-form-item-control-wrapper {
+ width: 89%;
+ }
+ .CodeMirror {
+ height: 150px;
+ }
+}
+.mk-color-move {
+ .color-sketch-block {
+ position: relative;
+ top: 7px;
+ }
+}
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index c01b882..3cb368f 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -311,59 +311,6 @@
}
}
-.ant-modal-wrap.mk-pop-modal {
- .ant-modal {
- top: 50px;
- }
- .ant-modal-body {
- padding: 0;
-
- .mk-com-name {
- position: absolute;
- top: 38px;
- left: 10px;
- color: rgba(0, 0, 0, 0.85);
- font-size: 15px;
- }
- .ant-tabs {
- .ant-tabs-nav-wrap {
- text-align: center;
- }
- .ant-tabs-bar {
- padding-top: 15px;
- .ant-tabs-nav-container {
- font-size: 15px;
- }
- }
- .ant-tabs-content {
- min-height: 50vh;
- max-height: calc(100vh - 210px);
-
- .ant-tabs-tabpane {
- position: relative;
- overflow-x: hidden;
- overflow-y: auto;
- padding: 0 24px 24px;
- }
-
- .ant-tabs-tabpane::-webkit-scrollbar {
- width: 7px;
- }
- .ant-tabs-tabpane::-webkit-scrollbar-thumb {
- border-radius: 5px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.13);
- }
- .ant-tabs-tabpane::-webkit-scrollbar-track {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
- border-radius: 3px;
- border: 1px solid rgba(0, 0, 0, 0.07);
- background: rgba(0, 0, 0, 0);
- }
- }
- }
- }
-}
// 璁剧疆妯℃�佹鏍峰紡锛岃瀹氭渶澶ф渶灏忛珮搴︼紝閲嶇疆婊氬姩鏉�
.action-modal {
.ant-modal {
diff --git a/src/mob/components/formdragelement/card.jsx b/src/mob/components/formdragelement/card.jsx
index 2fc4c8f..020a096 100644
--- a/src/mob/components/formdragelement/card.jsx
+++ b/src/mob/components/formdragelement/card.jsx
@@ -78,7 +78,7 @@
if (card.type === 'text' || card.type === 'linkMain') {
formItem = (<div className={'am-list-item input ' + (card.place || '')}><div className="am-list-line"><div className="am-input-label">{card.label}</div><div className={'am-input-control ' + card.cursor}>{card.initval ? card.initval : <span style={{color: '#bcbcbc'}}>{card.placeholder || <span style={{color: 'transparent'}}>input</span>}</span> }</div>{card.scan && card.scan !== 'false' ? <div className="am-list-extra"><ScanOutlined /></div> : null}</div></div>)
} else if (card.type === 'number') {
- formItem = (<div className={'am-list-item input ' + (card.place || '')}><div className="am-list-line"><div className="am-input-label">{card.label}</div><div className={'am-input-control ' + card.cursor}>{card.initval ? card.initval : <span style={{color: '#bcbcbc'}}><span style={{color: 'transparent'}}>input</span></span> }</div>{card.placeholder ? <div className="am-list-extra" style={{color: '#999999', width: 'auto', lineHeight: 1.5}}>{card.placeholder}</div> : null}</div></div>)
+ formItem = (<div className={'am-list-item input ' + (card.place || '')}><div className="am-list-line"><div className="am-input-label">{card.label}</div><div className={'am-input-control ' + card.cursor}>{card.initval || 0}</div>{card.placeholder ? <div className="am-list-extra" style={{color: '#999999', width: 'auto', lineHeight: 1.5, height: '22px'}}>{card.placeholder}</div> : null}</div></div>)
} else if (card.type === 'number') {
formItem = (<div className="am-list-item input"><div className="am-list-line"><div className="am-input-label">{card.label}</div><div className={'am-input-control ' + card.cursor}>{card.initval || <span style={{color: 'transparent'}}>input</span>}</div></div></div>)
} else if (card.type === 'select' || card.type === 'link' || card.type === 'cascader') {
diff --git a/src/templates/sharecomponent/searchcomponent/settingform/index.jsx b/src/templates/sharecomponent/searchcomponent/settingform/index.jsx
index e4e8adf..584dfb4 100644
--- a/src/templates/sharecomponent/searchcomponent/settingform/index.jsx
+++ b/src/templates/sharecomponent/searchcomponent/settingform/index.jsx
@@ -53,97 +53,95 @@
}
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('show', {
- initialValue: setting.show || '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('advanceType', {
- initialValue: setting.advanceType || 'modal'
- })(
- <Radio.Group onChange={(e) => this.setState({advanceType: e.target.value})}>
- <Radio value="modal">寮圭獥</Radio>
- <Radio value="drawer">鎶藉眽</Radio>
- <Radio value="pulldown">涓嬫媺</Radio>
- </Radio.Group>
- )}
- </Form.Item>
- </Col>
- {advanceType === 'drawer' ? <Col span={12}>
- <Form.Item label={
- <Tooltip placement="topLeft" title="鎶藉眽灞曞紑鐨勬柟鍚戙��">
- <QuestionCircleOutlined className="mk-form-tip" />
- 鎶藉眽鏂瑰悜
- </Tooltip>
- }>
- {getFieldDecorator('drawerPlacement', {
- initialValue: setting.drawerPlacement || 'right'
- })(
- <Radio.Group style={{whiteSpace: 'nowrap'}}>
- <Radio value="right">鍙充晶</Radio>
- <Radio value="left">宸︿晶</Radio>
- <Radio value="top">涓婁晶</Radio>
- <Radio value="bottom">涓嬩晶</Radio>
- </Radio.Group>
- )}
- </Form.Item>
- </Col> : null}
- {advanceType !== 'pulldown' ? <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} onPressEnter={this.props.inputSubmit}/>)}
- </Form.Item>
- </Col> : null}
- <Col span={12}>
- <Form.Item label={
- <Tooltip placement="topLeft" title="鎼滅储鍙婇噸缃寜閽墍鍗犳瘮渚嬨�傛爡鏍煎竷灞�锛屾瘡琛岀瓑鍒嗕负24鍒椼��">
- <QuestionCircleOutlined className="mk-form-tip" />
- 姣斾緥
- </Tooltip>
- }>
- {getFieldDecorator('searchRatio', {
- initialValue: setting.searchRatio || 6,
- })(<InputNumber min={1} max={24} precision={0} onPressEnter={this.props.inputSubmit}/>)}
- </Form.Item>
- </Col>
- <Col span={12}>
- <Form.Item label={
- <Tooltip placement="topLeft" title="鎼滅储鎸夐挳璺濆乏渚х殑鐧惧垎姣旓紝鍙傜収鎼滅储鏉′欢鐨勫悕绉板搴︺��">
- <QuestionCircleOutlined className="mk-form-tip" />
- 鎸夐挳鍋忕Щ
- </Tooltip>
- }>
- {getFieldDecorator('searchLwidth', {
- initialValue: setting.searchLwidth !== undefined ? setting.searchLwidth : 33.3,
- })(<InputNumber min={0} max={100} precision={1} onPressEnter={this.props.inputSubmit}/>)}
- </Form.Item>
- </Col>
- </Row>
- </Form>
- </div>
+ <Form {...formItemLayout}>
+ <Row gutter={24}>
+ <Col span={12}>
+ <Form.Item label="鎼滅储鎸夐挳">
+ {getFieldDecorator('show', {
+ initialValue: setting.show || '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('advanceType', {
+ initialValue: setting.advanceType || 'modal'
+ })(
+ <Radio.Group onChange={(e) => this.setState({advanceType: e.target.value})}>
+ <Radio value="modal">寮圭獥</Radio>
+ <Radio value="drawer">鎶藉眽</Radio>
+ <Radio value="pulldown">涓嬫媺</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ {advanceType === 'drawer' ? <Col span={12}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="鎶藉眽灞曞紑鐨勬柟鍚戙��">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 鎶藉眽鏂瑰悜
+ </Tooltip>
+ }>
+ {getFieldDecorator('drawerPlacement', {
+ initialValue: setting.drawerPlacement || 'right'
+ })(
+ <Radio.Group style={{whiteSpace: 'nowrap'}}>
+ <Radio value="right">鍙充晶</Radio>
+ <Radio value="left">宸︿晶</Radio>
+ <Radio value="top">涓婁晶</Radio>
+ <Radio value="bottom">涓嬩晶</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col> : null}
+ {advanceType !== 'pulldown' ? <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} onPressEnter={this.props.inputSubmit}/>)}
+ </Form.Item>
+ </Col> : null}
+ <Col span={12}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="鎼滅储鍙婇噸缃寜閽墍鍗犳瘮渚嬨�傛爡鏍煎竷灞�锛屾瘡琛岀瓑鍒嗕负24鍒椼��">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 姣斾緥
+ </Tooltip>
+ }>
+ {getFieldDecorator('searchRatio', {
+ initialValue: setting.searchRatio || 6,
+ })(<InputNumber min={1} max={24} precision={0} onPressEnter={this.props.inputSubmit}/>)}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="鎼滅储鎸夐挳璺濆乏渚х殑鐧惧垎姣旓紝鍙傜収鎼滅储鏉′欢鐨勫悕绉板搴︺��">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 鎸夐挳鍋忕Щ
+ </Tooltip>
+ }>
+ {getFieldDecorator('searchLwidth', {
+ initialValue: setting.searchLwidth !== undefined ? setting.searchLwidth : 33.3,
+ })(<InputNumber min={0} max={100} precision={1} onPressEnter={this.props.inputSubmit}/>)}
+ </Form.Item>
+ </Col>
+ </Row>
+ </Form>
)
}
}
diff --git a/src/templates/sharecomponent/settingcalcomponent/index.jsx b/src/templates/sharecomponent/settingcalcomponent/index.jsx
index 0c7b0d2..1d9addf 100644
--- a/src/templates/sharecomponent/settingcalcomponent/index.jsx
+++ b/src/templates/sharecomponent/settingcalcomponent/index.jsx
@@ -83,8 +83,7 @@
<div className="model-datasource">
<SettingOutlined onClick={() => this.editDataSource()} />
<Modal
- wrapClassName="popview-modal"
- title="鏁版嵁婧愰厤缃�"
+ wrapClassName="mk-pop-modal"
visible={visible}
width={'75vw'}
maskClosable={false}
diff --git a/src/templates/sharecomponent/settingcalcomponent/index.scss b/src/templates/sharecomponent/settingcalcomponent/index.scss
index 2e3378c..fdc03f8 100644
--- a/src/templates/sharecomponent/settingcalcomponent/index.scss
+++ b/src/templates/sharecomponent/settingcalcomponent/index.scss
@@ -8,79 +8,4 @@
font-size: 18px;
padding: 10px;
}
-
- .model-input-group-wrapper {
- padding: 0 20px;
- display: inline-block;
- width: 100%;
- text-align: start;
- vertical-align: top;
- margin-bottom: 15px;
-
- .model-input-wrapper {
- position: relative;
- display: table;
- width: 100%;
- border-collapse: separate;
- border-spacing: 0;
-
- .model-input-value {
- display: table-cell;
- width: 100%;
- border: 1px solid #d9d9d9;
- border-radius: 4px 0px 0px 4px;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- padding: 2px 10px;
- color: #ffffff;
- }
-
- .model-input-group-addon {
- display: table-cell;
- width: 1px;
- position: relative;
- padding: 0 11px;
- color: rgba(0, 0, 0, 0.65);
- font-weight: normal;
- font-size: 14px;
- line-height: 1;
- text-align: center;
- background-color: #fafafa;
- border: 1px solid #d9d9d9;
- border-radius: 0px 4px 4px 0px;
- white-space: nowrap;
- }
-
- .model-input-insert {
- display: table-cell;
- width: 100%;
- border: 1px dotted #d9d9d9;
- border-radius: 4px;
- text-align: center;
- cursor: pointer;
-
- .anticon-plus {
- padding: 6px;
- font-size: 16px;
- color: rgb(38, 194, 129);
- }
- }
- }
- .anticon-setting {
- margin-right: 5px;
- padding: 6px;
- cursor: pointer;
- }
- .anticon-setting:hover {
- color: #1890ff;
- }
- .anticon-close {
- padding: 6px;
- cursor: pointer;
- }
- .anticon-close:hover {
- color: #ff4d4f;
- }
- }
}
diff --git a/src/templates/sharecomponent/settingcalcomponent/verifycard/index.jsx b/src/templates/sharecomponent/settingcalcomponent/verifycard/index.jsx
index 58a558c..6ff6f95 100644
--- a/src/templates/sharecomponent/settingcalcomponent/verifycard/index.jsx
+++ b/src/templates/sharecomponent/settingcalcomponent/verifycard/index.jsx
@@ -119,21 +119,6 @@
handleEdit = (record) => {
this.contrastForm.edit(record)
-
- let node = document.getElementById('model-setting-form-body').parentNode
-
- if (node && node.scrollTop) {
- let inter = Math.ceil(node.scrollTop / 10)
-
- let timer = setInterval(() => {
- if (node.scrollTop - inter > 0) {
- node.scrollTop = node.scrollTop - inter
- } else {
- node.scrollTop = 0
- clearInterval(timer)
- }
- }, 10)
- }
}
changeTab = (val) => {
@@ -400,7 +385,7 @@
const { columns, setting, scripts, colColumns, activeKey, loading } = this.state
return (
- <div className="model-verify-card-box-tab" id="model-setting-form-body">
+ <div className="model-verify-card-box-tab">
{loading && <Spin size="large" />}
<Tabs activeKey={activeKey} className="verify-card-box" onChange={this.changeTab}>
<TabPane tab="鏁版嵁婧�" key="setting">
@@ -438,7 +423,7 @@
鑷畾涔夎剼鏈�
{scripts.length ? <span className="count-tip">{scripts.length}</span> : null}
</span>
- } key="scripts">
+ } key="scripts" id="mk-setting-scripts">
<CustomScript
dict={this.props.dict}
setting={setting}
diff --git a/src/templates/sharecomponent/settingcomponent/index.jsx b/src/templates/sharecomponent/settingcomponent/index.jsx
index ca098d1..d2c3f5d 100644
--- a/src/templates/sharecomponent/settingcomponent/index.jsx
+++ b/src/templates/sharecomponent/settingcomponent/index.jsx
@@ -12,7 +12,7 @@
import CreateFunc from '@/templates/zshare/createfunc'
import CreateInterface from '@/templates/zshare/createinterface'
-import './index.scss'
+// import './index.scss'
class SettingComponent extends Component {
static propTpyes = {
@@ -181,14 +181,13 @@
const { dict, visible, search, menu, record } = this.state
return (
- <div className="model-menu-setting">
- <SettingOutlined onClick={this.changeSetting} />
+ <>
+ <SettingOutlined style={{position: 'absolute', fontSize: '18px', right: '7px', top: '5px', padding: '10px', zIndex: 1}} onClick={this.changeSetting} />
{/* 璁剧疆鍏ㄥ眬閰嶇疆鍙婂垪琛ㄦ暟鎹簮 */}
<Modal
- wrapClassName="model-table-setting-verify-modal"
- title="鏁版嵁婧愰厤缃�"
+ wrapClassName="mk-pop-modal"
visible={visible}
- width={900}
+ width={'75vw'}
maskClosable={false}
onCancel={() => { MKEmitter.emit('modalStatus', false); this.setState({ visible: false, loading: false })}}
footer={[
@@ -208,7 +207,7 @@
wrappedComponentRef={(inst) => this.settingRef = inst}
/>
</Modal>
- </div>
+ </>
)
}
}
diff --git a/src/templates/sharecomponent/settingcomponent/index.scss b/src/templates/sharecomponent/settingcomponent/index.scss
index 41b2501..8b13789 100644
--- a/src/templates/sharecomponent/settingcomponent/index.scss
+++ b/src/templates/sharecomponent/settingcomponent/index.scss
@@ -1,40 +1 @@
-.model-menu-setting {
- > .anticon-setting {
- position: absolute;
- font-size: 18px;
- right: 7px;
- top: 5px;
- padding: 10px;
- z-index: 1;
- }
-}
-.model-table-setting-verify-modal {
- .ant-modal {
- top: 50px;
- padding-bottom: 5px;
- .ant-modal-body {
- max-height: calc(100vh - 190px);
- min-height: 250px;
- overflow-y: auto;
- padding-top: 10px;
- }
- .ant-modal-body::-webkit-scrollbar {
- width: 7px;
- }
- .ant-modal-body::-webkit-scrollbar-thumb {
- border-radius: 5px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.13);
- }
- .ant-modal-body::-webkit-scrollbar-track {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
- border-radius: 3px;
- border: 1px solid rgba(0, 0, 0, 0.07);
- background: rgba(0, 0, 0, 0);
- }
- .ant-empty-normal {
- margin: 5px 0px;
- }
- }
-}
\ No newline at end of file
diff --git a/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx b/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.jsx
index df973b7..93717c1 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'))
@@ -218,618 +218,616 @@
}
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: sysInterface,
- 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 || (interType === 'outer' && sysInterface === 'true' ? window.GLOB.mainSystemApi : ''),
- rules: [
- {
- required: interType === 'outer' && sysInterface === 'true' ? false : true,
- message: dict['form.required.input'] + '鎺ュ彛鍦板潃!'
- },
- ]
- })(<TextArea rows={2} readOnly={interType === 'outer' && sysInterface === 'true'}/>)}
- </Form.Item>
- </Col> : null}
- {(interType === 'outer' && sysInterface !== 'true') || interType === 'custom' ? <Col className="data-source" span={24}>
- <Form.Item label={
- <Tooltip placement="topLeft" title="姝ｅ紡绯荤粺鎵�浣跨敤鐨勭殑鎺ュ彛鍦板潃銆�">
- <QuestionCircleOutlined className="mk-form-tip" />
- 姝ｅ紡鍦板潃
- </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={'鍚屾鎵ц锛氬閮ㄦ帴鍙ｈ皟鐢ㄦ垚鍔熷悗鍐嶈姹傛暟鎹紱寮傛鎵ц锛氬閮ㄦ帴鍙ｈ皟鐢ㄤ笌璇锋眰鏁版嵁鍚屾椂杩涜銆�'}>
- <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={'濡傛灉鑷畾涔夋帴鍙ｄ笉鏀寔璺ㄥ煙璇锋眰锛屼細閫氳繃褰撳墠绯荤粺杞彂銆�'}>
- <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: dict['form.required.input'] + '琛ㄥ悕!'
+ },
+ {
+ max: 50,
+ message: '琛ㄥ悕鏈�闀夸负50涓瓧绗�!'
+ }
+ ]
+ })(<Input placeholder={''} autoComplete="off" />)}
+ </Form.Item>
+ </Col>
+ <Col span={8}>
+ <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 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>
+ <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={dict['header.form.sysInterface']}>
+ {getFieldDecorator('sysInterface', {
+ initialValue: sysInterface,
+ 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={8}>
+ <Form.Item label="鍙傛暟澶勭悊">
+ {getFieldDecorator('procMode', {
+ initialValue: procMode,
+ rules: [
+ {
+ required: true,
+ message: dict['form.required.select'] + '鍙傛暟澶勭悊鏂瑰紡!'
+ },
+ ]
+ })(
+ <Radio.Group 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={8}>
+ <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="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: dict['form.required.input'] + '鎺ュ彛鍦板潃!'
+ },
+ ]
+ })(<TextArea rows={2} readOnly={interType === 'outer' && sysInterface === 'true'}/>)}
+ </Form.Item>
+ </Col> : null}
+ {(interType === 'outer' && sysInterface !== 'true') || interType === 'custom' ? <Col className="mk-through-line3" span={24}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="姝ｅ紡绯荤粺鎵�浣跨敤鐨勭殑鎺ュ彛鍦板潃銆�">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 姝ｅ紡鍦板潃
+ </Tooltip>
+ }>
+ {getFieldDecorator('proInterface', {
+ initialValue: setting.proInterface || ''
+ })(<TextArea rows={2} />)}
+ </Form.Item>
+ </Col> : null}
+ {interType === 'custom' ? <Col span={8}>
+ <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={8}>
+ <Form.Item label="鏁版嵁璇锋眰">
+ {getFieldDecorator('requestMode', {
+ initialValue: requestMode,
+ rules: [
+ {
+ required: true,
+ message: dict['form.required.select'] + '鏁版嵁璇锋眰鏂瑰紡!'
+ },
+ ]
+ })(
+ <Radio.Group 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={8}>
+ <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={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' || (interType === 'custom' && requestMode === 'system') ? <Col span={24} className="mk-through-line3" 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={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' || (interType === 'custom' && requestMode === '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: 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={8}>
+ <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={8}>
+ <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={8}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title={'鍚屾鎵ц锛氬閮ㄦ帴鍙ｈ皟鐢ㄦ垚鍔熷悗鍐嶈姹傛暟鎹紱寮傛鎵ц锛氬閮ㄦ帴鍙ｈ皟鐢ㄤ笌璇锋眰鏁版嵁鍚屾椂杩涜銆�'}>
+ <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={8}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title={'濡傛灉鑷畾涔夋帴鍙ｄ笉鏀寔璺ㄥ煙璇锋眰锛屼細閫氳繃褰撳墠绯荤粺杞彂銆�'}>
+ <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={8}>
+ <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={8}>
+ <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={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">{dict['model.true']}</Radio>
+ <Radio value="false">{dict['model.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">{dict['model.true']}</Radio>
+ <Radio value="false">{dict['model.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="浜嬪姟">
+ {getFieldDecorator('transaction', {
+ initialValue: setting.transaction || 'false'
+ })(
+ <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('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>
+ {/* <Col span={8}>
+ <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={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="楂樼骇鎼滅储寮圭獥鐨勫搴︼紝娉細褰撳搴﹀�煎皬浜�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={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>
)
}
}
diff --git a/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.scss b/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.scss
index c432f3e..e69de29 100644
--- a/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.scss
+++ b/src/templates/sharecomponent/settingcomponent/settingform/datasource/index.scss
@@ -1,22 +0,0 @@
-.model-table-datasource-setting-form-box {
- position: relative;
-
- .model-setting-form {
- .data-source {
- .ant-form-item-label {
- width: 16.5%;
- }
- .ant-form-item-control-wrapper {
- width: 83.5%;
- }
- .CodeMirror {
- height: 150px;
- }
- }
- }
-
- .color-sketch-block {
- position: relative;
- top: 7px;
- }
-}
\ No newline at end of file
diff --git a/src/templates/sharecomponent/settingcomponent/settingform/index.jsx b/src/templates/sharecomponent/settingcomponent/settingform/index.jsx
index eb8577c..deae870 100644
--- a/src/templates/sharecomponent/settingcomponent/settingform/index.jsx
+++ b/src/templates/sharecomponent/settingcomponent/settingform/index.jsx
@@ -576,7 +576,7 @@
const { loading, activeKey, setting, defaultSql, columns, scripts, preScripts, cbScripts, status, regoptions, visible, script, scriptValue } = this.state
return (
- <div className="model-table-setting-form-box" id="model-setting-form-body">
+ <div className="model-table-setting-form-box">
{loading && <Spin size="large" />}
<Tabs activeKey={activeKey} onChange={this.changeTab}>
<TabPane tab="鏁版嵁婧�" key="setting">
@@ -596,8 +596,8 @@
鑷畾涔夎剼鏈�
{scripts.length ? <span className="count-tip">{scripts.length}</span> : null}
</span>
- } disabled={!(status.interType === 'system' || (status.interType === 'custom' && status.requestMode === 'system'))} key="scripts">
- <BorderOutlined className="full-scripts" onClick={() => {
+ } disabled={!(status.interType === 'system' || (status.interType === 'custom' && status.requestMode === 'system'))} key="scripts" id="mk-setting-scripts">
+ {scripts.length ? <BorderOutlined className="full-scripts" onClick={() => {
if (this.scriptsForm && (this.scriptsForm.state.editItem || (this.scriptsForm.props.form.getFieldValue('sql') && !/^\s+$/.test(this.scriptsForm.props.form.getFieldValue('sql'))))) {
notification.warning({
top: 92,
@@ -607,7 +607,7 @@
return
}
this.setState({visible: true, script: null, scriptValue: ''})
- }}/>
+ }}/> : null}
<CustomScript
dict={dict}
setting={setting}
diff --git a/src/templates/sharecomponent/settingcomponent/settingform/index.scss b/src/templates/sharecomponent/settingcomponent/settingform/index.scss
index 516889d..8790751 100644
--- a/src/templates/sharecomponent/settingcomponent/settingform/index.scss
+++ b/src/templates/sharecomponent/settingcomponent/settingform/index.scss
@@ -60,10 +60,11 @@
}
.full-scripts {
position: absolute;
- right: 0px;
- top: 18px;
+ right: 24px;
+ top: 0px;
font-size: 18px;
color: #1890ff;
+ z-index: 1;
}
}
diff --git a/src/templates/sharecomponent/settingcomponent/settingform/simplescript/index.jsx b/src/templates/sharecomponent/settingcomponent/settingform/simplescript/index.jsx
index 144b09e..8b00a43 100644
--- a/src/templates/sharecomponent/settingcomponent/settingform/simplescript/index.jsx
+++ b/src/templates/sharecomponent/settingcomponent/settingform/simplescript/index.jsx
@@ -28,6 +28,7 @@
}
state = {
+ wrapId: Utils.getuuid(),
editItem: null,
loading: false,
usefulFields: '',
@@ -358,7 +359,7 @@
}
scrolltop = () => {
- let node = document.getElementById('model-setting-form-body').parentNode
+ let node = document.getElementById(this.state.wrapId).parentNode
if (node && node.scrollTop) {
let inter = Math.ceil(node.scrollTop / 10)
@@ -406,7 +407,7 @@
render() {
const { setting, scripts } = this.props
const { getFieldDecorator } = this.props.form
- const { usefulFields, scriptsColumns, systemScripts, urlFields } = this.state
+ const { usefulFields, scriptsColumns, systemScripts, urlFields, wrapId } = this.state
const formItemLayout = {
labelCol: {
xs: { span: 24 },
@@ -419,7 +420,7 @@
}
return (
- <div className="modal-menu-setting-script">
+ <div className="modal-menu-setting-script" id={wrapId}>
<Form {...formItemLayout}>
<Row gutter={24}>
<Col span={4}>
diff --git a/src/templates/sharecomponent/treesettingcomponent/index.jsx b/src/templates/sharecomponent/treesettingcomponent/index.jsx
index 141d90e..74fb02f 100644
--- a/src/templates/sharecomponent/treesettingcomponent/index.jsx
+++ b/src/templates/sharecomponent/treesettingcomponent/index.jsx
@@ -99,10 +99,9 @@
<SettingOutlined onClick={this.changeSetting} />
{/* 璁剧疆鍏ㄥ眬閰嶇疆鍙婂垪琛ㄦ暟鎹簮 */}
<Modal
- wrapClassName="model-tree-setting-verify-modal"
- title="鏁版嵁婧愰厤缃�"
+ wrapClassName="mk-pop-modal"
visible={visible}
- width={900}
+ width={'75vw'}
maskClosable={false}
onCancel={() => { MKEmitter.emit('modalStatus', false); this.setState({ visible: false })}}
confirmLoading={loading}
diff --git a/src/templates/sharecomponent/treesettingcomponent/index.scss b/src/templates/sharecomponent/treesettingcomponent/index.scss
index 1a2db19..18c0185 100644
--- a/src/templates/sharecomponent/treesettingcomponent/index.scss
+++ b/src/templates/sharecomponent/treesettingcomponent/index.scss
@@ -8,33 +8,4 @@
z-index: 1;
color: #1890ff;
}
-}
-
-.model-tree-setting-verify-modal {
- .ant-modal {
- top: 50px;
- padding-bottom: 5px;
- .ant-modal-body {
- max-height: calc(100vh - 190px);
- overflow-y: auto;
- padding-top: 10px;
- }
- .ant-modal-body::-webkit-scrollbar {
- width: 7px;
- }
- .ant-modal-body::-webkit-scrollbar-thumb {
- border-radius: 5px;
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
- background: rgba(0, 0, 0, 0.13);
- }
- .ant-modal-body::-webkit-scrollbar-track {
- box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
- border-radius: 3px;
- border: 1px solid rgba(0, 0, 0, 0.07);
- background: rgba(0, 0, 0, 0);
- }
- .ant-empty-normal {
- margin: 5px 0px;
- }
- }
}
\ No newline at end of file
diff --git a/src/templates/sharecomponent/treesettingcomponent/settingform/index.jsx b/src/templates/sharecomponent/treesettingcomponent/settingform/index.jsx
index 0abd359..8f182b8 100644
--- a/src/templates/sharecomponent/treesettingcomponent/settingform/index.jsx
+++ b/src/templates/sharecomponent/treesettingcomponent/settingform/index.jsx
@@ -249,7 +249,7 @@
const { activeKey, setting, loading, scripts } = this.state
return (
- <div className="model-tree-setting-form-box" id="model-setting-form-body">
+ <div className="model-tree-setting-form-box">
{loading && <Spin size="large" />}
<Tabs activeKey={activeKey} onChange={this.changeTab}>
<TabPane tab="鏁版嵁婧�" key="setting">
@@ -266,7 +266,7 @@
鑷畾涔夎剼鏈�
{scripts.length ? <span className="count-tip">{scripts.length}</span> : null}
</span>
- } key="scripts">
+ } key="scripts" id="mk-setting-scripts">
<CustomScript
dict={this.props.dict}
setting={setting}
diff --git a/src/templates/zshare/customscript/index.jsx b/src/templates/zshare/customscript/index.jsx
index 524e97a..ecaa177 100644
--- a/src/templates/zshare/customscript/index.jsx
+++ b/src/templates/zshare/customscript/index.jsx
@@ -303,7 +303,7 @@
}
scrolltop = () => {
- let node = document.getElementById('model-setting-form-body').parentNode
+ let node = document.getElementById('mk-setting-scripts')
if (node && node.scrollTop) {
let inter = Math.ceil(node.scrollTop / 10)
diff --git a/src/templates/zshare/verifycard/index.jsx b/src/templates/zshare/verifycard/index.jsx
index 69df3aa..069ae99 100644
--- a/src/templates/zshare/verifycard/index.jsx
+++ b/src/templates/zshare/verifycard/index.jsx
@@ -853,11 +853,14 @@
if (!_arr.includes('submitdate')) {
_form.push('submitdate=getdate()')
}
- if (!_arr.includes('submituserid')) {
- _form.push('submituserid=@userid@')
- }
if (!_arr.includes('submituser')) {
_form.push('submituser=@username')
+ }
+ if (!_arr.includes('submitstaff')) {
+ _form.push('submitstaff=@fullname')
+ }
+ if (!_arr.includes('submituserid')) {
+ _form.push('submituserid=@userid@')
}
} else {
if (!_arr.includes('modifydate')) {
@@ -866,6 +869,9 @@
if (!_arr.includes('modifyuser')) {
_form.push('modifyuser=@username')
}
+ if (!_arr.includes('modifystaff')) {
+ _form.push('modifystaff=@fullname')
+ }
if (!_arr.includes('modifyuserid')) {
_form.push('modifyuserid=@userid@')
}
diff --git a/src/utils/utils.js b/src/utils/utils.js
index 06f55ca..b97fbde 100644
--- a/src/utils/utils.js
+++ b/src/utils/utils.js
@@ -1966,11 +1966,14 @@
if (!_arr.includes('submitdate')) {
_form.push('submitdate=getdate()')
}
- if (!_arr.includes('submituserid')) {
- _form.push('submituserid=@userid@')
- }
if (!_arr.includes('submituser')) {
_form.push('submituser=@username')
+ }
+ if (!_arr.includes('submitstaff')) {
+ _form.push('submitstaff=@fullname')
+ }
+ if (!_arr.includes('submituserid')) {
+ _form.push('submituserid=@userid@')
}
} else {
if (!_arr.includes('modifydate')) {
@@ -1979,6 +1982,9 @@
if (!_arr.includes('modifyuser')) {
_form.push('modifyuser=@username')
}
+ if (!_arr.includes('modifystaff')) {
+ _form.push('modifystaff=@fullname')
+ }
if (!_arr.includes('modifyuserid')) {
_form.push('modifyuserid=@userid@')
}
diff --git a/src/views/basedesign/index.jsx b/src/views/basedesign/index.jsx
index 807ea77..cfb79a4 100644
--- a/src/views/basedesign/index.jsx
+++ b/src/views/basedesign/index.jsx
@@ -6,6 +6,8 @@
import Api from '@/api'
import asyncComponent from '@/utils/asyncComponent'
import asyncLoadComponent from '@/utils/asyncLoadComponent'
+
+import '@/assets/css/design.scss'
import './index.scss'
const _locale = sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS
diff --git a/src/views/menudesign/index.jsx b/src/views/menudesign/index.jsx
index df6d527..f46edb4 100644
--- a/src/views/menudesign/index.jsx
+++ b/src/views/menudesign/index.jsx
@@ -19,6 +19,7 @@
import MenuUtils from '@/utils/utils-custom.js'
import asyncComponent from '@/utils/asyncComponent'
+import '@/assets/css/design.scss'
import './index.scss'
const { Panel } = Collapse
diff --git a/src/views/mobdesign/index.jsx b/src/views/mobdesign/index.jsx
index 15218a9..8f7e805 100644
--- a/src/views/mobdesign/index.jsx
+++ b/src/views/mobdesign/index.jsx
@@ -17,6 +17,7 @@
import MenuUtils from '@/utils/utils-custom.js'
import asyncComponent from '@/utils/asyncComponent'
+import '@/assets/css/design.scss'
import './index.scss'
const { Panel } = Collapse
diff --git a/src/views/pcdesign/index.jsx b/src/views/pcdesign/index.jsx
index 8f0fe1c..5210249 100644
--- a/src/views/pcdesign/index.jsx
+++ b/src/views/pcdesign/index.jsx
@@ -17,6 +17,7 @@
import MenuUtils from '@/utils/utils-custom.js'
import asyncComponent from '@/utils/asyncComponent'
+import '@/assets/css/design.scss'
import './index.scss'
const { Panel } = Collapse
diff --git a/src/views/popdesign/index.jsx b/src/views/popdesign/index.jsx
index e95fc0f..9f5d0a7 100644
--- a/src/views/popdesign/index.jsx
+++ b/src/views/popdesign/index.jsx
@@ -13,6 +13,7 @@
// import antdEnUS from 'antd/es/locale/en_US'
import antdZhCN from 'antd/es/locale/zh_CN'
+import '@/assets/css/design.scss'
import './index.scss'
const _locale = antdZhCN
diff --git a/src/views/tabledesign/index.jsx b/src/views/tabledesign/index.jsx
index 72f85d8..2c49a33 100644
--- a/src/views/tabledesign/index.jsx
+++ b/src/views/tabledesign/index.jsx
@@ -13,6 +13,7 @@
import MKEmitter from '@/utils/events.js'
import asyncComponent from '@/utils/asyncComponent'
+import '@/assets/css/design.scss'
import './index.scss'
const { Panel } = Collapse
--
Gitblit v1.8.0