提交 89bee666 authored 作者: 徐立's avatar 徐立

关闭移动端input

上级 76b9d6bc
......@@ -215,6 +215,7 @@ export default class isNewTable extends Component {
style={{
...style,
}}
border={false}
>
{item.map((ary, j) => {
if (!ary.content) {
......
......@@ -27,8 +27,8 @@ import {
notification,
} from 'antd';
import QRCode from 'qrcode.react';
import {EditorState,Editor} from 'draft-js';
import MyBlockRenderer from '../App/MyBlockRender'
import { EditorState, Editor } from 'draft-js';
import MyBlockRenderer from '../App/MyBlockRender';
import {
InputItem as MobileInputItem,
ImagePicker as MobileImagePicker,
......@@ -64,7 +64,7 @@ import { date } from '../libs/formList/config';
import Highlighter from 'react-highlight-words';
import Signature from '../Signature';
import baseX from 'base-x';
import {changeToDraftState} from '../utils/myutils'
import { changeToDraftState } from '../utils/myutils';
const Bs64 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
const base64 = baseX(Bs64);
import { Base16Encode } from '../Base16/index';
......@@ -137,7 +137,7 @@ export default class tableCom extends Component {
sqlModel: {},
columns: [],
sqlContent: null,
modalProps:{},
modalProps: {},
modalTitle: '',
modalInit: {},
modalCode: null,
......@@ -156,14 +156,19 @@ export default class tableCom extends Component {
callback: callback,
});
};
showModal = (fk, title, data,modalProps) => {
showModal = (fk, title, data, modalProps) => {
const { dispatch } = this.props;
dispatch({
type: 'DataColumn/showModal',
payload: { isShowModal: true },
callback: () => {
this.setState({ modalInit: data, modalTitle: title, modalCode: fk,modalProps:modalProps });
this.setState({
modalInit: data,
modalTitle: title,
modalCode: fk,
modalProps: modalProps,
});
},
});
};
......@@ -234,7 +239,8 @@ export default class tableCom extends Component {
(sqlContent != null && sqlContent.indexOf(key) == -1) ||
(json.formula != null &&
json.formula.indexOf(key) == -1 &&
json.funcs != null && json.funcs.indexOf(key) == -1))
json.funcs != null &&
json.funcs.indexOf(key) == -1))
) {
this.excludeKeys.push(key);
......@@ -1240,7 +1246,7 @@ export default class tableCom extends Component {
: bindObj;
if (this.props.fatherCode == null && dataColumn == null)
dataColumn = { base52: this.props.uuid };
if (!this.props.isEdit && this.props.fatherCode) {
if (bindObj != null) {
dataColumn.base52 = bindObj.base52;
......@@ -1432,7 +1438,7 @@ export default class tableCom extends Component {
isEdit,
datas,
} = this.props;
const { options, labels, selectDis, modalCode, modalTitle, modalInit,modalProps } = this.state;
const { options, labels, selectDis, modalCode, modalTitle, modalInit, modalProps } = this.state;
const { getFieldDecorator, getFieldError, getFieldProps } = this.props.form;
const disabled = json != null ? json.disabled : false;
if (json == null) {
......@@ -1834,11 +1840,14 @@ export default class tableCom extends Component {
// cm = <img src={queryApiActionPath()+obj[dataColumn.base52]} />
// break;
case 'RichText':
cm = <Editor key={dataColumn.base52}
readOnly={true}
blockRendererFn={MyBlockRenderer.bind(this, true,null,null,null)}
editorState={changeToDraftState(obj[dataColumn.base52])}
/>;
cm = (
<Editor
key={dataColumn.base52}
readOnly={true}
blockRendererFn={MyBlockRenderer.bind(this, true, null, null, null)}
editorState={changeToDraftState(obj[dataColumn.base52])}
/>
);
break;
case 'TextArea':
cm = (
......@@ -2300,83 +2309,83 @@ export default class tableCom extends Component {
break;
case 'Input':
if (get === 'mobile') {
// cm = (<div className={styles.form}><MobileInputItem
// type={'text'}
// className="mobile-form-input-left"
// {...getFieldProps(dataColumn.base52, {
// initialValue: initValue, // 默认值
// rules: json.vlds && json.vlds.length > 0 ? json.vlds : [{
// required: required,
// message: '请输入' + title,
// }],
// })}
// clear
// disabled={disabled}
// placeholder={json.placeholder ? json.placeholder : '请输入' + (title ? title : '')}
// >
// {json.isLabel ?
// title ?
// <span className={styles.text}>
// {required ? must : ''}
// {title}</span>
// : ''
// : get === 'mobile' ?
// <span className={styles.text}>{required ? must : ''}请输入:
// {/* {title} */}
// </span>
// : ''}
// </MobileInputItem></div>)
cm = (
<MobileList>
<Item arrow="empty" multipleLine onClick={() => {}}>
{json.isLabel ? (
title ? (
<span className={styles.text}>
{required ? must : ''}
{title}
</span>
) : (
''
)
) : get === 'mobile' ? (
<span className={styles.text}>
{required ? must : ''}请输入:
{/* {title} */}
</span>
) : (
''
)}
<Brief>
<div className={styles.form}>
<MobileInputItem
type={'text'}
className="mobile-form-input-left"
{...getFieldProps(dataColumn.base52, {
initialValue: initValue, // 默认值
rules:
json.vlds && json.vlds.length > 0
? json.vlds
: [
{
required: required,
message: '请输入' + title,
},
],
})}
clear
disabled={disabled}
placeholder={
json.placeholder ? json.placeholder : '请输入' + (title ? title : '')
}
></MobileInputItem>
</div>
</Brief>
</Item>
</MobileList>
);
break;
}
// if (get === 'mobile') {
// // cm = (<div className={styles.form}><MobileInputItem
// // type={'text'}
// // className="mobile-form-input-left"
// // {...getFieldProps(dataColumn.base52, {
// // initialValue: initValue, // 默认值
// // rules: json.vlds && json.vlds.length > 0 ? json.vlds : [{
// // required: required,
// // message: '请输入' + title,
// // }],
// // })}
// // clear
// // disabled={disabled}
// // placeholder={json.placeholder ? json.placeholder : '请输入' + (title ? title : '')}
// // >
// // {json.isLabel ?
// // title ?
// // <span className={styles.text}>
// // {required ? must : ''}
// // {title}</span>
// // : ''
// // : get === 'mobile' ?
// // <span className={styles.text}>{required ? must : ''}请输入:
// // {/* {title} */}
// // </span>
// // : ''}
// // </MobileInputItem></div>)
// cm = (
// <MobileList>
// <Item arrow="empty" multipleLine onClick={() => {}}>
// {json.isLabel ? (
// title ? (
// <span className={styles.text}>
// {required ? must : ''}
// {title}
// </span>
// ) : (
// ''
// )
// ) : get === 'mobile' ? (
// <span className={styles.text}>
// {required ? must : ''}请输入:
// {/* {title} */}
// </span>
// ) : (
// ''
// )}
// <Brief>
// <div className={styles.form}>
// <MobileInputItem
// type={'text'}
// className="mobile-form-input-left"
// {...getFieldProps(dataColumn.base52, {
// initialValue: initValue, // 默认值
// rules:
// json.vlds && json.vlds.length > 0
// ? json.vlds
// : [
// {
// required: required,
// message: '请输入' + title,
// },
// ],
// })}
// clear
// disabled={disabled}
// placeholder={
// json.placeholder ? json.placeholder : '请输入' + (title ? title : '')
// }
// ></MobileInputItem>
// </div>
// </Brief>
// </Item>
// </MobileList>
// );
// break;
// }
cm = getFieldDecorator(dataColumn.base52, {
initialValue: initValue,
rules:
......@@ -2832,12 +2841,10 @@ export default class tableCom extends Component {
);
}
break;
case 'RichText':
case 'RichText':
cm = getFieldDecorator(dataColumn.base52, {
initialValue:{editorState:changeToDraftState(initValue)},
})(
<DraftEditor placeholder={json.placeholder}/>,
);
initialValue: { editorState: changeToDraftState(initValue) },
})(<DraftEditor placeholder={json.placeholder} />);
if (get === 'mobile' && json.isLabel && title) {
cm = (
<Form.Item
......@@ -2997,7 +3004,7 @@ export default class tableCom extends Component {
<Card style={{ margin: 5, border: '1px solid #ccc' }}>
{modalCode ? (
<FormModal
{...modalProps}
{...modalProps}
visible={this.props.DataColumn.isShowModal}
handleCancel={this.closeModal}
title={modalTitle}
......@@ -3079,7 +3086,7 @@ export default class tableCom extends Component {
</Col>
{modalCode ? (
<FormModal
{...modalProps}
{...modalProps}
visible={this.props.DataColumn.isShowModal}
handleCancel={this.closeModal}
title={modalTitle}
......@@ -3111,7 +3118,7 @@ export default class tableCom extends Component {
<>
{modalCode ? (
<FormModal
{...modalProps}
{...modalProps}
visible={this.props.DataColumn.isShowModal}
handleCancel={this.closeModal}
title={modalTitle}
......@@ -3185,7 +3192,7 @@ export default class tableCom extends Component {
<>
{modalCode ? (
<FormModal
{...modalProps}
{...modalProps}
visible={this.props.DataColumn.isShowModal}
handleCancel={this.closeModal}
title={modalTitle}
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论