import React,{ Component } from 'react'; import './index.less'; import TabelContent from '../../../../common/tabelContent' import DetailedList from './detailedList'; class ReceivablesStatistics extends Component{ constructor(props) { super(props); this.state={ columns: [ { title: "序号", dataIndex: "key", key: "key", width: 120, }, { title: "省份", dataIndex: "provinceName", key: "provinceName", width: 120, }, { title: "高新总数", dataIndex: "quantity", key: "quantity", width: 120, className: 'projectTable', onCellClick :(record, event)=>{ event.stopPropagation(); this.setState({ visible:true, recordInfor:record }) } }, { title: "已通过高新数", dataIndex: "pass", key: "pass", width: 120, className: 'projectTable', onCellClick :(record, event)=>{ event.stopPropagation(); this.setState({ visible:true, recordInfor:record }) } }, { title: "已签回", dataIndex: "signBacks", key: "signBacks", width: 120, className: 'projectTable', onCellClick :(record, event)=>{ event.stopPropagation(); this.setState({ visible:true, recordInfor:record }) } }, { title: "未通过高新数", dataIndex: "notPass", key: "notPass", width: 120, className: 'projectTable', onCellClick :(record, event)=>{ event.stopPropagation(); this.setState({ visible:true, recordInfor:record }) } }, ], searchConfig:{} } } searchList(){ let arr = [ { type:'departmentSelect', dataKey:'depId', placeholder:'请选择部门' }, { type:'times', title:'时间', dataKey:['startDate','endDate'], }, ] return arr; } render() { return ( <div className="user-content receivablesStatistics"> <div className="content-title"> <span> 高新复审总数<span style={{fontSize:'10px',color:'#0f2be5',marginLeft:'10px'}}>需复审已下证的企业</span> </span> </div> <TabelContent scroll={{ x: 0, y: 200 }} searchList={this.searchList()} columns={this.state.columns} searchOperation={(value)=>{ for(let i of Object.keys(value)){ if(i === 'sort' || i === 'pageNo' || i === 'pageSize'){ delete value[i] } } this.setState({searchConfig:value})} } tabelApi={'/api/admin/orderProject/highNewRetrialStatistics'} exportApi={'/api/admin/orderProject/highNewRetrialStatistics/export'} dataProcessing={(data)=>{ let theArr = []; for (let i = 0; i < data.data.length; i++) { let thisdata = data.data[i]; thisdata.key=i + 1; theArr.push(thisdata); } return theArr; }} /> {this.state.visible ? <DetailedList searchConfig={JSON.parse(JSON.stringify(this.state.searchConfig))} visible={this.state.visible} recordInfor={this.state.recordInfor} onCancel={()=>{ this.setState({ visible:false, recordInfor:{} }) }}/> : null} </div> ) } } export default ReceivablesStatistics;