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

import React from 'react';
import SubTitle from '../vm-sub-title';
import zggd from './imgs/zggd.png';
import wtlx from './imgs/wtlx.png';

interface TypeProps {
    orderInfo: { taskNum: number; categoryNum: number };
}

const Zgxxhz = (props: TypeProps) => {
    const { orderInfo } = props;
    return (
        <>
            <SubTitle title="整改信息汇总" />
            <div className="appraisal-content-zg-base">
                <div className="appraisal-content-zg-base-item">
                    <img src={zggd} />
                    <div>
                        <div className="appraisal-content-zg-base-item--name">整改工单</div>
                        <div className="appraisal-content-zg-base-item--value">
                            <span>{orderInfo?.taskNum || 0}</span>次
                        </div>
                    </div>
                </div>
                <div className="appraisal-content-zg-base-item">
                    <img src={wtlx} />
                    <div>
                        <div className="appraisal-content-zg-base-item--name">问题类型</div>
                        <div className="appraisal-content-zg-base-item--value">
                            <span>{orderInfo?.categoryNum || 0}</span>个
                        </div>
                    </div>
                </div>
            </div>
        </>
    );
};

export default Zgxxhz;
