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

import React,{Component} from 'react';

class DeclarationProgress extends Component{
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div style={{display:'flex',flexFlow:'row wrap',marginLeft: '11px',marginTop:'20px'}}>
                {/*{this.props.startDate ? <div style={{marginRight:'30px',marginBottom:'15px'}}>*/}
                {/*    <span style={{marginRight:'15px'}}>启动时间:</span>*/}
                {/*    <span>{this.props.startDate}</span>*/}
                {/*</div> : null}*/}
                {this.props.taskDate ? <div style={{marginRight:'30px',marginBottom:'15px'}}>
                    <span style={{marginRight:'15px'}}>分配时间:</span>
                    <span>{this.props.taskDate}</span>
                </div> : null}
                {/*旧数据处理*/}
                {/* endDate           完成时间      对应已提交时间     4*/}
                {/* acceptDate        受理时间      对应已推荐时间     6*/}
                {/* publicityDate     公示时间      对应已拟公示时间   8*/}
                {/* licenceDate       发证时间      对应已下证时间     10*/}
                {/* setUpAmount       立项金额                      15*/}
                {/*数据处理*/}
                {/* 拨款金额   18   appropriation*/}
                {
                    this.props.timeRecordparse && Object.keys(this.props.timeRecordparse).map(v=>(
                        <div style={{marginBottom:'15px'}}>
                            {this.props.timeRecordparse[v]['date'] && <span style={{marginRight:'8px'}}>{this.props.timeRecordparse[v]['title']}:</span>}
                            <span style={{marginRight:'30px'}}>{this.props.timeRecordparse[v]['date']}</span>
                            <span>
                                {
                                    v === '18' ? <span style={{marginBottom:'15px'}}>
                                        <span style={{marginRight:'8px'}}>拨款金额(万元):</span>
                                        <span style={{marginRight:'30px'}}>{this.props.timeRecordparse[v]['appropriation']}</span>
                                    </span> : null
                                }
                                {
                                    v === '15' ? <span style={{marginBottom:'15px'}}>
                                        <span style={{marginRight:'8px'}}>立项金额(万元):</span>
                                        <span style={{marginRight:'30px'}}>{this.props.timeRecordparse[v]['setUpAmount']}</span>
                                    </span> : null
                                }
                            </span>
                        </div>
                    ))
                }
                {/*以前的立项金额不显示*/}
                {
                    this.props.list.map(v=>(
                        (!this.props.timeRecordparse[parseInt(v.id)] && v.value && v.id !== '15') ? <div style={{marginRight:'30px',marginBottom:'15px'}}>
                            <span style={{marginRight:'15px'}}>{v.name}:</span>
                            <span>{v.value}</span>
                        </div> : null
                    ))
                }
            </div>
        )
    }
}

export default DeclarationProgress;