152 lines
5.0 KiB
JavaScript
152 lines
5.0 KiB
JavaScript
import { Spin } from 'antd';
|
||
import { WeaSwitch } from 'comsMobx';
|
||
import { WeaLocaleProvider, WeaAlertPage, WeaSearchGroup, WeaFormItem } from 'ecCom';
|
||
const getLabel = WeaLocaleProvider.getLabel;
|
||
|
||
// 渲染form表单: 一般对form的渲染都统一使用该方法
|
||
export const getCustomSearchs = (form, condition, col, isCenter) => {
|
||
const { isFormInit } = form;
|
||
const formParams = form.getFormParams();
|
||
let items = [];
|
||
let group = [];
|
||
isFormInit && condition &&
|
||
condition.map(c =>{
|
||
c.items.map(fields => {
|
||
items.push({
|
||
com:(
|
||
<WeaFormItem
|
||
label={`${fields.label}`} // label 标签的文本
|
||
labelCol={{span: `${fields.labelcol}`}} // label标签占一行比例
|
||
wrapperCol={{span: `${fields.fieldcol}`}} // 右侧控件占一行比例
|
||
error={form.getError(fields)} // 错误提示: 处理表单中有必填项,保存的校验
|
||
tipPosition="bottom" // 错误提示的显示位置: top/bottom
|
||
>
|
||
<WeaSwitch
|
||
fieldConfig={fields}
|
||
form={form}
|
||
formParams={formParams}
|
||
/>
|
||
</WeaFormItem>),
|
||
colSpan:1,
|
||
})
|
||
});
|
||
});
|
||
|
||
if(items.length > 0) {
|
||
group.push(
|
||
<WeaSearchGroup
|
||
col={col || 1} // 高级搜索列布局列数
|
||
needTigger={true} // 是否开启收缩
|
||
title={''} // 高级搜索标题
|
||
showGroup={true} // 是否开启面板
|
||
items={items} // 条目数组数据
|
||
center={isCenter || false} // 内容是否居中：一般弹框需要
|
||
/>)
|
||
return group;
|
||
}
|
||
}
|
||
|
||
// 渲染form表单: 一般对form的渲染都统一使用该方法
|
||
// export const getSearchs = (form, condition, col, isCenter) => {
|
||
// const { isFormInit } = form;
|
||
// const formParams = form.getFormParams();
|
||
// let group = [];
|
||
// isFormInit && condition && condition.map(c =>{
|
||
// let items = [];
|
||
// c.items.map(fields => {
|
||
// items.push({
|
||
// com:(
|
||
// <WeaFormItem
|
||
// label={`${fields.label}`} // label 标签的文本
|
||
// labelCol={{span: `${fields.labelcol}`}} // label标签占一行比例
|
||
// wrapperCol={{span: `${fields.fieldcol}`}} // 右侧控件占一行比例
|
||
// error={form.getError(fields)} // 错误提示: 处理表单中有必填项,保存的校验
|
||
// tipPosition="bottom" // 错误提示的显示位置: top/bottom
|
||
// >
|
||
// <WeaSwitch
|
||
// fieldConfig={fields}
|
||
// form={form}
|
||
// formParams={formParams}
|
||
// />
|
||
// </WeaFormItem>),
|
||
// colSpan:1,
|
||
// })
|
||
// });
|
||
// group.push(
|
||
// <WeaSearchGroup
|
||
// col={col || 1} // 高级搜索列布局列数
|
||
// needTigger={true} // 是否开启收缩
|
||
// title={c.title || ''} // 高级搜索标题
|
||
// showGroup={c.defaultshow} // 是否开启面板
|
||
// items={items} // 条目数组数据
|
||
// center={isCenter || false} // 内容是否居中：一般弹框需要
|
||
// />)
|
||
// });
|
||
// return group;
|
||
// }
|
||
|
||
// 渲染form表单: 一般对form的渲染都统一使用该方法
|
||
export const getSearchs = (form, condition, col, isCenter) => {
|
||
const { isFormInit } = form;
|
||
const formParams = form.getFormParams();
|
||
console.log("formParams: ", formParams);
|
||
let group = [];
|
||
console.log("condition：", condition);
|
||
isFormInit && condition && condition.map(c =>{
|
||
let items = [];
|
||
c.items.map(fields => {
|
||
items.push({
|
||
com:(
|
||
<WeaFormItem
|
||
label={`${fields.label}`} // label 标签的文本
|
||
labelCol={{span: `${fields.labelcol}`}} // label标签占一行比例
|
||
wrapperCol={{span: `${fields.fieldcol}`}} // 右侧控件占一行比例
|
||
error={form.getError(fields)} // 错误提示: 处理表单中有必填项,保存的校验
|
||
tipPosition="bottom" // 错误提示的显示位置: top/bottom
|
||
>
|
||
<WeaSwitch
|
||
fieldConfig={fields}
|
||
form={form}
|
||
formParams={formParams}
|
||
/>
|
||
</WeaFormItem>),
|
||
colSpan:1,
|
||
})
|
||
});
|
||
group.push(
|
||
<WeaSearchGroup
|
||
col={col || 1} // 高级搜索列布局列数
|
||
needTigger={true} // 是否开启收缩
|
||
title={c.title || ''} // 高级搜索标题
|
||
showGroup={c.defaultshow} // 是否开启面板
|
||
items={items} // 条目数组数据
|
||
center={isCenter || false} // 内容是否居中：一般弹框需要
|
||
/>)
|
||
});
|
||
return group;
|
||
}
|
||
|
||
// 页面加载中效果处理
|
||
export const renderLoading = (loading) => (
|
||
<div className="wea-demo-loading">
|
||
<Spin spinning={loading} />
|
||
</div>
|
||
)
|
||
|
||
// 无权限处理
|
||
export const renderNoright = () => (
|
||
<WeaAlertPage>
|
||
<div>
|
||
{getLabel(2012,'对不起，您暂时没有权限！')}
|
||
</div>
|
||
</WeaAlertPage>
|
||
)
|
||
|
||
// 暂无数据处理
|
||
export const renderNoData = () => (
|
||
<WeaAlertPage>
|
||
<div>
|
||
暂无数据
|
||
</div>
|
||
</WeaAlertPage>
|
||
) |