
import { Col, Row, Space, Tag } from 'antd';
import type { AuditInfoModel } from '../data'
import DescriptionItem from './DescriptionItem';

const AuditItem = ({ props }: {props: AuditInfoModel}) => {
    return (
        <>
            <Row >
                <Col span={24}>
                    <Space >
                        <DescriptionItem title={ props?.Audit_Type || '现场稽核'} content={props?.Audit_Date} />

                        {/* <Tag color="error" style={{marginBottom:5}}>{ props?.Audit_Type || '现场稽核'}</Tag> */}
                    </Space>
                </Col>
                
            </Row>
            <Row gutter={ 24 }>
                <Col span={12}>
                    <DescriptionItem title="长短款额" content={props?.Difference_Amount} />
                </Col>
                {
                    props?.Difference_Amount ?
                        <Col span={12}>
                            <DescriptionItem title="补入现金" content={props?.Supplement_Amount} />
                        </Col> : ''}
            </Row>
            {
                props?.Difference_Amount ? <Row>
                    <Col span={24} style={{fontWeight:600}}>
                    <DescriptionItem
                        title={props?.Check_Staff || '稽核人员'}
                        content={props?.Check_Info }
                    />
                </Col>
            </Row> :''}
            
        </>
    );
}


export default AuditItem