Skip to content

W
WebPublic
提交 5303e940 authored 作者: chlolch's avatar chlolch
浏览文件
操作

修复样式

上级 feb724d3
隐藏空白字符变更
内嵌 并排
正在显示 包含 302 行增加 和 208 行删除
one_stop_public/tableCompon/index.jsx
浏览文件 @ 5303e940
......@@ -414,9 +414,9 @@ export default class tableCom extends Component {
onFilter: (value, record) =>
record[dataIndex]
? record[dataIndex]
.toString()
.toLowerCase()
.includes(value.toLowerCase())
.toString()
.toLowerCase()
.includes(value.toLowerCase())
: '',
onFilterDropdownVisibleChange: visible => {
if (visible) {
......@@ -489,7 +489,7 @@ export default class tableCom extends Component {
if (this.count.length > 10) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:存在循环风险，1秒内执行超过10次，现已停止执行，请检查,`,
1}列:存在循环风险，1秒内执行超过10次，现已停止执行，请检查,`,
);
return;
......@@ -511,9 +511,9 @@ export default class tableCom extends Component {
this.props.fatherCode != null
? bindObj
? {
...bindObj,
base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`,
}
...bindObj,
base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`,
}
: { base52: `${this.props.fatherCode}.[${this.props.index}].${this.props.uuid}` }
: bindObj;
if (this.props.fatherCode == null && dataColumn == null)
......@@ -753,7 +753,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -809,7 +809,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
//message.error(`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j + 1}列:公式配置有误,回调函数内部错误${e}`, 10)
......@@ -823,7 +823,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -835,7 +835,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -884,7 +884,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -897,7 +897,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -909,7 +909,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -960,7 +960,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -973,7 +973,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -985,7 +985,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -1040,7 +1040,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -1053,7 +1053,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -1065,7 +1065,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,回调函数内部错误,`,
1}列:公式配置有误,回调函数内部错误,`,
e,
);
}
......@@ -1183,7 +1183,7 @@ export default class tableCom extends Component {
} catch {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,函数内部错误,`,
1}列:公式配置有误,函数内部错误,`,
e,
);
}
......@@ -1193,7 +1193,7 @@ export default class tableCom extends Component {
} catch (e) {
console.log(
`页面${this.props.formKey}第${this.props.i + 1}行,第${this.props.j +
1}列:公式配置有误,暂存失败,`,
1}列:公式配置有误,暂存失败,`,
e,
);
}
......@@ -1220,9 +1220,9 @@ export default class tableCom extends Component {
this.props.fatherCode != null
? bindObj
? {
...bindObj,
base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`,
}
...bindObj,
base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`,
}
: { base52: `${this.props.fatherCode}.[${this.props.index}].${this.props.uuid}` }
: bindObj;
if (this.props.fatherCode == null && dataColumn == null)
......@@ -1599,8 +1599,8 @@ export default class tableCom extends Component {
{get === 'mobile' ? <br /> : ''}
</span>
) : (
''
);
''
);
break;
case 'UploadCom':
......@@ -1652,134 +1652,228 @@ export default class tableCom extends Component {
break;
}
if (get === 'mobile') {
if (json.isLabel) {
if (obj && obj.defaultValues && obj.defaultValues[formKey]) {
if (!isEdit) {
return (
<Row
style={{
minHeight: 40,
lineHeight: '40px',
}}
>
<Col
className={json.label ? json.label : sqlData[key] ? styles.row_col_div : ''}
span={json.labelSpan}
if ((json.isMobileLabel != null && json.isMobileLabel) || (json.isMobileLabel == null && json.isLabel)) {
if (obj && obj.defaultValues && obj.defaultValues[formKey]) {
if (!isEdit) {
return (
<Row
style={{
textAlign: json.labelSpan === 24 ? 'left' : 'right',
minHeight: 40,
lineHeight: '40px',
whiteSpace: 'nowrap',
overflow: 'hidden',
fontSize: 14,
color: 'rgba(0,0,0,0.85)',
}}
>
{json.label ? (
<>
{json.label}
<span
style={{
position: 'relative',
top: '-0.5px',
margin: '0 8px 0 2px',
}}
>
:
</span>
</>
) : sqlData[key] ? (
<>
{sqlData[key].title}
<span
style={{
position: 'relative',
top: '-0.5px',
margin: '0 8px 0 2px',
}}
>
:
</span>
</>
) : (
''
)}
</Col>
<Col
span={json.wrapperSpan}
<Col
className={json.label ? json.label : sqlData[key] ? styles.row_col_div : ''}
span={json.labelSpan}
style={{
textAlign: json.labelSpan === 24 ? 'left' : 'right',
lineHeight: '40px',
whiteSpace: 'nowrap',
overflow: 'hidden',
fontSize: 14,
color: 'rgba(0,0,0,0.85)',
}}
>
{json.label ? (
<>
{json.label}
<span
style={{
position: 'relative',
top: '-0.5px',
margin: '0 8px 0 2px',
}}
>
:
</span>
</>
) : sqlData[key] ? (
<>
{sqlData[key].title}
<span
style={{
position: 'relative',
top: '-0.5px',
margin: '0 8px 0 2px',
}}
>
:
</span>
</>
) : (
''
)}
</Col>
<Col
span={json.wrapperSpan}
style={{
position: 'relative',
lineHeight: '40px',
zoom: 1,
fontSize: 14,
}}
>
{cm}
</Col>
</Row>
);
} else {
return (
<Form.Item
labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }}
label={json.label ? json.label : sqlData[key] ? sqlData[key].title : ''}
>
{cm}
</Form.Item>
);
}
} else {
return (
<>
<Form.Item
labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }}
label={json.label ? json.label : sqlData[key] ? sqlData[key].title : ''}
>
{cm}
</Form.Item>
{this.props.form.getFieldDecorator(`defaultValues.${formKey}.${key}`, {
initialValue: value,
})(<Input type="hidden" />)}
</>
);
}
} else {
if (!isEdit && obj.defaultValues && obj.defaultValues[formKey]) {
return cm;
} else {
return (
<>
{cm}
{this.props.form.getFieldDecorator(`defaultValues.${formKey}.${key}`, {
initialValue: value,
})(<Input type="hidden" />)}
</>
);
}
}
} else {
if (json.isLabel) {
if (obj && obj.defaultValues && obj.defaultValues[formKey]) {
if (!isEdit) {
return (
<Row
style={{
position: 'relative',
minHeight: 40,
lineHeight: '40px',
zoom: 1,
fontSize: 14,
}}
>
<Col
className={json.label ? json.label : sqlData[key] ? styles.row_col_div : ''}
span={json.labelSpan}
style={{
textAlign: json.labelSpan === 24 ? 'left' : 'right',
lineHeight: '40px',
whiteSpace: 'nowrap',
overflow: 'hidden',
fontSize: 14,
color: 'rgba(0,0,0,0.85)',
}}
>
{json.label ? (
<>
{json.label}
<span
style={{
position: 'relative',
top: '-0.5px',
margin: '0 8px 0 2px',
}}
>
:
</span>
</>
) : sqlData[key] ? (
<>
{sqlData[key].title}
<span
style={{
position: 'relative',
top: '-0.5px',
margin: '0 8px 0 2px',
}}
>
:
</span>
</>
) : (
''
)}
</Col>
<Col
span={json.wrapperSpan}
style={{
position: 'relative',
lineHeight: '40px',
zoom: 1,
fontSize: 14,
}}
>
{cm}
</Col>
</Row>
);
} else {
return (
<Form.Item
labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }}
label={json.label ? json.label : sqlData[key] ? sqlData[key].title : ''}
>
{cm}
</Col>
</Row>
);
</Form.Item>
);
}
} else {
return (
<Form.Item
labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }}
label={json.label ? json.label : sqlData[key] ? sqlData[key].title : ''}
>
{cm}
</Form.Item>
<>
<Form.Item
labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }}
label={json.label ? json.label : sqlData[key] ? sqlData[key].title : ''}
>
{cm}
</Form.Item>
{this.props.form.getFieldDecorator(`defaultValues.${formKey}.${key}`, {
initialValue: value,
})(<Input type="hidden" />)}
</>
);
}
} else {
if (get === 'mobile') {
/**
* 列表类型
*/
if (!isEdit && obj.defaultValues && obj.defaultValues[formKey]) {
return cm;
} else {
return (
<>
{cm}
{this.props.form.getFieldDecorator(`defaultValues.${formKey}.${key}`, {
initialValue: value,
})(
<MobileList id="MobileList">
<MobileList.Item extra={cm}>
<span style={{ fontSize: 14 }}>
{json.label ? json.label : sqlData[key] ? sqlData[key].title : ''}
</span>
</MobileList.Item>
</MobileList>,
)}
})(<Input type="hidden" />)}
</>
);
// return <div><span style={{marginRight:12}}>{json.label?json.label:sqlData[key] ? sqlData[key].title : ""}:</span><span>{cm}</span></div>
}
return (
<>
<Form.Item
labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }}
label={json.label ? json.label : sqlData[key] ? sqlData[key].title : ''}
>
{cm}
</Form.Item>
{this.props.form.getFieldDecorator(`defaultValues.${formKey}.${key}`, {
initialValue: value,
})(<Input type="hidden" />)}
</>
);
}
} else {
if (!isEdit && obj.defaultValues && obj.defaultValues[formKey]) {
return cm;
} else {
return (
<>
{cm}
{this.props.form.getFieldDecorator(`defaultValues.${formKey}.${key}`, {
initialValue: value,
})(<Input type="hidden" />)}
</>
);
}
}
}
var cm;
......@@ -1790,9 +1884,9 @@ export default class tableCom extends Component {
this.props.fatherCode != null
? bindObj
? {
...bindObj,
base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`,
}
...bindObj,
base52: `${this.props.fatherCode}.[${this.props.index}].${bindObj.base52}`,
}
: { base52: `${this.props.fatherCode}.[${this.props.index}].${this.props.uuid}` }
: bindObj;
......@@ -1898,18 +1992,18 @@ export default class tableCom extends Component {
<span>
{labels != null
? labels.map((r, i) =>
i == 0 ? (
typeof r == 'string' ? (
<span>{r}</span>
) : (
i == 0 ? (
typeof r == 'string' ? (
<span>{r}</span>
) : (
Object.values(r)
)
) : typeof r == 'string' ? (
<span style={{ marginLeft: 12 }}>{r}</span>
) : (
',' + Object.values(r)
),
)
) : typeof r == 'string' ? (
<span style={{ marginLeft: 12 }}>{r}</span>
) : (
',' + Object.values(r)
),
)
: ''}
</span>
);
......@@ -1987,8 +2081,8 @@ export default class tableCom extends Component {
<span>
{obj[dataColumn.base52]
? moment(+new Date(obj[dataColumn.base52])).format(
json.format ? json.format : 'YYYY-MM-DD HH:mm:ss',
)
json.format ? json.format : 'YYYY-MM-DD HH:mm:ss',
)
: ''}
</span>
);
......@@ -2102,11 +2196,11 @@ export default class tableCom extends Component {
height={json.height}
/>
) : (
<img
src={config.httpServer + obj[dataColumn.base52]}
style={{ width: json.width, height: json.height }}
/>
);
<img
src={config.httpServer + obj[dataColumn.base52]}
style={{ width: json.width, height: json.height }}
/>
);
}
break;
......@@ -2313,7 +2407,7 @@ export default class tableCom extends Component {
}
>
{(json.isMobileLabel != null && json.isMobileLabel) ||
(json.isMobileLabel == null && json.isLabel)
(json.isMobileLabel == null && json.isLabel)
? title
: ''}
</MobileList.Item>
......@@ -2507,25 +2601,25 @@ export default class tableCom extends Component {
getPopupContainer={
this.props.isDynamic && document.querySelector('#dynamic_div')
? () => {
return document.querySelector('#dynamic_div');
}
return document.querySelector('#dynamic_div');
}
: ''
}
onFocus={() => {
get === 'mobile' // 移动端取消输入键盘弹出
? setTimeout(() => {
if (document.querySelectorAll(`.ant-select-search__field`).length > 0) {
let ary = [...document.querySelectorAll(`.ant-select-search__field`)];
ary.map(item => {
item.setAttribute('readonly', 'readonly');
// setTimeout(() => {
// ary.map(arr => {
// arr.removeAttribute('readonly');
// })
// });
});
}
})
if (document.querySelectorAll(`.ant-select-search__field`).length > 0) {
let ary = [...document.querySelectorAll(`.ant-select-search__field`)];
ary.map(item => {
item.setAttribute('readonly', 'readonly');
// setTimeout(() => {
// ary.map(arr => {
// arr.removeAttribute('readonly');
// })
// });
});
}
})
: null;
}}
filterOption={(input, option) =>
......@@ -2536,10 +2630,10 @@ export default class tableCom extends Component {
>
{options
? options.map(r => (
<Option key={r.value} value={r.value}>
{r.label}
</Option>
))
<Option key={r.value} value={r.value}>
{r.label}
</Option>
))
: ''}
</Select>,
);
......@@ -2571,22 +2665,22 @@ export default class tableCom extends Component {
json.vlds && json.vlds.length > 0
? json.vlds
: [
{
validator: (rule, value, callback) => {
if (
(Object.keys(value).length == 0 ||
Object.keys(value.selects).length == 0) &&
required != null &&
required
) {
var errors = [];
errors.push(new Error('请选择至少一个', rule.field));
}
callback(errors);
},
required: required,
{
validator: (rule, value, callback) => {
if (
(Object.keys(value).length == 0 ||
Object.keys(value.selects).length == 0) &&
required != null &&
required
) {
var errors = [];
errors.push(new Error('请选择至少一个', rule.field));
}
callback(errors);
},
],
required: required,
},
],
})(
<TableSelect
get={get}
......@@ -2700,21 +2794,21 @@ export default class tableCom extends Component {
onOpenChange={
get === 'mobile'
? () => {
// 取消唤起移动端小键盘
setTimeout(() => {
if (document.querySelector('.ant-calendar-input ')) {
// 取消唤起移动端小键盘
setTimeout(() => {
if (document.querySelector('.ant-calendar-input ')) {
document
.querySelector('.ant-calendar-input ')
.setAttribute('readonly', 'readonly');
setTimeout(() => {
document
.querySelector('.ant-calendar-input ')
.setAttribute('readonly', 'readonly');
setTimeout(() => {
document
.querySelector('.ant-calendar-input ')
.removeAttribute('readonly');
});
}
});
}
: () => {}
.removeAttribute('readonly');
});
}
});
}
: () => { }
}
format={json.format ? json.format : 'YYYY-MM-DD HH:mm:ss'}
/>,
......@@ -2993,8 +3087,8 @@ export default class tableCom extends Component {
/>
</FormModal>
) : (
''
)}
''
)}
<Card.Header title={<span style={{ fontSize: 14 }}>{title}:</span>} />
<Card.Body>{cm}</Card.Body>
</Card>
......@@ -3072,8 +3166,8 @@ export default class tableCom extends Component {
/>
</FormModal>
) : (
''
)}
''
)}
</Row>
);
} else {
......@@ -3106,8 +3200,8 @@ export default class tableCom extends Component {
/>
</FormModal>
) : (
''
)}
''
)}
<Form.Item
labelCol={{ span: json.labelSpan }}
wrapperCol={{ span: json.wrapperSpan }}
......@@ -3148,8 +3242,8 @@ export default class tableCom extends Component {
/>
</FormModal>
) : (
''
)}
''
)}
{cm}
</>
);
......@@ -3184,8 +3278,8 @@ export default class tableCom extends Component {
/>
</FormModal>
) : (
''
)}
''
)}
<Form.Item>{cm}</Form.Item>
</>
);
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论