salary-management-front/pc4mobx/hrmSalary/pages/payrollRelease/form.js

52 lines
1.9 KiB
JavaScript

import { WeaSwitch } from "comsMobx";
import { WeaFormItem, WeaHelpfulTip, WeaSearchGroup, WeaTextarea, WeaTools } from "ecCom";
const getKey = WeaTools.getKey;
//工资单模板表格渲染函数
export const payrollFormRender = (form, condition, onChange = () => void (0), onFocus = () => void (0), smsVal) => {
const { isFormInit } = form;
const formParams = form.getFormParams();
let group = [];
isFormInit && condition && condition.map(c => {
let items = [];
c.items.map(fields => {
//自定义多行文本输入框
if (getKey(fields) === "smsSetting") {
items.push({
com: (
<WeaFormItem label={`${fields.label}`} labelCol={{ span: `${fields.labelcol}` }}
wrapperCol={{ span: `${fields.fieldcol}` }} error={form.getError(fields)}
tipPosition="bottom"
>
<div onClick={onFocus} className="customSm-wrapper"><WeaTextarea value={smsVal}/></div>
</WeaFormItem>),
colSpan: 1,
hide: fields.hide
});
} else {
items.push({
com: (
<WeaFormItem label={`${fields.label}`} labelCol={{ span: `${fields.labelcol}` }}
wrapperCol={{ span: `${fields.fieldcol}` }} error={form.getError(fields)}
tipPosition="bottom"
>
<WeaSwitch fieldConfig={fields} form={form} formParams={formParams} onChange={onChange}/>
{
fields.helpfulTitle &&
<WeaHelpfulTip title={fields.helpfulTitle}
style={{ position: "absolute", right: "-20px", top: "25%" }}/>
}
</WeaFormItem>),
colSpan: 1,
hide: fields.hide
});
}
});
group.push(
<WeaSearchGroup col={1} needTigger={true} title={c.title}
showGroup={c.defaultshow} items={items}
/>);
});
return group;
};