| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617 | import React from 'react';import { Icon, Button, Spin, message, Table } from 'antd';import {    getSearchUrl, getScaleState, getCompanyType, getIndustryType, getCatagory, getIntellectualObtainWay,    getTechnicalSource} from '../../../tools.js';import { getProvince } from '../../../NewDicProvinceList';import { getTechField } from '../../../DicTechFieldList';import ajax from 'jquery/src/ajax/xhr.js';import $ from 'jquery/src/ajax';import moment from 'moment';import './highTechFoster.less';const mathRound = function(p){    if ( !isNaN(p) ) {         return Math.round(p*100)/100    } else {        return p    }}const highTechInfo = React.createClass({    getIntellectualNumber(text) {        let arr = [], _me = this;        if (text && text.split(',').length) {            text.split(',').map((item) => {                arr.push(_me.state.intellectualObj[item]);            });        };        return arr.join(',');    },    getInitialState() {        return {            loading: false,            year: new Date().getFullYear() - 1,            field: [],            intellectualObj: {},            registerType: [],            netAssetRate: 0,            salesRevenueRate: 0,            humanColumns: [                {                    title: '公民类型',                    dataIndex: 'type',                    key: 'type',                    width: '130px',                    render: (text, record, index) => {                        if (text == '0') {                            return '中国公民';                        } else if (text == '1') {                            return '外籍公民';                        };                    }                }, {                    title: '姓名',                    dataIndex: 'name',                    key: 'name'                }, {                    title: '身份证(护照)号',                    dataIndex: 'idNumber',                    key: 'idNumber'                }, {                    title: '投资额(万元)',                    dataIndex: 'investment',                    key: 'investment'                }            ],            legalColumns: [                {                    title: '法人类型',                    dataIndex: 'type',                    key: 'type',                    width: '130px',                    render: (text, record, index) => {                        if (text == '0') {                            return '中国企业法人';                        } else if (text == '1') {                            return '外籍企业法人';                        };                    }                }, {                    title: '名称',                    dataIndex: 'name',                    key: 'name'                }, {                    title: '组织机构代码或统一社会信用代码',                    dataIndex: 'orgCode',                    key: 'orgCode'                }, {                    title: '投资额(万元)',                    dataIndex: 'investment',                    key: 'investment'                }            ],            moneyColumns: [                {                    title: '',                    dataIndex: 'year',                    key: 'year',                }, {                    title: '净资产',                    dataIndex: 'netAsset',                    key: 'netAsset',                }, {                    title: '销售收入',                    dataIndex: 'salesRevenue',                    key: 'salesRevenue',                }, {                    title: '利润总额',                    dataIndex: 'grossProfit',                    key: 'grossProfit',                }            ],            intellectualColumns: [                {                    title: '知识产权编号',                    dataIndex: 'intellectualPropertyNumber',                    key: 'intellectualPropertyNumber'                }, {                    title: '知识产权名称',                    dataIndex: 'intellectualPropertyName',                    key: 'intellectualPropertyName',                }, {                    title: '类型',                    dataIndex: 'catagory',                    key: 'catagory',                    render: (text) => {                        return getCatagory(text);                    }                }, {                    title: '授权日期',                    dataIndex: 'authorizationDateFormattedDate',                    key: 'authorizationDateFormattedDate',                }, {                    title: '授权号',                    dataIndex: 'authorizationNumber',                    key: 'authorizationNumber',                }, {                    title: '获取方式',                    dataIndex: 'obtainWay',                    key: 'obtainWay',                    render: (text) => {                        return getIntellectualObtainWay(text);                    }                }            ],            activityCostColumns: [                {                    title: '研发活动编号',                    dataIndex: 'activityNumber',                    key: 'activityNumber'                }, {                    title: '内部研究开发费用',                    dataIndex: 'internalAllCost',                    key: 'internalAllCost'                }, {                    title: '人员人工费用',                    dataIndex: 'internalLaborCost',                    key: 'internalLaborCost'                }, {                    title: '直接投入费用',                    dataIndex: 'internalDirectCost',                    key: 'internalDirectCost'                }, {                    title: '折旧费用与长期待摊费用',                    dataIndex: 'internalDepreciationCost',                    key: 'internalDepreciationCost'                }, {                    title: '设计费用',                    dataIndex: 'internalDesignCost',                    key: 'internalDesignCost'                }, {                    title: '装备调试费用与试验费用',                    dataIndex: 'internalEquipmentCost',                    key: 'internalEquipmentCost'                }, {                    title: '其他费用',                    dataIndex: 'internalOtherCost',                    key: 'internalOtherCost'                }, {                    title: '委托外部研究开发费用',                    dataIndex: 'externalTotalCost',                    key: 'externalTotalCost'                }, {                    title: '境内外部研发费用',                    dataIndex: 'externalAbroadCost',                    key: 'externalAbroadCost'                }, {                    title: '研发费用合计',                    dataIndex: 'allCost',                    key: 'allCost'                }            ],            standardColumns: [                {                    title: '编号',                    dataIndex: 'key',                    key: 'key'                }, {                    title: '标准名称',                    dataIndex: 'standardName',                    key: 'standardName'                }, {                    title: '制定时间',                    dataIndex: 'year',                    key: 'year'                }, {                    title: '标准级别',                    dataIndex: 'standardLevel',                    key: 'standardLevel',                    render: text => {                        switch (text) {                            case 0:                                return "国家";                            case 1:                                return "行业";                        };                    }                }, {                    title: '标准编号',                    dataIndex: 'standardNumber',                    key: 'standardNumber'                }, {                    title: '参与方式',                    dataIndex: 'participateWay',                    key: 'participateWay',                    render: text => {                        switch (text) {                            case 0:                                return "主持";                            case 1:                                return "参与";                        };                    }                }            ]        };    },    //基础资料    loadInfoData(uid) {        this.setState({            loading: true        });        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/basic/info",            data: {                uid: uid            }        }).done(function (data) {            let thisdata = data.data;            if (!data.data) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                };            } else {                this.setState({                    id: thisdata.id,                    uid: thisdata.uid,                    hid: thisdata.hid,                    unitName: thisdata.unitName,                    postalAddress: thisdata.postalAddress,                    postcode: thisdata.postcode,                    contacts: thisdata.contacts,                    contactMobile: thisdata.contactMobile,                    contactsFixedTel: thisdata.contactsFixedTel,                    firstContacts: thisdata.firstContacts,                    firstMobile: thisdata.firstMobile,                    contactsFax: thisdata.contactsFax,                    legalPersonTel: thisdata.legalPersonTel,                    legalPersonFax: thisdata.legalPersonFax,                    legalPersonEmail: thisdata.legalPersonEmail,                    registeredCapital: thisdata.registeredCapital,                    registrationTime: thisdata.registrationTime,                    legalPerson: thisdata.legalPerson,                    legalPersonIdCard: thisdata.legalPersonIdCard,                    orgCode: thisdata.orgCode,                    ratepayCode: thisdata.ratepayCode,                    industry: thisdata.industry,                    enterpriseScale: thisdata.enterpriseScale,                    foreignInvestment: thisdata.foreignInvestment,                    taxAuthority: thisdata.taxAuthority,                    ratepayMethod: thisdata.ratepayMethod,                    listed: thisdata.listed,                    listedDate: thisdata.listedDate,                    listedType: thisdata.listedType,                    stockCode: thisdata.stockCode,                    highTechZone: thisdata.highTechZone,                    highTechName: thisdata.highTechName,                    riskInvestment: thisdata.riskInvestment,                    businessScope: thisdata.businessScope,                    firmTotal: thisdata.firmTotal,                    techTotal: thisdata.techTotal,                    listedDateFormattedDate: thisdata.listedDateFormattedDate,                    registrationTimeFormattedDate: thisdata.registrationTimeFormattedDate,                    address: getProvince(thisdata.licenceProvince, thisdata.licenceCity, thisdata.licenceArea),                    field: thisdata.field ? thisdata.field.split(',') : [],                    registerType: thisdata.registerType ? thisdata.registerType.split(',') : []                });            };        }.bind(this)).always(function () {            this.setState({                loading: false            });            this.loadHighTechList(this.state.uid);        }.bind(this));    },    loadHumanData(uid) {        this.setState({            loading: true        });        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/basic/listNature",            data: {                uid: uid            }        }).done(function (data) {            let theTableData = [];            if (!data.data) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                };                return;            };            data.data.map(function (item) {                theTableData.push({                    id: item.id,                    uid: item.uid,                    type: item.type,                    name: item.name,                    idNumber: item.idNumber,                    investment: item.investment                });            });            this.setState({                humanTableData: theTableData            });        }.bind(this)).always(function () {            this.setState({                loading: false            });        }.bind(this));    },    loadLegalData(uid) {        this.setState({            loading: true        });        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/basic/listLegalPerson",            data: {                uid: uid            }        }).done(function (data) {            let theTableData = [];            if (!data.data) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                };                return;            };            data.data.map(function (item) {                theTableData.push({                    id: item.id,                    uid: item.uid,                    type: item.type,                    name: item.name,                    orgCode: item.orgCode,                    investment: item.investment                });            });            this.setState({                legalTableData: theTableData            });        }.bind(this)).always(function () {            this.setState({                loading: false            });        }.bind(this));    },    //申请书    //第一    loadHighTechList(uid) {        $.ajax({            method: "post",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/listCognizance",            data: {                uid: uid            },            success: function (data) {                if (!data.data || !data.data.list) {                    if (data.error && data.error.length) {                        message.warning(data.error[0].message);                    };                } else {                    let _me = this;                    for (let i = 0; i < data.data.list.length; i++) {                        let thisdata = data.data.list[i];                        if (thisdata.year == this.state.year) {                            _me.loadHighTechApply(uid, thisdata.cid, this.state.year)                        }                    };                };            }.bind(this),        }).always(function () {            this.loadIntellectualData(uid);        }.bind(this));    },    loadHighTechApply(uid, cid, year) {        $.ajax({            method: "post",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/cognizanceDetail",            data: {                uid: uid,                cid: cid,                year: year + 1            }        }).done(function (data) {            if (!data.data) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                };            } else {                this.state.moneyTable = [                    {                        key: 1,                        year: '前一年',                        netAsset: data.data.netAsset1,                        salesRevenue: data.data.salesRevenue1,                        grossProfit: data.data.grossProfit1                    }, {                        key: 2,                        year: '前二年',                        netAsset: data.data.netAsset2,                        salesRevenue: data.data.salesRevenue2,                        grossProfit: data.data.grossProfit2                    }, {                        key: 3,                        year: '前三年',                        netAsset: data.data.netAsset3,                        salesRevenue: data.data.salesRevenue3,                        grossProfit: data.data.grossProfit3                    }                ];                if (data.data.netAsset2 == 0) {                    this.state.netAssetRate = 0;                } else if (data.data.netAsset3 == 0) {                    this.state.netAssetRate = (data.data.netAsset1 / data.data.netAsset2) - 1;                } else {                    this.state.netAssetRate = 1 / 2 * (data.data.netAsset2 / data.data.netAsset3 + data.data.netAsset1 / data.data.netAsset2) - 1;                };                if (this.state.netAssetRate < 0 || isNaN(this.state.netAssetRate)) {                    this.state.netAssetRate = 0                };                if (data.data.salesRevenue2 == 0) {                    this.state.salesRevenueRate = 0;                } else if (data.data.salesRevenue3 == 0) {                    this.state.salesRevenueRate = (data.data.salesRevenue1 / data.data.salesRevenue2) - 1;                } else {                    this.state.salesRevenueRate = 1 / 2 * (data.data.salesRevenue2 / data.data.salesRevenue3 + data.data.salesRevenue1 / data.data.salesRevenue2) - 1;                };                if (this.state.salesRevenueRate < 0 || isNaN(this.state.salesRevenueRate)) {                    this.state.salesRevenueRate = 0                };                this.setState({                    firstCatagory: data.data.firstCatagory,                    secondCatagory: data.data.secondCatagory,                    firmTotal: data.data.firmTotal,                    techTotal: data.data.techTotal,                    researchCost: data.data.researchCost,                    territory: data.data.territory,                    basicResearchCost: data.data.basicResearchCost,                    totalRevenue: data.data.totalRevenue,                    lastYearRevenue: data.data.lastYearRevenue,                    accident: data.data.accident                });            };        }.bind(this));    },    //第二    loadIntellectualData(uid) {        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/summary/intellectualProperty",            data: {                uid: uid            }        }).done(function (data) {            let theTableData = [];            if (!data.data) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                };            } else {                this.setState({                    inventionPatent: data.data.inventionPatent, //发明专利数                    defensePatent: data.data.defensePatent,   //国防专利数                    nationalCrop: data.data.nationalCrop,    //国家级农作物品种数                    newPlantCariety: data.data.newPlantCariety, //植物新品种数                    nationalDrug: data.data.nationalDrug,    //国家新药数                    chineseMedicine: data.data.chineseMedicine, //国家一级中药保护品种数                    utilityPatent: data.data.utilityPatent,   //实用新型专利数                    circuitDesign: data.data.circuitDesign,   //集成电路布图设计专有权数                    exteriorPatent: data.data.exteriorPatent,  //外观设计专利数                    softwareWorks: data.data.softwareWorks    //软件著作权数                });            };        }.bind(this)).always(function () {            this.loadIntellectualListData(uid);            this.loadIntellectualObjectData(uid);        }.bind(this));    },    loadIntellectualListData(uid) {        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/summary/intellectualPropertyList",            data: {                uid: uid            }        }).done(function (data) {            let theTableData = [];            if (!data.data) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                };            } else {                data.data.map(function (item) {                    theTableData.push({                        id: item.id,                        uid: item.uid,                        pid: item.pid,                        intellectualPropertyNumber: item.intellectualPropertyNumber,                        intellectualPropertyName: item.intellectualPropertyName,                        sortNumber: item.sortNumber,                        catagory: item.catagory,                        obtainWay: item.obtainWay,                        authorizationNumber: item.authorizationNumber,                        authorizationDate: item.authorizationDate,                        propertyRightUrl: item.propertyRightUrl,                        type: item.type,                        authorizationDateFormattedDate: item.authorizationDateFormattedDate,                        propertyRightDownloadFileName: item.propertyRightDownloadFileName                    });                });            };            this.setState({                intellectualTableData: theTableData            });        }.bind(this)).always(function () {            this.loadHRData(uid);        }.bind(this));    },    loadIntellectualObjectData(uid) {        $.ajax({            method: "post",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/intellectualList",            data: {                uid: uid            }        }).done(function (data) {            let theObj = {};            if (data.error && data.error.length) {                message.warning(data.error[0].message);            } else {                data.data.list.map(function (item) {                    theObj[item.id] = item.intellectualPropertyNumber;                });            };            this.setState({                intellectualObj: theObj            });        }.bind(this)).always(function () {            this.loadHRData(uid);        }.bind(this));    },    //第三    loadHRData(uid) {        $.ajax({            method: "post",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/orgHumanResource",            data: {                uid: uid,                year: this.state.year            }        }).done(function (data) {            if (!data.data || !data.data.list) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                };            } else {                let thisdata = data.data.list[0] || {};                this.setState({                    aboveFifty: thisdata.aboveFifty,                    belowThirty: thisdata.belowThirty,                    college: thisdata.college,                    doctor: thisdata.doctor,                    firmAbroad: thisdata.firmAbroad,                    firmCore: thisdata.firmCore,                    firmForeign: thisdata.firmForeign,                    firmInService: thisdata.firmInService,                    firmPartTime: thisdata.firmPartTime,                    firmTemporary: thisdata.firmTemporary,                    firmTotal: thisdata.firmTotal,                    fortyoneToFifty: thisdata.fortyoneToFifty,                    intermediateTitle: thisdata.intermediateTitle,                    juniorTitle: thisdata.juniorTitle,                    master: thisdata.master,                    seniorMechanic: thisdata.seniorMechanic,                    seniorTitle: thisdata.seniorTitle,                    techAbroad: thisdata.techAbroad,                    techCore: thisdata.techCore,                    techForeign: thisdata.techForeign,                    techInService: thisdata.techInService,                    techPartTime: thisdata.techPartTime,                    techTemporary: thisdata.techTemporary,                    techTotal: thisdata.techTotal,                    thirtyoneToThirtyfour: thisdata.thirtyoneToThirtyfour,                    undergraduate: thisdata.undergraduate,                });            };        }.bind(this)).always(function () {            this.loadActivityData(uid);        }.bind(this));    },    //第四    loadActivityData(uid) {        $.ajax({            method: "get",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/summary/activity",            data: {                uid: uid            }        }).done(function (data) {            let theArr = [], _me = this;            if (!data.data) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                }            } else {                data.data.map(function (item) {                    theArr.push(                        <li key={item.id}>                            <p style={{ marginBottom: '10px', fontSize: '14px' }}><span>活动编号 </span> {item.activityNumber}</p>                            <div className="clearfix">                                <div className="half-item">                                    <span className="item-title">研发活动名称</span>                                    <span>{item.activityName}</span>                                </div>                                <div className="half-item">                                    <span className="item-title">起止时间</span>                                    <span>{item.startDateFormattedDate + ' -- ' + item.endDateFormattedDate}</span>                                </div>                            </div>                            <div className="all-item">                                <span className="item-title">技术领域</span>                                <span>{getTechField(Number(item.technicalField1), item.technicalField2 ? Number(item.technicalField2) : null, item.technicalField3 ? Number(item.technicalField3) : null)}</span>                            </div>                            <div className="clearfix">                                <div className="half-item">                                    <span className="item-title">技术来源</span>                                    <span>{getTechnicalSource(item.technicalSource)}</span>                                </div>                                <div className="half-item">                                    <span className="item-title">知识产权编号</span>                                    <span>{_me.getIntellectualNumber(item.intellectualPropertyNumber)}</span>                                </div>                                <div className="half-item">                                    <span className="item-title">研发费用总预算</span>                                    <span>{item.budget}</span>                                    <span>万元</span>                                </div>                                <div className="half-item">                                    <span className="item-title">研发费用近三年总支出</span>                                    <span>{item.firstYearExpenditure + item.secondYearExpenditure + item.thirdYearExpenditure}</span>                                    <span>万元</span>                                </div>                                <div className="half-item">                                    <span className="item-title">其中 第一年</span>                                    <span>{item.firstYearExpenditure}</span>                                    <span>万元</span>                                </div>                                <div className="half-item">                                    <span className="item-title">第二年</span>                                    <span>{item.secondYearExpenditure}</span>                                    <span>万元</span>                                </div>                                <div className="half-item">                                    <span className="item-title">第三年</span>                                    <span>{item.thirdYearExpenditure}</span>                                    <span>万元</span>                                </div>                            </div>                            <div className="all-item">                                <span className="item-title">目的及组织实施方式</span>                                <span>{item.implement}</span>                            </div>                            <div className="all-item">                                <span className="item-title">核心技术及创新点</span>                                <span>{item.technologyInnovation}</span>                            </div>                            <div className="all-item">                                <span className="item-title">取得的阶段性成果</span>                                <span>{item.achievement}</span>                            </div>                        </li>                    )                });            };            this.setState({                activityData: theArr            });        }.bind(this)).always(function () {            this.loadActivityCostData(uid);        }.bind(this));    },    //第五    loadActivityCostData(uid) {        $.when($.ajax({            method: "post",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/activityCostList",            data: {                uid: uid,                year: this.state.year - 2            }        }), $.ajax({            method: "post",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/activityCostList",            data: {                uid: uid,                year: this.state.year - 1            }        }), $.ajax({            method: "post",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/activityCostList",            data: {                uid: uid,                year: this.state.year            }        })).done(function (data1, data2, data3) {            let firstArr = [];            let secondArr = [];            let thirdArr = [];            if (!data1[0].data && !data1[0].data.list) {                if (data1[0].error && data1[0].error.length) {                    message.warning(data1[0].error[0].message);                };            } else {                data1[0].data.list.map(function (item) {                    firstArr.push({                        id: item.id,                        uid: item.uid,                        aid: item.aid,                        activityNumber: item.activityNumber,                        year: item.year,                        startDate: item.startDate,                        endDate: item.endDate,                        internalAllCost: mathRound(item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +                        item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +                        item.internalEquipmentCost + item.internalOtherCost),                        internalLaborCost: item.internalLaborCost,                        internalDirectCost: item.internalDirectCost,                        internalDepreciationCost: item.internalDepreciationCost,                        internalAmortizationCost: item.internalAmortizationCost,                        internalDesignCost: item.internalDesignCost,                        internalEquipmentCost: item.internalEquipmentCost,                        internalOtherCost: item.internalOtherCost,                        externalTotalCost: item.externalTotalCost,                        externalAbroadCost: item.externalAbroadCost,                        allCost:                        mathRound(item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +                        item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +                        item.internalEquipmentCost + item.internalOtherCost + item.externalTotalCost),                        enterpriseFiller: item.enterpriseFiller,                        signDate: item.signDate,                        signDateFormattedDate: item.signDateFormattedDate,                        sortNumber: item.sortNumber,                        startDateFormattedDate: item.startDateFormattedDate,                        endDateFormattedDate: item.endDateFormattedDate,                        accountDownloadFileName: item.accountDownloadFileName,                        accountUrl: item.accountUrl                    });                });            };            if (!data2[0].data && !data2[0].data.list) {                if (data2[0].error && data2[0].error.length) {                    message.warning(data2[0].error[0].message);                };            } else {                data2[0].data.list.map(function (item) {                    secondArr.push({                        id: item.id,                        uid: item.uid,                        aid: item.aid,                        activityNumber: item.activityNumber,                        year: item.year,                        startDate: item.startDate,                        endDate: item.endDate,                        internalAllCost:                        mathRound(item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +                        item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +                        item.internalEquipmentCost + item.internalOtherCost),                        internalLaborCost: item.internalLaborCost,                        internalDirectCost: item.internalDirectCost,                        internalDepreciationCost: item.internalDepreciationCost,                        internalAmortizationCost: item.internalAmortizationCost,                        internalDesignCost: item.internalDesignCost,                        internalEquipmentCost: item.internalEquipmentCost,                        internalOtherCost: item.internalOtherCost,                        externalTotalCost: item.externalTotalCost,                        externalAbroadCost: item.externalAbroadCost,                        allCost:                        mathRound(item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +                        item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +                        item.internalEquipmentCost + item.internalOtherCost + item.externalTotalCost),                        enterpriseFiller: item.enterpriseFiller,                        signDate: item.signDate,                        signDateFormattedDate: item.signDateFormattedDate,                        sortNumber: item.sortNumber,                        startDateFormattedDate: item.startDateFormattedDate,                        endDateFormattedDate: item.endDateFormattedDate,                        accountDownloadFileName: item.accountDownloadFileName,                        accountUrl: item.accountUrl                    });                });            };            if (!data3[0].data && !data3[0].data.list) {                if (data3[0].error && data3[0].error.length) {                    message.warning(data3[0].error[0].message);                };            } else {                data3[0].data.list.map(function (item) {                    thirdArr.push({                        id: item.id,                        uid: item.uid,                        aid: item.aid,                        activityNumber: item.activityNumber,                        year: item.year,                        startDate: item.startDate,                        endDate: item.endDate,                        internalAllCost:                        mathRound(item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +                        item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +                        item.internalEquipmentCost + item.internalOtherCost),                        internalLaborCost: item.internalLaborCost,                        internalDirectCost: item.internalDirectCost,                        internalDepreciationCost: item.internalDepreciationCost,                        internalAmortizationCost: item.internalAmortizationCost,                        internalDesignCost: item.internalDesignCost,                        internalEquipmentCost: item.internalEquipmentCost,                        internalOtherCost: item.internalOtherCost,                        externalTotalCost: item.externalTotalCost,                        externalAbroadCost: item.externalAbroadCost,                        allCost:                        mathRound(item.internalLaborCost + item.internalDirectCost + item.internalDepreciationCost +                        item.internalAmortizationCost + item.internalAmortizationCost + item.internalDesignCost +                        item.internalEquipmentCost + item.internalOtherCost + item.externalTotalCost),                        enterpriseFiller: item.enterpriseFiller,                        signDate: item.signDate,                        signDateFormattedDate: item.signDateFormattedDate,                        sortNumber: item.sortNumber,                        startDateFormattedDate: item.startDateFormattedDate,                        endDateFormattedDate: item.endDateFormattedDate,                        accountDownloadFileName: item.accountDownloadFileName,                        accountUrl: item.accountUrl                    });                });            };            this.setState({                firstActivityData: firstArr,                secondActivityData: secondArr,                thirdActivityData: thirdArr            });        }.bind(this)).always(function () {            this.loadTechProductData(uid);        }.bind(this));    },    //第六    loadTechProductData(uid) {        $.ajax({            method: "post",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/techProductList",            data: {                uid: uid,                year: this.state.year            }        }).done(function (data) {            let theArr = [], _me = this;            if (!data.data) {                if (data.error && data.error.length) {                    message.warning(data.error[0].message);                }            } else {                data.data.list.map(function (item) {                    theArr.push(                        <li key={item.id}>                            <p style={{ marginBottom: '10px', fontSize: '14px' }}><span>编号 </span> {item.serialNumber}</p>                            <div className="all-item">                                <span className="item-title">产品(服务)名称</span>                                <span>{item.productName}</span>                            </div>                            <div className="all-item">                                <span className="item-title">技术领域</span>                                <span>{getTechField(Number(item.technicalField1), item.technicalField2 ? Number(item.technicalField2) : null, item.technicalField3 ? Number(item.technicalField3) : null)}</span>                            </div>                            <div className="clearfix">                                <div className="half-item">                                    <span className="item-title">技术来源</span>                                    <span>{getTechnicalSource(item.technicalSource)}</span>                                </div>                                <div className="half-item">                                    <span className="item-title">上年度销售收入</span>                                    <span>{item.lastYearRevenue}</span>                                    <span>万元</span>                                </div>                                <div className="half-item">                                    <span className="item-title">是否主要产品(服务)</span>                                    <span>{item.mainProduct == 1 ? '是' : '否'}</span>                                </div>                                <div className="half-item">                                    <span className="item-title">知识产权编号</span>                                    <span>{_me.getIntellectualNumber(item.intellectualPropertyNumber)}</span>                                </div>                            </div>                            <div className="all-item">                                <span className="item-title">关键技术及主要技术指标</span>                                <span>{item.keyTechnology}</span>                            </div>                            <div className="all-item">                                <span className="item-title">与同类产品(服务)的竞争优势</span>                                <span>{item.competitiveEdge}</span>                            </div>                            <div className="all-item">                                <span className="item-title">知识产权获得情况及其对产品(服务)在技术上发挥的支持作用</span>                                <span>{item.conditionEffect}</span>                            </div>                        </li>                    )                });            };            this.setState({                techProductData: theArr            });        }.bind(this)).always(function () {            this.loadAbilityData(uid);        }.bind(this));    },    //第七    loadAbilityData(uid) {        $.ajax({            method: "post",            dataType: "json",            url: globalConfig.context + "/api/admin/able",            data: {                uid: uid            },            success: function (data) {                if (data.data) {                    this.setState({                        intellectRight: data.data.intellectRight,                        scienceAchievement: data.data.scienceAchievement,                        researchInnovation: data.data.researchInnovation,                        personnel: data.data.personnel                    });                } else if (data.error && data.error.length) {                    message.warning(data.error[0].message);                };            }.bind(this),        }).always(function () {            this.loadStandardData(uid);        }.bind(this));    },    //第八    loadStandardData(uid) {        $.ajax({            method: "post",            dataType: "json",            crossDomain: false,            url: globalConfig.context + "/api/admin/standard",            data: {                uid: uid,                year: this.state.year            },            success: function (data) {                let theArr = [];                if (!data.data || !data.data.list) {                    if (data.error && data.error.length) {                        message.warning(data.error[0].message);                    }                } else {                    for (let i = 0; i < data.data.list.length; i++) {                        let thisdata = data.data.list[i];                        theArr.push({                            key: i + 1,                            id: thisdata.id,                            uid: thisdata.uid,                            standardName: thisdata.standardName,                            standardNumber: thisdata.standardNumber,                            year: thisdata.year,                            enclosureUrl: thisdata.enclosureUrl,                            standardLevel: thisdata.standardLevel,                            participateWay: thisdata.participateWay,                            createTime: thisdata.createTime,                            createTimeFormattedDate: thisdata.createTimeFormattedDate                        });                    };                };                this.setState({                    standardTableData: theArr,                });            }.bind(this),        });    },    componentWillMount() {        if (window.location.search) {            let theObj = getSearchUrl(window.location.search);            this.loadInfoData(theObj.uid);            this.loadHumanData(theObj.uid);            this.loadLegalData(theObj.uid);        };    },    render() {        const theData = this.state;        return (            <Spin spinning={theData.loading}>                <div id="Info-box">                    <div className="Info-title">                        {theData.unitName}高企认定材料                    </div>                    <div className="Info-content" >                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">年份</span>                                <span>{theData.year + 1}</span>                            </div>                            <div className="half-item">                                <span className="item-title">公司名字</span>                                <span>{theData.unitName}</span>                            </div>                            <div className="half-item">                                <span className="item-title">通讯地址</span>                                <span>{theData.postalAddress}</span>                            </div>                            <div className="half-item">                                <span className="item-title">法定代表人</span>                                <span>{theData.legalPerson}</span>                            </div>                        </div>                        <div className="content-title">                            <span>企业注册登记表</span>                        </div>                        <p>法定代表人</p>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">电话</span>                                <span>{theData.legalPersonTel}</span>                            </div>                            <div className="half-item">                                <span className="item-title">传真</span>                                <span>{theData.legalPersonFax}</span>                            </div>                            <div className="half-item">                                <span className="item-title">E-mail</span>                                <span>{theData.legalPersonEmail}</span>                            </div>                        </div>                        <p>联系人</p>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">姓名</span>                                <span>{theData.firstContacts}</span>                            </div>                            <div className="half-item">                                <span className="item-title">手机</span>                                <span>{theData.firstMobile}</span>                            </div>                            <div className="half-item">                                <span className="item-title">电话</span>                                <span>{theData.contactsFixedTel}</span>                            </div>                            <div className="half-item">                                <span className="item-title">传真</span>                                <span>{theData.contactsFax}</span>                            </div>                        </div>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">通讯地址</span>                                <span>{theData.postalAddress}</span>                            </div>                            <div className="half-item">                                <span className="item-title">邮政编码</span>                                <span>{theData.postcode}</span>                            </div>                        </div>                        <div className="all-item">                            <span className="item-title">企业名称</span>                            <span>{theData.unitName}</span>                        </div>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">法定代表人</span>                                <span>{theData.legalPerson}</span>                            </div>                            <div className="half-item">                                <span className="item-title">身份证号/护照号</span>                                <span>{theData.legalPersonIdCard}</span>                            </div>                            <div className="half-item">                                <span className="item-title">注册时间</span>                                <span>{theData.registrationTimeFormattedDate}</span>                            </div>                            <div className="half-item">                                <span className="item-title">企业规模</span>                                <span>{getScaleState(theData.enterpriseScale)}</span>                            </div>                            <div className="half-item">                                <span className="item-title">注册类型</span>                                <span>{getCompanyType(Number(theData.registerType[0]), theData.registerType[1] ? Number(theData.registerType[1]) : null)}</span>                            </div>                            <div className="half-item">                                <span className="item-title">外资来源地</span>                                <span>{theData.foreignInvestment}</span>                            </div>                        </div>                        <div className="all-item">                            <span className="item-title">技术领域</span>                            <span>{getTechField(theData.field[0], theData.field[1], theData.field[2])}</span>                        </div>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">组织机构代码/统一社会信用代码</span>                                <span>{theData.orgCode}</span>                            </div>                            <div className="half-item">                                <span className="item-title">税务登记号/统一社会信用代码</span>                                <span>{theData.ratepayCode}</span>                            </div>                        </div>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">主管税务机关</span>                                <span>{                                    (() => {                                        if (theData.taxAuthority == '0') {                                            return '国税';                                        } else if (theData.taxAuthority == '1') {                                            return '地税';                                        };                                    })()                                }</span>                            </div>                            <div className="half-item">                                <span className="item-title">所得税征收方式</span>                                <span>{                                    (() => {                                        if (theData.ratepayMethod == '0') {                                            return '查账征收';                                        } else if (theData.ratepayMethod == '1') {                                            return '核定征收';                                        };                                    })()                                }</span>                            </div>                            <div className="half-item">                                <span className="item-title">行政区域</span>                                <span>{theData.address}</span>                            </div>                            <div className="half-item">                                <span className="item-title">注册资金</span>                                <span>{theData.registeredCapital}</span>                                <span>万元</span>                            </div>                            <div className="half-item">                                <span className="item-title">是否高新区</span>                                <span>{                                    (() => {                                        if (theData.highTechZone == '0') {                                            return '否';                                        } else if (theData.highTechZone == '1') {                                            return '是';                                        };                                    })()                                }</span>                            </div>                            <div className="half-item">                                <span className="item-title">高新区名称</span>                                <span>{theData.highTechName}</span>                            </div>                            <div className="half-item">                                <span className="item-title">是否上市</span>                                <span>{                                    (() => {                                        if (theData.listed == '0') {                                            return '否';                                        } else if (theData.listed == '1') {                                            return '是';                                        };                                    })()                                }</span>                            </div>                            <div className="half-item">                                <span className="item-title">上市类型</span>                                <span>{                                    (() => {                                        if (theData.listedType == '0') {                                            return '股票型上市公司';                                        } else if (theData.listedType == '1') {                                            return '债券型上市公司';                                        };                                    })()                                }</span>                            </div>                            <div className="half-item">                                <span className="item-title">上市时间</span>                                <span>{theData.listedDateFormattedDate}</span>                            </div>                            <div className="half-item">                                <span className="item-title">股票代码</span>                                <span>{theData.stockCode}</span>                            </div>                            <div className="half-item">                                <span className="item-title">所属行业</span>                                <span>{getIndustryType(theData.industry)}</span>                            </div>                            <div className="half-item">                                <span className="item-title">是否引入风投</span>                                <span>{                                    (() => {                                        if (theData.riskInvestment == '0') {                                            return '否';                                        } else if (theData.riskInvestment == '1') {                                            return '是';                                        };                                    })()                                }</span>                            </div>                            <p>自然人股权</p>                            <Table className="company-table" style={{ padding: '10px 20px' }}                                columns={this.state.humanColumns}                                dataSource={this.state.humanTableData}                                pagination={false} />                            <p>法人股权</p>                            <Table className="company-table" style={{ padding: '10px 20px' }}                                columns={this.state.legalColumns}                                dataSource={this.state.legalTableData}                                pagination={false} />                        </div>                        <div className="content-title">                            <span>高新企业认定申请</span>                            <span>(主要情况)</span>                        </div>                        <div className="all-item">                            <span className="item-title">技术领域</span>                            <span>{getTechField(Number(theData.field[0]), theData.field[1] ? Number(theData.field[1]) : null, theData.field[2] ? Number(theData.field[2]) : null)}</span>                        </div>                        <p>获得知识产权数量(件)</p>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">Ⅰ 类</span>                                <span>{theData.firstCatagory}</span>                            </div>                            <div className="half-item">                                <span className="item-title">Ⅱ 类</span>                                <span>{theData.secondCatagory}</span>                            </div>                        </div>                        <p>人力资源情况(人)</p>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">职工总数</span>                                <span>{theData.firmTotal}</span>                            </div>                            <div className="half-item">                                <span className="item-title">科技人员数</span>                                <span>{theData.techTotal}</span>                            </div>                        </div>                        <p>近三年经营状况(万元)</p>                        <Table                            pagination={false}                            dataSource={this.state.moneyTable}                            columns={this.state.moneyColumns} />                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">净资产增长率</span>                                <span>{(this.state.netAssetRate * 100).toFixed(2) + '%'}</span>                            </div>                            <div className="half-item">                                <span className="item-title">销售收入增长率</span>                                <span>{(this.state.salesRevenueRate * 100).toFixed(2) + '%'}</span>                            </div>                        </div>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">近三年研究开发费用总额</span>                                <span>{theData.researchCost || 0}</span>                                <span> 万元</span>                            </div>                            <div className="half-item">                                <span className="item-title">在中国境内研发费用总和</span>                                <span>{theData.territory || 0}</span>                                <span> 万元</span>                            </div>                            <div className="half-item">                                <span className="item-title">基础研究投入费用总额</span>                                <span>{theData.basicResearchCost || 0}</span>                                <span> 万元</span>                            </div>                            <div className="half-item">                                <span className="item-title">近一年企业总收入</span>                                <span>{theData.totalRevenue || 0}</span>                                <span> 万元</span>                            </div>                            <div className="half-item">                                <span className="item-title">近一年高新技术产品收入</span>                                <span>{theData.lastYearRevenue || 0}</span>                                <span> 万元</span>                            </div>                            <div className="half-item">                                <span className="item-title" style={{ width: 400 }}>申请认定前一年内是否发生过重大安全、重大质量或严重环境违法行为</span>                                <span>{(() => {                                    if (theData.accident == 0) {                                        return '否';                                    } else if (theData.accident == 1) {                                        return '是';                                    };                                })()}</span>                            </div>                        </div>                        <div className="content-title">                            <span>高新企业认定申请</span>                            <span>(知识产权汇总)</span>                        </div>                        <p>获得知识产权数量(件)(Ⅰ 类)</p>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">发明专利</span>                                <span>{theData.inventionPatent}</span>                            </div>                            <div className="half-item">                                <span className="item-title">国防专利</span>                                <span>{theData.defensePatent}</span>                            </div>                            <div className="half-item">                                <span className="item-title">植物新品种</span>                                <span>{theData.newPlantCariety}</span>                            </div>                            <div className="half-item">                                <span className="item-title">国家级农作物品种</span>                                <span>{theData.nationalCrop}</span>                            </div>                            <div className="half-item">                                <span className="item-title">国家新药</span>                                <span>{theData.nationalDrug}</span>                            </div>                            <div className="half-item">                                <span className="item-title">国家一级中药保护品种</span>                                <span>{theData.chineseMedicine}</span>                            </div>                            <div className="half-item">                                <span className="item-title">集成电路布图</span>                                <span>{theData.circuitDesign}</span>                            </div>                        </div>                        <p>获得知识产权数量(件)(Ⅱ 类)</p>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">实用新型</span>                                <span>{theData.utilityPatent}</span>                            </div>                            <div className="half-item">                                <span className="item-title">软著</span>                                <span>{theData.softwareWorks}</span>                            </div>                            <div className="half-item">                                <span className="item-title">外观设计</span>                                <span>{theData.exteriorPatent}</span>                            </div>                        </div>                        <Table                            pagination={false}                            dataSource={this.state.intellectualTableData}                            columns={this.state.intellectualColumns} />                        <div className="content-title">                            <span>人力资源情况表</span>                        </div>                        <p>总体情况</p>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title" style={{ marginLeft: 150 }}>企业职工</span>                            </div>                            <div className="half-item">                                <span className="item-title" style={{ marginLeft: 150 }}>科技人员</span>                            </div>                            <div className="half-item">                                <span className="item-title">总数</span>                                <span>{theData.firmTotal}</span>                            </div>                            <div className="half-item">                                <span className="item-title"></span>                                <span>{theData.techTotal}</span>                            </div>                            <div className="half-item">                                <span className="item-title">在职人员</span>                                <span>{theData.firmInService}</span>                            </div>                            <div className="half-item">                                <span className="item-title"></span>                                <span>{theData.techInService}</span>                            </div>                            <div className="half-item">                                <span className="item-title">兼职人员</span>                                <span>{theData.firmPartTime}</span>                            </div>                            <div className="half-item">                                <span className="item-title"></span>                                <span>{theData.techPartTime}</span>                            </div>                            <div className="half-item">                                <span className="item-title">临时聘用人员</span>                                <span>{theData.firmTemporary}</span>                            </div>                            <div className="half-item">                                <span className="item-title"></span>                                <span>{theData.techTemporary}</span>                            </div>                            <div className="half-item">                                <span className="item-title">外籍人员</span>                                <span>{theData.firmForeign}</span>                            </div>                            <div className="half-item">                                <span className="item-title"></span>                                <span>{theData.techForeign}</span>                            </div>                            <div className="half-item">                                <span className="item-title">留学归国人员</span>                                <span>{theData.firmAbroad}</span>                            </div>                            <div className="half-item">                                <span className="item-title"></span>                                <span>{theData.techAbroad}</span>                            </div>                            <div className="half-item">                                <span className="item-title">千人计划</span>                                <span>{theData.firmCore}</span>                            </div>                            <div className="half-item">                                <span className="item-title"></span>                                <span>{theData.techCore}</span>                            </div>                        </div>                        <p>全体人员结构</p>                        <p>学历</p>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">博士</span>                                <span>{theData.doctor}</span>                            </div>                            <div className="half-item">                                <span className="item-title">硕士</span>                                <span>{theData.master}</span>                            </div>                            <div className="half-item">                                <span className="item-title">本科</span>                                <span>{theData.undergraduate}</span>                            </div>                            <div className="half-item">                                <span className="item-title">大专及以下</span>                                <span>{theData.college}</span>                            </div>                        </div>                        <p>职称</p>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">高级职称</span>                                <span>{theData.seniorTitle}</span>                            </div>                            <div className="half-item">                                <span className="item-title">中级职称</span>                                <span>{theData.intermediateTitle}</span>                            </div>                            <div className="half-item">                                <span className="item-title">初级职称</span>                                <span>{theData.juniorTitle}</span>                            </div>                            <div className="half-item">                                <span className="item-title">高级技工</span>                                <span>{theData.seniorMechanic}</span>                            </div>                        </div>                        <p>年龄</p>                        <div className="clearfix">                            <div className="half-item">                                <span className="item-title">30及以下</span>                                <span>{theData.belowThirty}</span>                            </div>                            <div className="half-item">                                <span className="item-title">31-40</span>                                <span>{theData.thirtyoneToThirtyfour}</span>                            </div>                            <div className="half-item">                                <span className="item-title">41-50</span>                                <span>{theData.fortyoneToFifty}</span>                            </div>                            <div className="half-item">                                <span className="item-title">51及以上</span>                                <span>{theData.aboveFifty}</span>                            </div>                        </div>                        <div className="content-title">                            <span>企业研究开发活动情况表</span>                        </div>                        <ul>{this.state.activityData}</ul>                        <div className="content-title">                            <span>企业年度研发费用结构明细表</span>                        </div>                        <p style={{ marginBottom: '10px', fontSize: '14px' }}>{this.state.year - 2} 年度 单位:万元</p>                        <Table columns={this.state.activityCostColumns}                            dataSource={this.state.firstActivityData}                            pagination={false} />                        <p style={{ marginBottom: '10px', fontSize: '14px' }}>{this.state.year - 1} 年度 单位:万元</p>                        <Table columns={this.state.activityCostColumns}                            dataSource={this.state.secondActivityData}                            pagination={false} />                        <p style={{ marginBottom: '10px', fontSize: '14px' }}>{this.state.year} 年度 单位:万元</p>                        <Table columns={this.state.activityCostColumns}                            dataSource={this.state.thirdActivityData}                            pagination={false} />                        <div className="content-title">                            <span>上年度高新技术产品(服务)情况表</span>                        </div>                        <ul>{this.state.techProductData}</ul>                        <div className="content-title">                            <span>创业创新能力</span>                        </div>                        <div className="clearfix">                            <div className="all-item">                                <span className="item-title">知识产权对企业竞争力的作用</span>                                <span>{theData.intellectRight}</span>                            </div>                            <div className="all-item">                                <span className="item-title">科技成果转化情况</span>                                <span>{theData.scienceAchievement}</span>                            </div>                            <div className="all-item">                                <span className="item-title">研究开发与技术创新组织管理情况</span>                                <span>{theData.researchInnovation}</span>                            </div>                            <div className="all-item">                                <span className="item-title">管理与科技人员情况</span>                                <span>{theData.personnel}</span>                            </div>                        </div>                        <div className="content-title">                            <span>企业参与国家标准或行业制定情况汇总表</span>                        </div>                        <Table columns={this.state.standardColumns}                            dataSource={this.state.standardTableData}                            pagination={false} />                    </div>                </div>            </Spin>        );    }});export default highTechInfo;
 |