/**
 * 考核信息汇总
 */

import React from 'react';
import SubTitle from '../vm-sub-title';

import ljkf from './imgs/ljkf.png';
import kfyz from './imgs/kfyz.png';
import khcs from './imgs/khcs.png';
interface TypeProps {
    checkInfo: { checkNum: number; standardNum: number; deductPoints: number };
}
const AppraisalBase = (props: TypeProps) => {
    const { checkInfo } = props;

    return (
        <div>
            <SubTitle title="考核信息汇总" />
            <div className="appraisal-content-kh-row">
                <div className="appraisal-content-kh-item">
                    <img src={khcs} />
                    <div>
                        <div className="appraisal-content-kh-item--name">考核次数</div>
                        <div className="appraisal-content-kh-item--value">
                            <span>{checkInfo?.checkNum || 0}</span>次
                        </div>
                    </div>
                </div>
                <div className="appraisal-content-kh-item">
                    <img src={kfyz} />
                    <div>
                        <div className="appraisal-content-kh-item--name">扣分因子</div>
                        <div className="appraisal-content-kh-item--value">
                            <span>{checkInfo?.standardNum || 0}</span>个
                        </div>
                    </div>
                </div>
                <div className="appraisal-content-kh-item">
                    <img src={ljkf} />
                    <div>
                        <div className="appraisal-content-kh-item--name">累计扣分</div>
                        <div className="appraisal-content-kh-item--value">
                            <span>{checkInfo?.deductPoints || 0}</span>分
                        </div>
                    </div>
                </div>
            </div>
        </div>
    );
};

export default AppraisalBase;
