index.jsx 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  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. searchConfig:{}
  59. }
  60. }
  61. searchList(){
  62. let arr = [
  63. {
  64. type:'departmentSelect',
  65. dataKey:'depId',
  66. placeholder:'请选择部门'
  67. },
  68. {
  69. type:'times',
  70. title:'催收时间',
  71. dataKey:['startDate','endDate'],
  72. },
  73. ]
  74. return arr;
  75. }
  76. render() {
  77. return (
  78. <div className="user-content receivablesStatistics">
  79. <div className="content-title">
  80. <span>
  81. 全国应收款表
  82. </span>
  83. </div>
  84. <TabelContent
  85. scroll={{ x: 0, y: 200 }}
  86. searchList={this.searchList()}
  87. columns={this.state.columns}
  88. searchOperation={(value)=>{
  89. for(let i of Object.keys(value)){
  90. if(i === 'sort' || i === 'pageNo' || i === 'pageSize'){
  91. delete value[i]
  92. }
  93. }
  94. this.setState({searchConfig:value})}
  95. }
  96. tabelApi={'/api/admin/newOrderDun/selectOrderDunAll'}
  97. exportApi={'/api/admin/newOrderDun//selectOrderDunAllExprot'}
  98. dataProcessing={(data)=>{
  99. let theArr = [];
  100. for (let i = 0; i < data.data.length; i++) {
  101. let thisdata = data.data[i];
  102. thisdata.key=i + 1;
  103. theArr.push(thisdata);
  104. }
  105. return theArr;
  106. }}
  107. />
  108. {this.state.visible ? <DetailedList
  109. searchConfig={this.state.searchConfig}
  110. visible={this.state.visible}
  111. recordInfor={this.state.recordInfor}
  112. onCancel={()=>{
  113. this.setState({
  114. visible:false,
  115. recordInfor:{}
  116. })
  117. }}/> : null}
  118. </div>
  119. )
  120. }
  121. }
  122. export default ReceivablesStatistics;