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,//专利类型
            yearSum,//会员总服务年限
            serviceLife,//会员服务年限
            serviceYear,//本次派单
            cSort,//6会员项目
        } = 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 === -1 ? '***' : 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}*/}
                        {
                            cSort == 6 &&
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="会员总服务年限"
                            >
                                <span>
                                    {
                                        yearSum == null ? "" :
                                            [
                                                { value: 0, key: "" },
                                                { value: 1, key: "一年" },
                                                { value: 2, key: "二年" },
                                                { value: 3, key: "三年" },
                                                { value: 4, key: "四年" },
                                                { value: 5, key: "五年" },
                                            ][yearSum]["key"]
                                    }
                                </span>
                            </FormItem>
                        }
                        {
                            cSort == 6 &&
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="会员服务年限"
                            >
                                <span>{!!serviceLife && JSON.parse(serviceLife).toString()}</span>
                            </FormItem>
                        }
                        {
                            cSort == 6 &&
                            <FormItem
                                className="half-item"
                                {...formItemLayout}
                                label="本次派单"
                            >
                                <span>{serviceYear}</span>
                            </FormItem>
                        }
                        <div className="clearfix">
                            <FormItem
                                labelCol={{ span: 4 }}
                                wrapperCol={{ span: 16 }}
                                label="项目说明"
                            >
                                <span>{taskComment}</span>
                            </FormItem>
                        </div>
                    </div>
                </Form>
            </Modal>
        );
    }
}

export default ProjectDetailsReadOnly;