From e543372cc70a19ff2630c79d8421c2c593e54e5f Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 02 六月 2021 17:15:21 +0800
Subject: [PATCH] 2021-06-02
---
src/menu/components/table/normal-table/wrapsetting/settingform/index.jsx | 176 +++++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 149 insertions(+), 27 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 3ed64be..36b6bd9 100644
--- a/src/menu/components/table/normal-table/wrapsetting/settingform/index.jsx
+++ b/src/menu/components/table/normal-table/wrapsetting/settingform/index.jsx
@@ -2,11 +2,11 @@
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 {
static propTpyes = {
- MenuType: PropTypes.any, // 鑿滃崟绫诲瀷
dict: PropTypes.object, // 瀛楀吀椤�
config: PropTypes.object, // 鍗＄墖琛屼俊鎭�
wrap: PropTypes.object, // 鏁版嵁婧愰厤缃�
@@ -14,7 +14,8 @@
}
state = {
- roleList: []
+ roleList: [],
+ appType: sessionStorage.getItem('appType')
}
UNSAFE_componentWillMount () {
@@ -54,9 +55,9 @@
}
render() {
- const { wrap, MenuType } = this.props
+ const { wrap, config } = this.props
const { getFieldDecorator } = this.props.form
- const { roleList } = this.state
+ const { roleList, appType } = this.state
const formItemLayout = {
labelCol: {
@@ -74,6 +75,13 @@
<Form {...formItemLayout}>
<Row gutter={24}>
<Col span={12}>
+ <Form.Item label="鏍囬">
+ {getFieldDecorator('title', {
+ initialValue: wrap.title || ''
+ })(<Input placeholder={''} autoComplete="off" onPressEnter={this.handleSubmit} />)}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
<Form.Item label={
<Tooltip placement="topLeft" title="鐢ㄤ簬缁勪欢闂寸殑鍖哄垎銆�">
<Icon type="question-circle" />
@@ -89,6 +97,115 @@
}
]
})(<Input placeholder={''} autoComplete="off" onPressEnter={this.handleSubmit} />)}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
+ <Form.Item label="琛ㄦ牸灞炴��">
+ {getFieldDecorator('tableType', {
+ initialValue: wrap.tableType
+ })(
+ <Radio.Group style={{whiteSpace: 'nowrap'}}>
+ <Radio key="" value=""> 涓嶅彲閫� </Radio>
+ <Radio key="radio" value={'radio'}> 鍗曢�� </Radio>
+ <Radio key="checkbox" value={'checkbox'}> 澶氶�� </Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ <Col span={12}>
+ <Form.Item label="杈规">
+ {getFieldDecorator('bordered', {
+ initialValue: wrap.bordered || 'true'
+ })(
+ <Radio.Group style={{whiteSpace: 'nowrap'}}>
+ <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}>
@@ -110,31 +227,36 @@
</Form.Item>
</Col>
<Col span={12}>
- <Form.Item label="琛ㄦ牸灞炴��">
- {getFieldDecorator('tableType', {
- initialValue: wrap.tableType
- })(
- <Radio.Group style={{whiteSpace: 'nowrap'}}>
- <Radio key="" value=""> 涓嶅彲閫� </Radio>
- <Radio key="radio" value={'radio'}> 鍗曢�� </Radio>
- <Radio key="checkbox" value={'checkbox'}> 澶氶�� </Radio>
- </Radio.Group>
- )}
+ <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>
+ {appType !== 'mob' ? <Col span={12}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="鍙屽嚮琛ㄦ牸涓锛岃Е鍙戠殑鎸夐挳銆�">
+ <Icon type="question-circle" />
+ 鍙屽嚮浜嬩欢
+ </Tooltip>
+ }>
+ {getFieldDecorator('doubleClick', {
+ initialValue: wrap.doubleClick || ''
+ })(
+ <Select allowClear>
+ {config.action.map(option =>
+ <Select.Option key={option.uuid} value={option.uuid}>{option.label}</Select.Option>
+ )}
+ </Select>
+ )}
+ </Form.Item>
+ </Col> : null}
<Col span={12}>
- <Form.Item label="杈规">
- {getFieldDecorator('border', {
- initialValue: wrap.border || 'true'
- })(
- <Radio.Group style={{whiteSpace: 'nowrap'}}>
- <Radio key="true" value={'true'}> 鏈� </Radio>
- <Radio key="false" value={'false'}> 鏃� </Radio>
- </Radio.Group>
- )}
- </Form.Item>
- </Col>
- {MenuType !== 'billPrint' ? <Col span={12}>
<Form.Item label="榛戝悕鍗�">
{getFieldDecorator('blacklist', {
initialValue: wrap.blacklist || []
@@ -150,7 +272,7 @@
</Select>
)}
</Form.Item>
- </Col> : null}
+ </Col>
</Row>
</Form>
</div>
--
Gitblit v1.8.0