detailedList.jsx 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328
  1. import React,{ Component } from 'react';
  2. import {
  3. Modal,
  4. Tooltip,
  5. } from "antd";
  6. import './index.less';
  7. import TabelContent from "../../../../common/tabelContent";
  8. import {
  9. getLiquidationStatus,
  10. getNewOrderStatus,
  11. getProjectName
  12. } from "../../../../tools";
  13. class DetailedList extends Component{
  14. constructor(props) {
  15. super(props);
  16. this.state= {
  17. columns: [
  18. {
  19. title: "编号",
  20. dataIndex: "key",
  21. key: "key",
  22. width: 120,
  23. },
  24. {
  25. title: "催收省份",
  26. dataIndex: "provinceName",
  27. key: "provinceName",
  28. width: 320,
  29. },
  30. {
  31. title: "催款人",
  32. dataIndex: "aName",
  33. key: "aName",
  34. width: 220,
  35. },
  36. {
  37. title: "签单额(万元)",
  38. dataIndex: "totalAmount",
  39. key: "totalAmount",
  40. className: 'projectTable',
  41. width: 150,
  42. onCellClick: (record, event) => {
  43. event.stopPropagation();
  44. this.setState({
  45. visible1: true,
  46. aid: record.aid
  47. })
  48. },
  49. },
  50. {
  51. title: "应收款(万元)",
  52. dataIndex: "money",
  53. key: "money",
  54. className: 'projectTable',
  55. width: 150,
  56. onCellClick: (record, event) => {
  57. event.stopPropagation();
  58. this.setState({
  59. visible1: true,
  60. aid: record.aid
  61. })
  62. },
  63. },
  64. ],
  65. columns1: [
  66. {
  67. title: "序号",
  68. dataIndex: "key",
  69. key: "key"
  70. },
  71. {
  72. title: "合同编号",
  73. dataIndex: "contractNo",
  74. key: "contractNo"
  75. },
  76. {
  77. title: "订单编号",
  78. dataIndex: "orderNo",
  79. key: "orderNo"
  80. },
  81. {
  82. title: "客户名称",
  83. dataIndex: "userName",
  84. key: "userName",
  85. render: text => {
  86. return (
  87. <Tooltip title={text}>
  88. <div style={{
  89. maxWidth:'150px',
  90. overflow:'hidden',
  91. textOverflow: "ellipsis",
  92. whiteSpace:'nowrap',
  93. }}>{text}</div>
  94. </Tooltip>
  95. )
  96. }
  97. },
  98. {
  99. title: "订单负责人",
  100. dataIndex: "salesmanName",
  101. key: "salesmanName"
  102. },
  103. {
  104. title: "订单部门",
  105. dataIndex: "depName",
  106. key: "depName"
  107. },
  108. {
  109. title: "订单状态",
  110. dataIndex: "orderStatus",
  111. key: "orderStatus",
  112. render: text => {
  113. return getNewOrderStatus(text);
  114. }
  115. },
  116. {
  117. title: "项目状态",
  118. dataIndex: "projectStatus",
  119. key: "projectStatus",
  120. render: text => {
  121. return getProjectName(text);
  122. }
  123. },
  124. {
  125. title: "签单金额(万元)",
  126. dataIndex: "totalAmount",
  127. key: "totalAmount"
  128. },
  129. {
  130. title: "已收款(万元)",
  131. dataIndex: "settlementAmount",
  132. key: "settlementAmount"
  133. },
  134. {
  135. title: "未收款(万元)",
  136. dataIndex: "uncollectedAmount",
  137. key: "uncollectedAmount"
  138. },
  139. {
  140. title: "结算状态",
  141. dataIndex: "liquidationStatus",
  142. key: "liquidationStatus",
  143. render: text => {
  144. return getLiquidationStatus(text);
  145. }
  146. },
  147. {
  148. title: "催收科目",
  149. dataIndex: "dunSubject",
  150. key: "dunSubject"
  151. },
  152. {
  153. title: "应收款(万元)",
  154. dataIndex: "accountsReceivable",
  155. key: "accountsReceivable"
  156. },
  157. {
  158. title: "催款状态",
  159. dataIndex: "dunStatus",
  160. key: "dunStatus"
  161. },
  162. {
  163. title: "催款启动日期",
  164. dataIndex: "startDate",
  165. key: "startDate"
  166. },
  167. {
  168. title: "签单时间",
  169. dataIndex: "signDate",
  170. key: "signDate"
  171. }
  172. ],
  173. }
  174. }
  175. searchList(){
  176. let arr = [
  177. {
  178. type:'departmentSelect',
  179. dataKey:'depId',
  180. placeholder:'请选择部门'
  181. },
  182. {
  183. type:'text',
  184. placeholder:'请输入催款人',
  185. dataKey:'aName',
  186. },
  187. {
  188. type:'select',
  189. dataKey:'sort',
  190. placeholder:'请选择排序',
  191. selectList:[
  192. {
  193. value:'0',
  194. label:'按总金额排序'
  195. },
  196. {
  197. value:'1',
  198. label:'按数量排序'
  199. },
  200. ]
  201. },
  202. {
  203. type:'times',
  204. title:'催收时间',
  205. dataKey:['startDate','endDate'],
  206. },
  207. ]
  208. return arr;
  209. }
  210. searchList1(){
  211. let arr = [
  212. {
  213. type:'text',
  214. dataKey:'name',
  215. placeholder:'请输入客户名称',
  216. },
  217. {
  218. type:'text',
  219. dataKey:'adminName',
  220. placeholder:'请输入营销员名称'
  221. },
  222. {
  223. type:'text',
  224. dataKey:'orderNo',
  225. placeholder:'请输入订单编号'
  226. },
  227. {
  228. type:'text',
  229. dataKey:'contractNo',
  230. placeholder:'请输入合同编号'
  231. },
  232. {
  233. type:'departmentSelect',
  234. dataKey:'depId',
  235. placeholder:'请选择订单部门'
  236. },
  237. {
  238. type:'times',
  239. title:'下单时间',
  240. dataKey:['starTime','endTime'],
  241. },
  242. ]
  243. return arr;
  244. }
  245. render() {
  246. return (
  247. <div>
  248. <Modal
  249. maskClosable={false}
  250. visible={this.props.visible}
  251. onOk={this.props.onCancel}
  252. onCancel={this.props.onCancel}
  253. width='1200px'
  254. title={this.props.recordInfor.provinceName + '签单统计表'}
  255. footer=''
  256. className="admin-desc-content">
  257. <div className="user-content">
  258. <TabelContent
  259. scroll={{ x: 0, y: 200}}
  260. searchList={this.searchList()}
  261. columns={this.state.columns}
  262. tabelApi={'/api/admin/newOrderDun/selectOrderDun'}
  263. exportApi={'/api/admin/newOrderDun/selectOrderDunExprot'}
  264. query={{
  265. province:this.props.recordInfor.province,
  266. }}
  267. dataProcessing={(data)=>{
  268. let theArr = [];
  269. for (let i = 0; i < data.data.length; i++) {
  270. let thisdata = data.data[i];
  271. thisdata.key=i + 1;
  272. theArr.push(thisdata);
  273. }
  274. return theArr;
  275. }}
  276. />
  277. </div>
  278. {this.state.visible1 && <Modal
  279. maskClosable={false}
  280. visible={this.state.visible1}
  281. onOk={()=>{
  282. this.setState({
  283. visible1:false
  284. })
  285. }}
  286. onCancel={()=>{
  287. this.setState({
  288. visible1:false
  289. })
  290. }}
  291. width='1600px'
  292. title='欠款催收列表'
  293. footer=''
  294. className="admin-desc-content">
  295. <div className="user-content">
  296. <TabelContent
  297. searchList={this.searchList1()}
  298. columns={this.state.columns1}
  299. tabelApi={'/api/admin/newOrder/dunOrderNewList'}
  300. query={{
  301. specially:1,
  302. newStatus:1,
  303. aid:this.state.aid
  304. }}
  305. dataProcessing={(data)=>{
  306. let theArr = [];
  307. for (let i = 0; i < data.data.list.length; i++) {
  308. let thisdata = data.data.list[i];
  309. thisdata.key=(data.data.pageNo - 1) * data.data.pageSize + i + 1;
  310. theArr.push(thisdata);
  311. }
  312. return theArr;
  313. }}
  314. />
  315. </div>
  316. </Modal>}
  317. </Modal>
  318. </div>
  319. )
  320. }
  321. }
  322. export default DetailedList;