kede-client/js/component/manageCenter/components/oldInforProject/index.js

import React,{Component} from 'react';
import {Form} from 'antd';
import { getRefundStatus } from '@/tools';
import ImgList from "../../../common/imgList";

const formItemLayout = {
    labelCol: { span: 8 },
    wrapperCol: { span: 14 },
}

class OldInforProject extends Component{
    constructor(props) {
        super(props);
        this.state={

        }
    }

    render() {
        const {oldInfor} = this.props;
        return (
            <div>
                <div className="clearfix">
                    <Form.Item
                        className="half-item"
                        {...formItemLayout}
                        label="外包公司"
                    >
                        <span>{oldInfor.companyName}</span>
                    </Form.Item>
                </div>
                <div className="clearfix">
                    <Form.Item
                        className="half-item"
                        {...formItemLayout}
                        label="单价(万元)"
                    >
                        <span>{oldInfor.unitPrice}</span>
                    </Form.Item>
                </div>
                <div className="clearfix">
                    <Form.Item
                        className="half-item"
                        {...formItemLayout}
                        label="数量(个)"
                    >
                        <span>{oldInfor.unitNumber}</span>
                    </Form.Item>
                </div>
                <div className="clearfix">
                    <Form.Item
                        className="half-item"
                        {...formItemLayout}
                        label="总金额(万元)"
                    >
                        <span>{oldInfor.amount}</span>
                    </Form.Item>
                </div>
                <div className="clearfix">
                    <Form.Item
                        className="half-item"
                        {...formItemLayout}
                        label="备注"
                    >
                        <span>{oldInfor.outsourceRemarks}</span>
                    </Form.Item>
                </div>
                <div className="clearfix">
                    <Form.Item
                        labelCol={{ span: 4 }}
                        wrapperCol={{ span: 18 }}
                        label="合同/协议扫描件"
                    >
                        <div style={{paddingTop:'10px',paddingBottom:'10px'}}>
                            <ImgList fileList={oldInfor.pictureUrl}/>
                        </div>
                    </Form.Item>
                </div>
                <div className="clearfix" style={{
                    borderTop:'1px #000000 solid'
                }}>
                    <Form.Item
                        className="half-item"
                        {...formItemLayout}
                        label="审核结果"
                    >
                        <span>{getRefundStatus(oldInfor.refundStatus)}</span>
                    </Form.Item>
                </div>
            </div>
        )
    }
}

export default OldInforProject;