From eebe63a6727e6495321d1433ebd2779b5a36d45a Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 31 十二月 2020 22:08:14 +0800 Subject: [PATCH] 2020-12-31 --- src/menu/components/table/normal-table/wrapsetting/settingform/index.jsx | 97 +++++++++++++++++++++++++++++++++++++----------- 1 files changed, 74 insertions(+), 23 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..61755ab 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, // 鏁版嵁婧愰厤缃� @@ -54,7 +54,7 @@ } render() { - const { wrap, MenuType } = this.props + const { wrap, config } = this.props const { getFieldDecorator } = this.props.form const { roleList } = this.state @@ -74,6 +74,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 +96,57 @@ } ] })(<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> + <Col span={12}> + <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}> @@ -110,31 +168,24 @@ </Form.Item> </Col> <Col span={12}> - <Form.Item label="琛ㄦ牸灞炴��"> - {getFieldDecorator('tableType', { - initialValue: wrap.tableType + <Form.Item label={ + <Tooltip placement="topLeft" title="鍙屽嚮琛ㄦ牸涓锛岃Е鍙戠殑鎸夐挳銆�"> + <Icon type="question-circle" /> + 鍙屽嚮浜嬩欢 + </Tooltip> + }> + {getFieldDecorator('doubleClick', { + initialValue: wrap.doubleClick || '' })( - <Radio.Group style={{whiteSpace: 'nowrap'}}> - <Radio key="" value=""> 涓嶅彲閫� </Radio> - <Radio key="radio" value={'radio'}> 鍗曢�� </Radio> - <Radio key="checkbox" value={'checkbox'}> 澶氶�� </Radio> - </Radio.Group> + <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="杈规"> - {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 +201,7 @@ </Select> )} </Form.Item> - </Col> : null} + </Col> </Row> </Form> </div> -- Gitblit v1.8.0