detailedList.jsx 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359
  1. import React,{ Component } from 'react';
  2. import {
  3. Modal,
  4. Select,
  5. } from "antd";
  6. import { provinceList} from '@/NewDicProvinceList';
  7. import './index.less';
  8. import TabelContent from "../../../../common/tabelContent";
  9. class DetailedList extends Component{
  10. constructor(props) {
  11. super(props);
  12. this.state= {
  13. columns: [
  14. {
  15. title: "编号",
  16. dataIndex: "key",
  17. key: "key",
  18. },
  19. {
  20. title: "排名",
  21. dataIndex: "p",
  22. key: "p",
  23. },
  24. {
  25. title: "订单部门",
  26. dataIndex: "b",
  27. key: "b",
  28. },
  29. {
  30. title: "签单人",
  31. dataIndex: "r",
  32. key: "r",
  33. },
  34. {
  35. title: "总单量(个)",
  36. dataIndex: "nickname",
  37. key: "nickname",
  38. className: 'projectTable',
  39. width: 150,
  40. onCellClick: (record, event) => {
  41. event.stopPropagation();
  42. this.setState({
  43. status: 0,
  44. visible1: true,
  45. aid: record.aid
  46. })
  47. },
  48. },
  49. {
  50. title: "总签单额(万元)",
  51. dataIndex: "nickname",
  52. key: "nickname",
  53. className: 'projectTable',
  54. width: 150,
  55. onCellClick: (record, event) => {
  56. event.stopPropagation();
  57. this.setState({
  58. status: 1,
  59. visible1: true,
  60. aid: record.aid
  61. })
  62. },
  63. },
  64. {
  65. title: "年度完成率",
  66. dataIndex: "l",
  67. key: "l",
  68. className: 'projectTable',
  69. width: 150,
  70. onCellClick: (record, event) => {
  71. event.stopPropagation();
  72. this.setState({
  73. status: 2,
  74. visible1: true,
  75. aid: record.aid
  76. })
  77. },
  78. },
  79. ],
  80. columns1: [
  81. {
  82. title: "合同编号",
  83. dataIndex: "key",
  84. key: "key",
  85. },
  86. {
  87. title: "订单编号",
  88. dataIndex: "key",
  89. key: "key",
  90. },
  91. {
  92. title: "客户名称",
  93. dataIndex: "key",
  94. key: "key",
  95. },
  96. {
  97. title: "订单部门",
  98. dataIndex: "key",
  99. key: "key",
  100. },
  101. {
  102. title: "下单时间",
  103. dataIndex: "key",
  104. key: "key",
  105. },
  106. {
  107. title: "合同签订时间",
  108. dataIndex: "key",
  109. key: "key",
  110. },
  111. {
  112. title: "流程状态",
  113. dataIndex: "key",
  114. key: "key",
  115. },
  116. {
  117. title: "签单金额(万元)",
  118. dataIndex: "key",
  119. key: "key",
  120. },
  121. {
  122. title: "开票金额(万元)",
  123. dataIndex: "key",
  124. key: "key",
  125. },
  126. {
  127. title: "已收款(万元)",
  128. dataIndex: "key",
  129. key: "key",
  130. },
  131. {
  132. title: "结算状态",
  133. dataIndex: "key",
  134. key: "key",
  135. },
  136. {
  137. title: "是否特批",
  138. dataIndex: "key",
  139. key: "key",
  140. },
  141. {
  142. title: "订单状态",
  143. dataIndex: "key",
  144. key: "key",
  145. },
  146. {
  147. title: "财务负责人",
  148. dataIndex: "key",
  149. key: "key",
  150. },
  151. ],
  152. }
  153. }
  154. searchList(){
  155. let arr = [
  156. {
  157. type:'departmentSelect',
  158. dataKey:'departmentId',
  159. placeholder:'请选择部门'
  160. },
  161. {
  162. type:'text',
  163. dataKey:'super',
  164. placeholder:'请输入订单编号'
  165. },
  166. {
  167. type:'times',
  168. title:'下单时间',
  169. dataKey:['startTime','endTime'],
  170. },
  171. {
  172. type:'times',
  173. title:'合同时间',
  174. dataKey:['startTime1','endTime1'],
  175. },
  176. {
  177. type:'select',
  178. dataKey:'superId',
  179. placeholder:'请选择排序',
  180. selectList:[
  181. {
  182. value:'1',
  183. label:'按总签单排序'
  184. },
  185. {
  186. value:'0',
  187. label:'否'
  188. }
  189. ]
  190. },
  191. {
  192. type:'select',
  193. dataKey:'province',
  194. placeholder:'请选择省份',
  195. selectOptionList:()=>{
  196. let Province = [];
  197. provinceList.map(function(item) {
  198. let id = String(item.id)
  199. Province.push(
  200. <Select.Option value={id} key={item.name}>{item.name}</Select.Option>
  201. )
  202. });
  203. return Province
  204. },
  205. }
  206. ]
  207. return arr;
  208. }
  209. searchList1(){
  210. let arr = [
  211. {
  212. type:'text',
  213. dataKey:'super',
  214. placeholder:'请输入订单编号'
  215. },
  216. {
  217. type:'text',
  218. dataKey:'name',
  219. placeholder:'请输入客户名称'
  220. },
  221. {
  222. type:'departmentSelect',
  223. dataKey:'departmentId',
  224. placeholder:'请选择部门'
  225. },
  226. {
  227. type:'text',
  228. dataKey:'bianhao',
  229. placeholder:'请输入合同编号'
  230. },
  231. {
  232. type:'select',
  233. dataKey:'2',
  234. placeholder:'请选择结算状态',
  235. selectList:[
  236. {
  237. value:'1',
  238. label:'按总签单排序'
  239. },
  240. {
  241. value:'0',
  242. label:'否'
  243. }
  244. ]
  245. },
  246. {
  247. type:'select',
  248. dataKey:'1',
  249. placeholder:'请选择特批状态',
  250. selectList:[
  251. {
  252. value:'1',
  253. label:'按总签单排序'
  254. },
  255. {
  256. value:'0',
  257. label:'否'
  258. }
  259. ]
  260. },
  261. {
  262. type:'select',
  263. dataKey:'1',
  264. placeholder:'请选择签单金额',
  265. selectList:[
  266. {
  267. value:'1',
  268. label:'按总签单排序'
  269. },
  270. {
  271. value:'0',
  272. label:'否'
  273. }
  274. ]
  275. },
  276. {
  277. type:'times',
  278. title:'下单时间',
  279. dataKey:['startTime','endTime'],
  280. },
  281. ]
  282. return arr;
  283. }
  284. render() {
  285. return (
  286. <div>
  287. <Modal
  288. maskClosable={false}
  289. visible={this.props.visible}
  290. onOk={this.props.onCancel}
  291. onCancel={this.props.onCancel}
  292. width='1200px'
  293. title='内蒙签单统计表'
  294. footer=''
  295. className="admin-desc-content">
  296. <div className="user-content">
  297. <TabelContent
  298. searchList={this.searchList()}
  299. columns={this.state.columns}
  300. tabelApi={'/api/admin/newOrder/provinceStatisticsList'}
  301. exportApi={'/api/admin/release/publicReleaseDtails/export'}
  302. dataProcessing={(data)=>{
  303. let theArr = [];
  304. for (let i = 0; i < data.data.list.length; i++) {
  305. let thisdata = data.data.list[i];
  306. thisdata.key=(data.data.pageNo - 1) * data.data.pageSize + i + 1;
  307. theArr.push(thisdata);
  308. }
  309. return theArr;
  310. }}
  311. />
  312. </div>
  313. <Modal
  314. maskClosable={false}
  315. visible={this.state.visible1}
  316. onOk={()=>{
  317. this.setState({
  318. visible1:false
  319. })
  320. }}
  321. onCancel={()=>{
  322. this.setState({
  323. visible1:false
  324. })
  325. }}
  326. width='1200px'
  327. title='部门订单'
  328. footer=''
  329. className="admin-desc-content">
  330. <div className="user-content">
  331. <TabelContent
  332. searchList={this.searchList1()}
  333. columns={this.state.columns1}
  334. tabelApi={'/api/admin/newOrder/orderNewList'}
  335. exportApi={'/api/admin/newOrder/statisticsListExprot'}
  336. dataProcessing={(data)=>{
  337. let theArr = [];
  338. for (let i = 0; i < data.data.list.length; i++) {
  339. let thisdata = data.data.list[i];
  340. thisdata.key=(data.data.pageNo - 1) * data.data.pageSize + i + 1;
  341. theArr.push(thisdata);
  342. }
  343. return theArr;
  344. }}
  345. />
  346. </div>
  347. </Modal>
  348. </Modal>
  349. </div>
  350. )
  351. }
  352. }
  353. export default DetailedList;