From 3f85ff9067b806df7848ce7b852ff357a7bac7f5 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 29 六月 2021 17:25:43 +0800
Subject: [PATCH] 2021-06-29
---
src/templates/modalconfig/settingform/index.jsx | 37 ++++++++++++++++++++++++++++---------
1 files changed, 28 insertions(+), 9 deletions(-)
diff --git a/src/templates/modalconfig/settingform/index.jsx b/src/templates/modalconfig/settingform/index.jsx
index ae109a6..6428e40 100644
--- a/src/templates/modalconfig/settingform/index.jsx
+++ b/src/templates/modalconfig/settingform/index.jsx
@@ -1,6 +1,6 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Form, Row, Col, Input, Radio, InputNumber, Select } from 'antd'
+import { Form, Row, Col, Input, Radio, InputNumber, Select, Tooltip, Icon } from 'antd'
import { formRule } from '@/utils/option.js'
import './index.scss'
@@ -20,6 +20,7 @@
UNSAFE_componentWillMount () {
const { config } = this.props
+ const { appType, display } = this.state
let fields = []
config.fields.forEach(f => {
@@ -28,8 +29,14 @@
}
})
+ let _display = display
+ if (appType === 'mob' && display !== 'prompt' && display !== 'drawer') {
+ _display = 'drawer'
+ }
+
this.setState({
- fields: fields
+ fields: fields,
+ display: _display
})
}
@@ -87,13 +94,25 @@
})(<Input placeholder="" autoComplete="off" onPressEnter={this.handleSubmit} />)}
</Form.Item>
</Col>
- <Col span={12}>
+ {appType !== 'mob' ? <Col span={12}>
<Form.Item label="瀹藉害锛�%锛�">
{getFieldDecorator('width', {
initialValue: config.setting.width
})(<InputNumber min={10} max={90} precision={0} onPressEnter={this.handleSubmit}/>)}
</Form.Item>
- </Col>
+ </Col> : null}
+ {appType === 'mob' ? <Col span={12}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="瀹藉害灏忎簬100鏃朵负鐧惧垎鐜囷紝澶т簬100鏃朵负缁濆鍊笺��">
+ <Icon type="question-circle" />
+ 瀹藉害
+ </Tooltip>
+ }>
+ {getFieldDecorator('width', {
+ initialValue: config.setting.width
+ })(<InputNumber min={10} max={2000} precision={0} onPressEnter={this.handleSubmit}/>)}
+ </Form.Item>
+ </Col> : null}
<Col span={12}>
<Form.Item label="鐒︾偣">
{getFieldDecorator('focus', {
@@ -115,7 +134,7 @@
)}
</Form.Item>
</Col>
- <Col span={12}>
+ {appType !== 'mob' ? <Col span={12}>
<Form.Item label="琛ㄥ崟鎺掑垪">
{getFieldDecorator('align', {
initialValue: config.setting.align || 'left_right'
@@ -126,7 +145,7 @@
</Radio.Group>
)}
</Form.Item>
- </Col>
+ </Col> : null}
<Col span={12}>
<Form.Item label="瀹屾垚鍚�">
{getFieldDecorator('finish', {
@@ -154,17 +173,17 @@
<Col span={12}>
<Form.Item label="鏄剧ず鏂瑰紡">
{getFieldDecorator('display', {
- initialValue: config.setting.display || 'modal'
+ initialValue: display || 'modal'
})(
<Radio.Group style={{whiteSpace: 'nowrap'}} onChange={(e) => this.setState({display: e.target.value})}>
- <Radio value="modal">妯℃�佹</Radio>
+ {appType !== 'mob' ? <Radio value="modal">妯℃�佹</Radio> : null}
<Radio value="prompt">鏄惁妗�</Radio>
<Radio value="drawer">鎶藉眽</Radio>
</Radio.Group>
)}
</Form.Item>
</Col>
- {!this.props.isSubTab && appType !== 'pc' && display === 'modal' ? <Col span={12}>
+ {!this.props.isSubTab && !appType && display === 'modal' ? <Col span={12}>
<Form.Item label="鎸傝浇瀵硅薄">
{getFieldDecorator('container', {
initialValue: config.setting.container || 'tab'
--
Gitblit v1.8.0