kede-client/js/component/common/projectDetailsReadOnly/index.jsx

import React,{Component} from 'react';
import {Form, Input, Modal, Select, Spin} from "antd";
import {
    getboutique,
} from "@/tools";

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

const FormItem = Form.Item;

class ProjectDetailsReadOnly extends Component{
    constructor(props) {
        super(props);
        this.state={
            loading: false,
            isIso: this.props.infor.commodityName.indexOf("贯标") !== -1,
        }
    }

    render() {
        const {
            commodityName,
            commodityQuantity,
            officialCost,
            costReduction,
            commodityPrice,
            main,
            taskComment,
            ifCertificationFee,//是否包含认证费
            certificationFee,//认证费
            certificationCorporate,//认证费公司
            declarationBatch,//批次
            type,//项目类型  0 正常 1专利 2软著 3审计 4双软 5高新 6商标,
            patentTypeName,//专利类型
        } = this.props.infor;
        const { isIso } = this.state;
        return (
            <Modal
                    maskClosable={false}
                    visible={this.props.visible}
                    onOk={this.props.onCancel}
                    onCancel={this.props.onCancel}
                    width="800px"
                    title="项目任务详情"
                    footer=""
                    className="admin-desc-content"
                >
                    <Form layout="horizontal" id="demand-form">
                        <div className="clearfix">
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="项目名称"
                            >
                                <span>{commodityName}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="项目数量"
                            >
                                <span>{commodityQuantity}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="专利类型"
                                style={{ display: type === 1 ? 'block' : 'none' }}
                            >
                                <span>{patentTypeName}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="官费"
                                style={{ display: type === 1 ? 'block' : 'none' }}
                            >
                              <span>
                                {officialCost === 0 ? "无官费" : "有官费"}
                              </span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="费减"
                                style={{ display: type === 1 ? 'block' : 'none' }}
                            >
                              <span>
                                {costReduction === 0 ? "无费减" : "有费减"}
                              </span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="金额(万元)"
                            >
                                <span>{commodityPrice}</span>
                            </FormItem>
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="主要项目"
                            >
                                <span>{getboutique(String(main))}</span>
                            </FormItem>
                            {type === 5 && <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="企业申报批次"
                            >
                                <span>
                                    {
                                        declarationBatch === 1 ? '第一批' :
                                            declarationBatch === 2 ? '第二批' :
                                                declarationBatch === 3 ? '第三批' :
                                                    declarationBatch === 4 ? '第四批' : '未知'
                                    }
                                </span>
                            </FormItem>}
                            {isIso && <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="认证费"
                            >
                                <span>
                                    {
                                        ifCertificationFee === 1 ? '包含' :
                                            ifCertificationFee === 0 ? '不包含' :'未知'
                                    }
                                </span>
                            </FormItem> }
                            {/*{isIso && ifCertificationFee === 1 ?<FormItem*/}
                            {/*    className="half-item"*/}
                            {/*    {...formItemLayout}*/}
                            {/*    label="认证费(万元)"*/}
                            {/*>*/}
                            {/*   <span>{certificationFee || '暂无'}</span>*/}
                            {/*</FormItem> : null}*/}
                            {/*{isIso && ifCertificationFee === 1 ? <FormItem*/}
                            {/*    className="half-item"*/}
                            {/*    {...formItemLayout}*/}
                            {/*    label=""*/}
                            {/*/> : null}*/}
                            {/*{isIso && ifCertificationFee === 1 ? <FormItem*/}
                            {/*    className="half-item"*/}
                            {/*    {...formItemLayout}*/}
                            {/*    label="付款公司名称"*/}
                            {/*>*/}
                            {/*    <span>{certificationCorporate || '暂无'}</span>*/}
                            {/*</FormItem>:null}*/}
                            <div className="clearfix">
                                <FormItem
                                    labelCol={{ span: 4 }}
                                    wrapperCol={{ span: 16 }}
                                    label="服务说明"
                                >
                                    <span>{taskComment}</span>
                                </FormItem>
                            </div>
                        </div>
                    </Form>
                </Modal>
        );
    }
}

export default ProjectDetailsReadOnly;