projectOrderDetaile.jsx 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737
  1. import React from 'react';
  2. import { Icon, Table, Modal, message, Spin, Input, Select, Button, Form ,Upload,Popconfirm,AutoComplete} from 'antd';
  3. import ajax from 'jquery/src/ajax/xhr.js';
  4. import $ from 'jquery/src/ajax';
  5. import '../userMangagement.less';
  6. import {getApprovedState,getPaymentState,getOrderState,getProjectState,getOrderChannel,getOrderType,getTransactionProject,getTransactionChannel} from '../../../../tools.js';
  7. const MySettlementDetaile = Form.create()(React.createClass({
  8. loadData(record) {
  9. this.state.data = [];
  10. this.setState({
  11. loading: true
  12. });
  13. $.ajax({
  14. method: "get",
  15. dataType: "json",
  16. crossDomain: false,
  17. url: globalConfig.context + '/api/admin/order/getOrderCommodity',
  18. data: {
  19. orderNo:record?record.orderNo:this.props.datauser.orderNo
  20. },
  21. success: function (data) {
  22. let theArr = [];
  23. if (!data.data) {
  24. if (data.error && data.error.length) {
  25. message.warning(data.error[0].message);
  26. };
  27. } else {
  28. for (let i = 0; i < data.data.length; i++) {
  29. let thisdata = data.data[i];
  30. theArr.push({
  31. key: i,
  32. id:thisdata.id,
  33. orderNo:thisdata.orderNo,
  34. commodityName:thisdata.commodityName,
  35. commodityType:thisdata.commodityType,
  36. commodityMode:thisdata.commodityMode,
  37. commodityQuantity:thisdata.commodityQuantity,
  38. commodityPrice:thisdata.commodityPrice,
  39. discountPrice:thisdata.discountPrice,
  40. commodityFirstPayment:thisdata.commodityFirstPayment,
  41. createTimes:thisdata.createTimes,
  42. discountFirstPayment:thisdata.discountFirstPayment,
  43. remarks:thisdata.remarks,
  44. });
  45. };
  46. }
  47. this.setState({
  48. dataSource: theArr,
  49. });
  50. }.bind(this),
  51. }).always(function () {
  52. this.setState({
  53. loading: false
  54. });
  55. }.bind(this));
  56. },
  57. getInitialState() {
  58. return {
  59. loading: false,
  60. visible: false,
  61. lookState:true,
  62. orgCodeUrl:[],
  63. lookflowList:[],
  64. checkedKeys: [],
  65. columns: [
  66. {
  67. title: '业务项目名称',
  68. dataIndex: 'commodityName',
  69. key: 'commodityName'
  70. }, {
  71. title: '项目类别',
  72. dataIndex: 'commodityType',
  73. key: 'commodityType',
  74. render:(text)=>{
  75. return (getOrderType(text))
  76. }
  77. },{
  78. title: '项目数量',
  79. dataIndex: 'commodityQuantity',
  80. key: 'commodityQuantity'
  81. }, {
  82. title: '服务市价(万元)',
  83. dataIndex: 'commodityPrice',
  84. key: 'commodityPrice'
  85. }, {
  86. title: '实签价格(万元)',
  87. dataIndex: 'discountPrice',
  88. key: 'discountPrice'
  89. }, {
  90. title: '下单时间',
  91. dataIndex: 'createTimes',
  92. key: 'createTimes'
  93. }, {
  94. title: '项目说明',
  95. dataIndex: 'remarks',
  96. key: 'remarks',
  97. render:(text)=>{
  98. return (text&&text.length>8?text.substr(0,8)+'…':text)
  99. }
  100. }
  101. ],
  102. userList:[
  103. {
  104. title: '用户编号',
  105. dataIndex: 'userNo',
  106. key: 'userNo'
  107. }, {
  108. title: '用户姓名',
  109. dataIndex: 'name',
  110. key: 'name'
  111. },{
  112. title: '部门机构',
  113. dataIndex: 'departmentName',
  114. key: 'departmentName'
  115. }, {
  116. title: '职务',
  117. dataIndex: 'position',
  118. key: 'position'
  119. },{
  120. title: '联系手机',
  121. dataIndex: 'mobile',
  122. key: 'mobile'
  123. }, {
  124. title: '操作',
  125. dataIndex: 'abc',
  126. key: 'abc',
  127. render:(text,record,index)=>{
  128. return (
  129. <Popconfirm title={'您确认指定【'+record.departmentName+'-'+record.name+'】为项目负责人?'} onConfirm={(e)=>{this.confirmSelect(record)}} okText="确认" cancelText="取消">
  130. <Button style={{marginRight:'5px'}} type="primary">选定</Button>
  131. </Popconfirm>
  132. )
  133. }
  134. }
  135. ],
  136. flowList:[
  137. {
  138. title: '平台流水号',
  139. dataIndex: 'billNo',
  140. key: 'billNo',
  141. }, {
  142. title: '平台流水时间',
  143. dataIndex: 'createTime',
  144. key: 'createTime'
  145. }, {
  146. title: '流水金额(万元)',
  147. dataIndex: 'transactionAmount',
  148. key: 'transactionAmount'
  149. },{
  150. title: '付款人名称',
  151. dataIndex: 'payerName',
  152. key: 'payerName'
  153. }, {
  154. title: '收款人名称',
  155. dataIndex: 'payeeName',
  156. key: 'payeeName'
  157. },
  158. {
  159. title: '流水科目',
  160. dataIndex: 'transactionSubject',
  161. key: 'transactionSubject',
  162. render:(text)=>{return getTransactionProject(text) }
  163. }, {
  164. title: '流水渠道',
  165. dataIndex: 'transactionChannel',
  166. key: 'transactionChannel',
  167. render:(text)=>{return getTransactionChannel(text) }
  168. },{
  169. title: '财务流水号',
  170. dataIndex: 'financialPayNo',
  171. key: 'financialPayNo',
  172. }, {
  173. title: '财务流水时间',
  174. dataIndex: 'financialPayTime',
  175. key: 'financialPayTime',
  176. }, {
  177. title: '流水确认',
  178. dataIndex: 'confirmSign',
  179. key: 'confirmSign',
  180. render:(text)=>{return text?'已确认':'待确认' }
  181. },{
  182. title: '确认时间',
  183. dataIndex: 'confirmTime',
  184. key: 'confirmTime',
  185. }
  186. ]
  187. };
  188. },
  189. //查看基本详情基本信息
  190. loaduser(record){
  191. if(record){
  192. this.state.orderList=[]
  193. $.ajax({
  194. method: "get",
  195. dataType: "json",
  196. crossDomain: false,
  197. url: globalConfig.context + '/api/admin/order/getServiceOrderDetail',
  198. data: {
  199. orderNo: record
  200. },
  201. success: function (data) {
  202. let thisData = data.data;
  203. if (!thisData) {
  204. if (data.error && data.error.length) {
  205. message.warning(data.error[0].message);
  206. };
  207. thisData = {};
  208. };
  209. this.setState({
  210. id:thisData.id,
  211. orderList:thisData,
  212. orderAmount:thisData.orderAmount,
  213. firstPayment:thisData.firstPayment,
  214. signTotalAmount:thisData.signTotalAmount,
  215. signFirstPayment:thisData.signFirstPayment,
  216. approval:thisData.approval==0?thisData.approval.toString():thisData.approval,
  217. orderRemarks:thisData.orderRemarks,
  218. orgCodeUrl: thisData.orgCodeUrl ? splitUrl(thisData.orgCodeUrl, ',', globalConfig.avatarHost + '/upload') : [],
  219. //签单
  220. orderNo:thisData.orderNo,//订单编号
  221. buyerName:thisData.buyerName,
  222. });
  223. }.bind(this),
  224. }).always(function () {
  225. this.setState({
  226. loading: false
  227. });
  228. }.bind(this));
  229. }
  230. },
  231. handleOk(e) {
  232. this.setState({
  233. visible: false,
  234. });
  235. this.props.closeDesc(false, true);
  236. },
  237. handleCancel(e) {
  238. this.setState({
  239. visible: false,
  240. });
  241. this.props.closeDesc(false);
  242. },
  243. nextCancel() {
  244. this.setState({
  245. addnextVisible: false
  246. })
  247. },
  248. lookflow(){
  249. this.setState({
  250. loading: true,
  251. lookVisible:true,
  252. })
  253. this.state.lookSource=[];
  254. $.ajax({
  255. method: "get",
  256. dataType: "json",
  257. crossDomain: false,
  258. url: globalConfig.context +'/api/admin/order/getBillByOrderNo',
  259. data: {
  260. orderNo:this.props.datauser.orderNo,
  261. },
  262. success: function (data) {
  263. let theArr = [];
  264. if (!data.data) {
  265. if (data.error && data.error.length) {
  266. message.warning(data.error[0].message);
  267. };
  268. } else {
  269. for (let i = 0; i < data.data.length; i++) {
  270. let thisdata = data.data[i];
  271. theArr.push({
  272. key: i,
  273. billNo: thisdata.billNo,
  274. transactionAmount:thisdata.transactionAmount,
  275. createTime:thisdata.createTime,
  276. transactionAmount:thisdata.transactionAmount,
  277. payerName:thisdata.payerName,
  278. payeeName:thisdata.payeeName,
  279. transactionSubject:thisdata.transactionSubject,
  280. transactionChannel:thisdata.transactionChannel,
  281. financialPayNo:thisdata.financialPayNo,
  282. financialPayTime:thisdata.financialPayTime,
  283. orderNo:thisdata.orderNo,
  284. departmentName:thisdata.departmentName,
  285. salesmanName:thisdata.salesmanName,
  286. financeName:thisdata.financeName,
  287. confirmSign:thisdata.confirmSign,
  288. deleteSign:thisdata.deleteSign,
  289. confirmTime:thisdata.confirmTime
  290. });
  291. };
  292. };
  293. this.setState({
  294. lookflowList: theArr,
  295. });
  296. }.bind(this),
  297. }).always(function () {
  298. this.setState({
  299. loading: false
  300. });
  301. }.bind(this));
  302. },
  303. lookCancel(){
  304. this.setState({
  305. lookVisible:false
  306. })
  307. },
  308. tableRowClick(record, index) {
  309. this.setState({
  310. editFw:record,
  311. addnextVisible:true,
  312. });
  313. },
  314. /*
  315. * 选择负责人
  316. */
  317. //转交
  318. confirmDelet(index){
  319. this.setState({
  320. showDesc:false,
  321. distributionVisible:true
  322. });
  323. this.departmentList()
  324. },
  325. distributionCancel(){
  326. this.setState({
  327. distributionVisible:false
  328. })
  329. },
  330. //分配对象列表
  331. contactList(){
  332. $.ajax({
  333. method: "get",
  334. dataType: "json",
  335. crossDomain: false,
  336. url: globalConfig.context + '/api/admin/superviser/adminList',
  337. data: {
  338. pageNo: 1,
  339. pageSize: 99,
  340. departmentId:this.state.departmenttList,
  341. name:this.state.financeNameSearch,
  342. },
  343. success: function (data) {
  344. let theArr = [];
  345. if (!data.data) {
  346. if (data.error && data.error.length) {
  347. message.warning(data.error[0].message);
  348. };
  349. } else {
  350. for (let i = 0; i < data.data.list.length; i++) {
  351. let thisdata = data.data.list[i];
  352. theArr.push({
  353. key: i,
  354. id: thisdata.id,
  355. userNo: thisdata.userNo,
  356. name:thisdata.name,
  357. departmentName:thisdata.departmentName,
  358. departmentId:thisdata.departmentId,
  359. position:thisdata.position,
  360. mobile:thisdata.mobile,
  361. });
  362. };
  363. };
  364. this.setState({
  365. distributionList: theArr,
  366. });
  367. }.bind(this),
  368. }).always(function () {
  369. this.setState({
  370. loading: false
  371. });
  372. }.bind(this));
  373. },
  374. //选定对象
  375. confirmSelect(record){
  376. this.setState({
  377. loading: true
  378. });
  379. $.ajax({
  380. method: "POST",
  381. dataType: "json",
  382. crossDomain: false,
  383. url: globalConfig.context + "/api/admin/order/transferOrder",
  384. data: {
  385. orderNo:this.state.orderNo,
  386. aid:record.id,
  387. targetType:2
  388. }
  389. }).done(function (data) {
  390. if (!data.error.length) {
  391. message.success('转交成功!');
  392. this.setState({
  393. loading: false,
  394. });
  395. this.distributionCancel();
  396. this.loaduser(this.state.orderNo);
  397. } else {
  398. message.warning(data.error[0].message);
  399. };
  400. }.bind(this));
  401. },
  402. //部门
  403. departmentList() {
  404. this.setState({
  405. loading: true
  406. });
  407. $.ajax({
  408. method: "post",
  409. dataType: "json",
  410. crossDomain: false,
  411. url: globalConfig.context + "/api/admin/organization/selectSuperId",
  412. data: {
  413. },
  414. success: function(data) {
  415. let thedata = data.data;
  416. let theArr=[];
  417. if(!thedata) {
  418. if(data.error && data.error.length) {
  419. message.warning(data.error[0].message);
  420. };
  421. thedata = {};
  422. }else{
  423. thedata.map(function(item,index){
  424. theArr.push({
  425. key:index,
  426. name:item.name,
  427. id:item.id,
  428. })
  429. })
  430. }
  431. this.setState({
  432. departmentArr:theArr,
  433. })
  434. }.bind(this),
  435. }).always(function() {
  436. this.setState({
  437. loading: false
  438. });
  439. }.bind(this));
  440. },
  441. searchOrder(){
  442. this.contactList();
  443. },
  444. resetOrder(){
  445. this.state.departmenttList=undefined;
  446. this.state.financeNameSearch='';
  447. this.setState({
  448. distributionList:[]
  449. });
  450. },
  451. componentWillMount() {
  452. },
  453. componentWillReceiveProps(nextProps) { //props改变时触发
  454. this.state.visible = nextProps.showDesc;
  455. if(nextProps.userDetaile && nextProps.showDesc ) {
  456. this.loaduser(nextProps.datauser.orderNo);
  457. this.loadData(nextProps.datauser);
  458. }
  459. },
  460. render() {
  461. const FormItem = Form.Item;
  462. let departmentArr = this.state.departmentArr || [];
  463. const formItemLayout = {
  464. labelCol: { span: 8 },
  465. wrapperCol: { span: 14 },
  466. };
  467. const editFws=this.state.editFw || [];
  468. const orderDetaiel=this.state.orderList || [];
  469. return(
  470. <div>
  471. <Modal maskClosable={false} visible={this.state.visible}
  472. onOk={this.handleOk} onCancel={this.handleCancel}
  473. width='1000px'
  474. title='订单详情'
  475. footer=''
  476. className="admin-desc-content">
  477. <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} >
  478. <Spin spinning={this.state.loading}>
  479. <div className="clearfix">
  480. <div className="clearfix">
  481. <FormItem className="half-item"
  482. {...formItemLayout}
  483. label="订单编号" >
  484. <span>{orderDetaiel.orderNo}</span>
  485. </FormItem>
  486. <FormItem className="half-item"
  487. {...formItemLayout}
  488. label="下单时间" >
  489. <span>{orderDetaiel.createTime}</span>
  490. </FormItem>
  491. <FormItem className="half-item"
  492. {...formItemLayout}
  493. label="客户名称" >
  494. <span>{orderDetaiel.buyerName}</span>
  495. </FormItem>
  496. <FormItem className="half-item"
  497. {...formItemLayout}
  498. label="订单类型" >
  499. <span>{getOrderType(orderDetaiel.orderType)}</span>
  500. </FormItem>
  501. <FormItem className="half-item"
  502. {...formItemLayout}
  503. label="订单渠道" >
  504. <span>{getOrderChannel(orderDetaiel.orderChannel)}</span>
  505. </FormItem>
  506. <FormItem className="half-item"
  507. {...formItemLayout}
  508. label="订单状态" >
  509. <span>{getOrderState(orderDetaiel.orderStatus)}</span>
  510. </FormItem>
  511. <FormItem className="half-item"
  512. {...formItemLayout}
  513. label="已收款项" >
  514. <span>{orderDetaiel.actuallyTotalAmount+'万元'}</span>
  515. </FormItem>
  516. <FormItem className="half-item"
  517. {...formItemLayout}
  518. label="结算状态" >
  519. <span>{getPaymentState(orderDetaiel.liquidationStatus)}</span>
  520. </FormItem>
  521. <FormItem className="half-item"
  522. {...formItemLayout}
  523. label="市价订单金额" >
  524. <span>{orderDetaiel.orderAmount+'万元'}</span>
  525. </FormItem>
  526. <FormItem className="half-item"
  527. {...formItemLayout}
  528. label="市价首款金额" >
  529. <span>{orderDetaiel.firstPayment+'万元'}</span>
  530. </FormItem>
  531. <div className='clearfix'>
  532. <FormItem className="half-item"
  533. {...formItemLayout}
  534. label="实签订单金额" >
  535. <span>{orderDetaiel.signTotalAmount+'万元'}</span>
  536. </FormItem>
  537. <FormItem className="half-item"
  538. {...formItemLayout}
  539. label="实签首款金额" >
  540. <span>{orderDetaiel.signFirstPayment+'万元'}</span>
  541. </FormItem>
  542. <FormItem className="half-item"
  543. {...formItemLayout}
  544. label="特批立项" >
  545. <span>{getApprovedState(orderDetaiel.approval)}</span>
  546. </FormItem>
  547. <FormItem className="half-item"
  548. {...formItemLayout}
  549. label="合同编号" >
  550. <span>{orderDetaiel.contractNo}</span>
  551. </FormItem>
  552. <div className='clearfix'>
  553. <FormItem
  554. labelCol={{ span: 4 }}
  555. wrapperCol={{ span: 16 }}
  556. label="订单留言" >
  557. <span>{orderDetaiel.orderRemarks}</span>
  558. </FormItem>
  559. </div>
  560. </div>
  561. </div>
  562. <div className='clearfix'>
  563. <FormItem className="half-item"
  564. {...formItemLayout}
  565. label="订单负责人" >
  566. <span>{orderDetaiel.salesmanName}</span>
  567. </FormItem>
  568. <FormItem className="half-item"
  569. {...formItemLayout}
  570. label="业务品类" >
  571. <span>{orderDetaiel.projectType}</span>
  572. </FormItem>
  573. </div>
  574. <div className='clearfix'>
  575. <FormItem className="half-item"
  576. {...formItemLayout}
  577. label="意向时间" >
  578. <span>{orderDetaiel.createTime}</span>
  579. </FormItem>
  580. <FormItem className="half-item"
  581. {...formItemLayout}
  582. label="签单时间" >
  583. <span>{orderDetaiel.signTime}</span>
  584. </FormItem>
  585. <FormItem className="half-item"
  586. {...formItemLayout}
  587. label="财务负责人" >
  588. <span>{orderDetaiel.financeName}</span>
  589. <Button onClick={this.lookflow} style={{float:'right'}}>查看流水</Button>
  590. </FormItem>
  591. <FormItem className="half-item"
  592. {...formItemLayout}
  593. label="项目负责人" >
  594. <span>{orderDetaiel.technicianName}</span>
  595. {!orderDetaiel.technicianName?<Button onClick={this.confirmDelet} style={{float:'right'}}>选择负责人</Button>:''}
  596. </FormItem>
  597. <FormItem className="half-item"
  598. {...formItemLayout}
  599. label="立项时间" >
  600. <span>{orderDetaiel.setUpTime}</span>
  601. </FormItem>
  602. <FormItem className="half-item"
  603. {...formItemLayout}
  604. label="项目状态" >
  605. <span>{getProjectState(orderDetaiel.projectStage)}</span>
  606. </FormItem>
  607. </div>
  608. <div>
  609. <span style={{marginLeft:'50px',fontSize:'20px'}}>业务项目</span>
  610. </div>
  611. <div className="patent-table">
  612. <Spin spinning={this.state.loading}>
  613. <Table columns={this.state.columns}
  614. dataSource={this.state.dataSource}
  615. pagination={false}
  616. onRowClick={this.tableRowClick}
  617. />
  618. </Spin>
  619. </div>
  620. </div>
  621. </Spin>
  622. </Form >
  623. </Modal>
  624. <Modal maskClosable={false} visible={this.state.addnextVisible}
  625. onOk={this.nextCancel} onCancel={this.nextCancel}
  626. width='550px'
  627. title='查看项目详细'
  628. footer=''
  629. className="admin-desc-content">
  630. <Form layout="horizontal" id="demand-form">
  631. <Spin spinning={this.state.loading}>
  632. <div className="clearfix">
  633. <FormItem className="half-item"
  634. {...formItemLayout}
  635. label="业务项目名称" >
  636. <span>{editFws.commodityName}</span>
  637. </FormItem>
  638. <FormItem className="half-item"
  639. {...formItemLayout}
  640. label="服务市价" >
  641. <span>{editFws.commodityPrice+'万元'}</span>
  642. </FormItem>
  643. <FormItem className="half-item"
  644. {...formItemLayout}
  645. label="实签价格" >
  646. <span>{editFws.discountPrice+'万元'}</span>
  647. </FormItem>
  648. <FormItem className="half-item"
  649. {...formItemLayout}
  650. label="服务数量" >
  651. <span>{editFws.commodityQuantity}</span>
  652. </FormItem>
  653. <FormItem className="half-item"
  654. {...formItemLayout}
  655. label="市场首付金额" >
  656. <span>{editFws.commodityFirstPayment+'万元'}</span>
  657. </FormItem>
  658. <FormItem className="half-item"
  659. {...formItemLayout}
  660. label="签单首付金额" >
  661. <span>{editFws.discountFirstPayment+'万元'}</span>
  662. </FormItem>
  663. <div className='clearfix'>
  664. <FormItem
  665. labelCol={{ span: 4 }}
  666. wrapperCol={{ span: 16 }}
  667. label="项目说明" >
  668. <span>{editFws.remarks}</span>
  669. </FormItem>
  670. </div>
  671. </div>
  672. </Spin>
  673. </Form >
  674. </Modal>
  675. <Modal maskClosable={false} visible={this.state.lookVisible}
  676. onOk={this.lookCancel} onCancel={this.lookCancel}
  677. width='1300px'
  678. title= '查看流水'
  679. footer=''
  680. className="admin-desc-content">
  681. <Form layout="horizontal" id="demand-form">
  682. <Spin spinning={this.state.loading}>
  683. <div className="clearfix">
  684. <Table columns={this.state.flowList}
  685. dataSource={this.state.lookflowList}
  686. pagination={false}
  687. />
  688. </div>
  689. </Spin>
  690. </Form >
  691. </Modal>
  692. <Modal maskClosable={false} visible={this.state.distributionVisible}
  693. onOk={this.distributionCancel} onCancel={this.distributionCancel}
  694. width='800px'
  695. title='请选择'
  696. footer=''
  697. className="admin-desc-content">
  698. <Form layout="horizontal" onSubmit={this.handleSubmit} id="demand-form" style={{paddingBottom:'40px'}} >
  699. <Spin spinning={this.state.loading}>
  700. <div>
  701. <Select placeholder="订单部门"
  702. style={{ width: 150 ,marginRight:'10px',marginLeft:'10px'}}
  703. value={this.state.departmenttList}
  704. onChange={(e) => { this.setState({ departmenttList: e }) }}>
  705. {
  706. departmentArr.map(function (item) {
  707. return <Select.Option key={item.id} >{item.name}</Select.Option>
  708. })
  709. }
  710. </Select>
  711. <Input placeholder="项目负责人" style={{width:'150px',marginLeft:'10px'}}
  712. value={this.state.financeNameSearch}
  713. onChange={(e) => { this.setState({ financeNameSearch: e.target.value }); }} />
  714. <Button type="primary" onClick={this.searchOrder} style={{marginLeft:'10px',marginRight:'10px'}}>搜索</Button>
  715. <Button onClick={this.resetOrder}>重置</Button>
  716. </div>
  717. <div className="patent-table" style={{marginTop:'10px'}}>
  718. <Spin spinning={this.state.loading}>
  719. <Table columns={this.state.userList}
  720. dataSource={this.state.distributionList}
  721. pagination={false}
  722. />
  723. </Spin>
  724. </div>
  725. </Spin>
  726. </Form>
  727. </Modal>
  728. </div>
  729. )
  730. }
  731. }));
  732. export default MySettlementDetaile;