index.jsx 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. import React,{ Component } from 'react';
  2. import {Select} from "antd";
  3. import { provinceList} from '@/NewDicProvinceList';
  4. import './index.less';
  5. import TabelContent from '../../../../common/tabelContent'
  6. import DetailedList from './detailedList';
  7. class ReceivablesStatistics extends Component{
  8. constructor(props) {
  9. super(props);
  10. this.state={
  11. columns: [
  12. {
  13. title: "序号",
  14. dataIndex: "key",
  15. key: "key",
  16. width: 120,
  17. },
  18. {
  19. title: "催收省份",
  20. dataIndex: "provinceName",
  21. key: "provinceName",
  22. width: 120,
  23. },
  24. {
  25. title: "签单数/签单额(万元)",
  26. dataIndex: "quantity",
  27. key: "quantity",
  28. width: 120,
  29. className: 'projectTable',
  30. render: (text, record) => {
  31. return(
  32. text + '/' + record.totalAmount
  33. )
  34. },
  35. onCellClick :(record, event)=>{
  36. event.stopPropagation();
  37. this.setState({
  38. visible:true,
  39. recordInfor:record
  40. })
  41. }
  42. },
  43. {
  44. title: "应收款(万元)",
  45. dataIndex: "receivables",
  46. key: "receivables",
  47. className: 'projectTable',
  48. width: 120,
  49. onCellClick :(record, event)=>{
  50. event.stopPropagation();
  51. this.setState({
  52. visible:true,
  53. recordInfor:record
  54. })
  55. }
  56. },
  57. ],
  58. }
  59. }
  60. searchList(){
  61. let arr = [
  62. {
  63. type:'departmentSelect',
  64. dataKey:'depId',
  65. placeholder:'请选择部门'
  66. },
  67. {
  68. type:'times',
  69. title:'催收时间',
  70. dataKey:['startDate','endDate'],
  71. },
  72. ]
  73. return arr;
  74. }
  75. render() {
  76. return (
  77. <div className="user-content receivablesStatistics">
  78. <div className="content-title">
  79. <span>
  80. 全国应收款表
  81. </span>
  82. </div>
  83. <TabelContent
  84. scroll={{ x: 0, y: 200 }}
  85. searchList={this.searchList()}
  86. columns={this.state.columns}
  87. tabelApi={'/api/admin/newOrderDun/selectOrderDunAll'}
  88. exportApi={'/api/admin/newOrderDun//selectOrderDunAllExprot'}
  89. dataProcessing={(data)=>{
  90. let theArr = [];
  91. for (let i = 0; i < data.data.length; i++) {
  92. let thisdata = data.data[i];
  93. thisdata.key=i + 1;
  94. theArr.push(thisdata);
  95. }
  96. return theArr;
  97. }}
  98. />
  99. {this.state.visible ? <DetailedList
  100. visible={this.state.visible}
  101. recordInfor={this.state.recordInfor}
  102. onCancel={()=>{
  103. this.setState({
  104. visible:false,
  105. recordInfor:{}
  106. })
  107. }}/> : null}
  108. </div>
  109. )
  110. }
  111. }
  112. export default ReceivablesStatistics;