150 lines
4.9 KiB
JavaScript
150 lines
4.9 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();
|
|
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;
|
|
}
|
|
|
|
// 页面加载中效果处理
|
|
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>
|
|
) |