From 31ec63f0419895876cbaba99637a884a32d33d0d Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 01 九月 2021 10:31:45 +0800
Subject: [PATCH] 2021-09-01
---
src/menu/components/table/normal-table/wrapsetting/settingform/index.jsx | 112 ++++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 105 insertions(+), 7 deletions(-)
diff --git a/src/menu/components/table/normal-table/wrapsetting/settingform/index.jsx b/src/menu/components/table/normal-table/wrapsetting/settingform/index.jsx
index 88719bc..049e55c 100644
--- a/src/menu/components/table/normal-table/wrapsetting/settingform/index.jsx
+++ b/src/menu/components/table/normal-table/wrapsetting/settingform/index.jsx
@@ -2,6 +2,7 @@
import PropTypes from 'prop-types'
import { Form, Row, Col, Input, Radio, Tooltip, Icon, InputNumber, Select } from 'antd'
+import ColorSketch from '@/mob/colorsketch'
import './index.scss'
class SettingForm extends Component {
@@ -13,7 +14,8 @@
}
state = {
- roleList: []
+ roleList: [],
+ appType: sessionStorage.getItem('appType')
}
UNSAFE_componentWillMount () {
@@ -21,7 +23,7 @@
if (roleList) {
try {
roleList = JSON.parse(roleList)
- } catch {
+ } catch (e) {
roleList = []
}
} else {
@@ -55,7 +57,7 @@
render() {
const { wrap, config } = this.props
const { getFieldDecorator } = this.props.form
- const { roleList } = this.state
+ const { roleList, appType } = this.state
const formItemLayout = {
labelCol: {
@@ -116,10 +118,94 @@
initialValue: wrap.bordered || 'true'
})(
<Radio.Group style={{whiteSpace: 'nowrap'}}>
- <Radio key="true" value={'true'}> 鏈� </Radio>
- <Radio key="false" value={'false'}> 鏃� </Radio>
+ <Radio key="true" value="true"> 鏈� </Radio>
+ <Radio key="false" value="false"> 鏃� </Radio>
</Radio.Group>
)}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
+ <Form.Item label="琛ㄥご">
+ {getFieldDecorator('tableHeader', {
+ initialValue: wrap.tableHeader || 'show'
+ })(
+ <Radio.Group style={{whiteSpace: 'nowrap'}}>
+ <Radio key="show" value="show"> 鏄剧ず </Radio>
+ <Radio key="hidden" value="hidden"> 闅愯棌 </Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ {appType !== 'mob' ? <Col span={12}>
+ <Form.Item label="鍙敹璧�">
+ {getFieldDecorator('collapse', {
+ initialValue: wrap.collapse || 'false'
+ })(
+ <Radio.Group>
+ <Radio key="true" value="true"> 鏄� </Radio>
+ <Radio key="false" value="false"> 鍚� </Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col> : null}
+ <Col span={12}>
+ <Form.Item label="琛ㄦ牸澶у皬">
+ {getFieldDecorator('size', {
+ initialValue: wrap.size || 'middle'
+ })(
+ <Radio.Group style={{whiteSpace: 'nowrap'}}>
+ <Radio key="default" value="default"> 澶� </Radio>
+ <Radio key="middle" value="middle"> 涓� </Radio>
+ <Radio key="small" value="small"> 灏� </Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ <Col span={12} style={{height: '64px'}}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="榛樿鍊� #e8e8e8銆�">
+ <Icon type="question-circle" />
+ 杈规棰滆壊
+ </Tooltip>
+ }>
+ {getFieldDecorator('borderColor', {
+ initialValue: wrap.borderColor || '#e8e8e8'
+ })(
+ <ColorSketch />
+ )}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
+ <Form.Item label="妯″紡">
+ {getFieldDecorator('mode', {
+ initialValue: wrap.mode || 'default'
+ })(
+ <Radio.Group>
+ <Radio key="default" value="default"> 甯歌 </Radio>
+ <Radio key="ghost" value="ghost"> 閫忔槑 </Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ <Col span={12} style={{height: '64px'}}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="榛樿鍊� rgba(0, 0, 0, 0.65)銆�">
+ <Icon type="question-circle" />
+ 瀛椾綋棰滆壊
+ </Tooltip>
+ }>
+ {getFieldDecorator('color', {
+ initialValue: wrap.color || 'rgba(0, 0, 0, 0.65)'
+ })(
+ <ColorSketch />
+ )}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
+ <Form.Item label="瀛椾綋澶у皬">
+ {getFieldDecorator('fontSize', {
+ initialValue: wrap.fontSize || 14
+ })(<InputNumber min={14} max={30} precision={0} />)}
</Form.Item>
</Col>
<Col span={12}>
@@ -140,7 +226,19 @@
})(<InputNumber min={1} max={24} precision={0} onPressEnter={this.handleSubmit} />)}
</Form.Item>
</Col>
- <Col span={12}>
+ {appType !== 'mob' ? <Col span={12}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="楂樼骇鎼滅储寮圭獥鐨勫搴︼紝娉細褰撳搴﹀�煎皬浜�100鏃惰〃绀哄崰绐楀彛鐨勭櫨鍒嗘瘮锛屽ぇ浜�100鏃惰〃绀哄搴︾殑缁濆鍊笺��">
+ <Icon type="question-circle" />
+ 楂樼骇鎼滅储
+ </Tooltip>
+ }>
+ {getFieldDecorator('advanceWidth', {
+ initialValue: wrap.advanceWidth || 1000
+ })(<InputNumber min={10} max={3000} precision={0} onPressEnter={this.handleSubmit}/>)}
+ </Form.Item>
+ </Col> : null}
+ {appType !== 'mob' ? <Col span={12}>
<Form.Item label={
<Tooltip placement="topLeft" title="鍙屽嚮琛ㄦ牸涓锛岃Е鍙戠殑鎸夐挳銆�">
<Icon type="question-circle" />
@@ -157,7 +255,7 @@
</Select>
)}
</Form.Item>
- </Col>
+ </Col> : null}
<Col span={12}>
<Form.Item label="榛戝悕鍗�">
{getFieldDecorator('blacklist', {
--
Gitblit v1.8.0