salary-management-front/pc4mobx/hrmSalary/pages/calculate/doCalc/components/salaryEditCalc/baseInfo.js

60 lines
1.9 KiB
JavaScript

/*
* Author: 黎永顺
* name: 薪资基本信息
* Description:
* Date: 2023/9/25
*/
import React, { Component } from "react";
import { WeaHelpfulTip, WeaLocaleProvider, WeaSearchGroup } from "ecCom";
import cs from "classnames";
import { Col, Row } from "antd";
import "./index.less";
const getLabel = WeaLocaleProvider.getLabel;
class EditSalaryBaseInfo extends Component {
render() {
const { baseInfo } = this.props;
return (
<WeaSearchGroup
needTigger showGroup className="esf-base-info-form"
title={
<div>
<span>{getLabel(82743, "基础信息")}</span>
<WeaHelpfulTip
width={200} placement="topLeft"
title={getLabel(111, "提示:基本信息根据账套设置显示")}
style={{ marginLeft: 10 }}
/>
</div>
}
>
<Row type="flex" className="esf-form-content">
{
_.map(baseInfo, (item, index) => {
const { fieldName, fieldValue } = item;
return (
<Col span={(index === baseInfo.length - 1 && (index + 1) % 2 === 1) ? 24 : 12}>
<Row className={cs("esf-form-item", {
"esf-form-odd-item": index % 2 === 0,
"esf-form-last-item": (index === baseInfo.length - 1 && (index + 1) % 2 === 1)
})}>
<Col span={(index === baseInfo.length - 1 && (index + 1) % 2 === 1) ? 3 : 6}>
<span className="label" title={fieldName}>{fieldName}</span>
</Col>
<Col span={(index === baseInfo.length - 1 && (index + 1) % 2 === 1) ? 21 : 18}>
<span className="value" title={fieldValue}>{fieldValue}</span>
</Col>
</Row>
</Col>
);
})
}
</Row>
</WeaSearchGroup>
);
}
}
export default EditSalaryBaseInfo;