salary-management-front/pc4mobx/hrmSalary/pages/ledgerPage/components/ledgerSalaryItemPreviewModa...

46 lines
1.2 KiB
JavaScript

import React from "react";
import { WeaDialog, WeaTable, WeaLocaleProvider } from "ecCom";
const getLabel = WeaLocaleProvider.getLabel;
export default class LedgerSalaryItemPreviewModal extends React.Component {
getColumns = () => {
const { empFields, itemGroups } = this.props;
let columns = [];
empFields.map(item => {
columns.push({
title: item.fieldName,
dataIndex: item.fieldId,
width: 150
});
});
_.map(_.filter(itemGroups, it => !_.isEmpty(it.items)), child => {
let columnItem = {
title: child.name,
children: _.filter(child.items, t => t.itemHide !== "1").map(i => {
return {
title: i.name,
dataIndex: i.id,
width: 150
};
})
};
columnItem.children.length > 0 && columns.push(columnItem);
});
return { columns };
};
render() {
const { onCancel, visible } = this.props;
return (
<WeaDialog
visible={visible}
title={getLabel(221, "预览")}
style={{ width: "80vw", height: 200 }}
onCancel={onCancel}
>
<WeaTable columns={this.getColumns().columns} dataSource={[]} scroll={{ x: 1200 }}/>
</WeaDialog>
);
}
}