| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 | 
							- import React,{ Component } from 'react';
 
- import {Select} from "antd";
 
- import { provinceList} from '@/NewDicProvinceList';
 
- 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',
 
-                     render: (text, record) => {
 
-                         return(
 
-                             text + '/' + record.totalAmount
 
-                         )
 
-                     },
 
-                     onCellClick :(record, event)=>{
 
-                         event.stopPropagation();
 
-                         this.setState({
 
-                             visible:true,
 
-                             recordInfor:record
 
-                         })
 
-                     }
 
-                 },
 
-                 {
 
-                     title: "应收款(万元)",
 
-                     dataIndex: "receivables",
 
-                     key: "receivables",
 
-                     className: 'projectTable',
 
-                     width: 120,
 
-                     onCellClick :(record, event)=>{
 
-                         event.stopPropagation();
 
-                         this.setState({
 
-                             visible:true,
 
-                             recordInfor:record
 
-                         })
 
-                     }
 
-                 },
 
-             ],
 
-         }
 
-     }
 
-     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>
 
-                 </div>
 
-                 <TabelContent
 
-                     scroll={{ x: 0, y: 200 }}
 
-                     searchList={this.searchList()}
 
-                     columns={this.state.columns}
 
-                     tabelApi={'/api/admin/newOrderDun/selectOrderDunAll'}
 
-                     exportApi={'/api/admin/newOrderDun//selectOrderDunAllExprot'}
 
-                     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
 
-                     visible={this.state.visible}
 
-                     recordInfor={this.state.recordInfor}
 
-                     onCancel={()=>{
 
-                         this.setState({
 
-                             visible:false,
 
-                             recordInfor:{}
 
-                         })
 
-                     }}/> : null}
 
-             </div>
 
-         )
 
-     }
 
- }
 
- export default ReceivablesStatistics;
 
 
  |