import React from 'react';
|
import { Descriptions, Empty } from 'antd';
|
|
const formatCurrency = (value) => {
|
if (value == null) return '0.00 元';
|
return `${value.toFixed(2)} 元`;
|
};
|
|
const WageResultPanel = ({ result }) => {
|
if (!result) {
|
return <Empty description="请先填写信息并进行计算" />;
|
}
|
|
const { basicUnpaid, overtimeUnpaid, compensation, lateFee, totalUnpaid } =
|
result;
|
|
return (
|
<Descriptions column={1} bordered size="middle">
|
<Descriptions.Item label="基本欠薪总额">
|
{formatCurrency(basicUnpaid)}
|
</Descriptions.Item>
|
<Descriptions.Item label="加班费总额">
|
{formatCurrency(overtimeUnpaid)}
|
</Descriptions.Item>
|
<Descriptions.Item label="经济补偿金">
|
{formatCurrency(compensation)}
|
</Descriptions.Item>
|
<Descriptions.Item label="滞纳金（估算）">
|
{formatCurrency(lateFee)}
|
</Descriptions.Item>
|
<Descriptions.Item label="欠薪总计">
|
<span style={{ fontWeight: 700, color: '#d32f2f' }}>
|
{formatCurrency(totalUnpaid)}
|
</span>
|
</Descriptions.Item>
|
</Descriptions>
|
);
|
};
|
|
export default WageResultPanel;
|
