mySettlementDetaile.jsx 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864
  1. import React from 'react';
  2. import { Icon, Table, Modal, message, Spin, Input, Select, Button, Form ,Upload,Popconfirm,AutoComplete,Radio} 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,getChangeState,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. contractState:false,
  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. flowList:[
  103. {
  104. title: '平台流水号',
  105. dataIndex: 'billNo',
  106. key: 'billNo',
  107. }, {
  108. title: '平台流水时间',
  109. dataIndex: 'createTime',
  110. key: 'createTime'
  111. }, {
  112. title: '流水金额(万元)',
  113. dataIndex: 'transactionAmount',
  114. key: 'transactionAmount'
  115. },{
  116. title: '付款人名称',
  117. dataIndex: 'payerName',
  118. key: 'payerName'
  119. }, {
  120. title: '收款人名称',
  121. dataIndex: 'payeeName',
  122. key: 'payeeName'
  123. },
  124. {
  125. title: '流水科目',
  126. dataIndex: 'transactionSubject',
  127. key: 'transactionSubject',
  128. render:(text)=>{return getTransactionProject(text) }
  129. }, {
  130. title: '流水渠道',
  131. dataIndex: 'transactionChannel',
  132. key: 'transactionChannel',
  133. render:(text)=>{return getTransactionChannel(text) }
  134. },{
  135. title: '财务流水号',
  136. dataIndex: 'financialPayNo',
  137. key: 'financialPayNo',
  138. }, {
  139. title: '财务流水时间',
  140. dataIndex: 'financialPayTime',
  141. key: 'financialPayTime',
  142. }, {
  143. title: '流水确认',
  144. dataIndex: 'confirmSign',
  145. key: 'confirmSign',
  146. render:(text)=>{return text?'已确认':'待确认' }
  147. },{
  148. title: '确认时间',
  149. dataIndex: 'confirmTime',
  150. key: 'confirmTime',
  151. }
  152. ]
  153. };
  154. },
  155. //查看基本详情基本信息
  156. loaduser(record){
  157. if(record){
  158. this.state.orderList=[]
  159. $.ajax({
  160. method: "get",
  161. dataType: "json",
  162. crossDomain: false,
  163. url: globalConfig.context + '/api/admin/order/getServiceOrderDetail',
  164. data: {
  165. orderNo: record.orderNo
  166. },
  167. success: function (data) {
  168. let thisData = data.data;
  169. if (!thisData) {
  170. if (data.error && data.error.length) {
  171. message.warning(data.error[0].message);
  172. };
  173. thisData = {};
  174. };
  175. this.setState({
  176. orderType:thisData.orderType,
  177. id:thisData.id,
  178. contractNo:thisData.contractNo,
  179. orderList:thisData,
  180. orderAmount:thisData.orderAmount,
  181. firstPayment:thisData.firstPayment,
  182. signTotalAmount:thisData.signTotalAmount,
  183. signFirstPayment:thisData.signFirstPayment,
  184. approval:thisData.approval==0?thisData.approval.toString():thisData.approval,
  185. orderRemarks:thisData.orderRemarks,
  186. orgCodeUrl: thisData.orgCodeUrl ? splitUrl(thisData.orgCodeUrl, ',', globalConfig.avatarHost + '/upload') : [],
  187. //签单
  188. orderNo:thisData.orderNo,//订单编号
  189. buyerName:thisData.buyerName,
  190. });
  191. }.bind(this),
  192. }).always(function () {
  193. this.setState({
  194. loading: false
  195. });
  196. }.bind(this));
  197. }
  198. },
  199. handleOk(e) {
  200. this.setState({
  201. visible: false,
  202. });
  203. this.props.closeDesc(false, true);
  204. },
  205. handleCancel(e) {
  206. this.setState({
  207. visible: false,
  208. });
  209. this.props.closeDesc(false);
  210. },
  211. componentWillMount() {
  212. },
  213. nextCancel() {
  214. this.setState({
  215. addnextVisible: false
  216. })
  217. },
  218. lookflow(){
  219. this.setState({
  220. loading: true,
  221. lookVisible:true,
  222. })
  223. this.state.lookSource=[];
  224. $.ajax({
  225. method: "get",
  226. dataType: "json",
  227. crossDomain: false,
  228. url: globalConfig.context +'/api/admin/order/getBillByOrderNo',
  229. data: {
  230. orderNo:this.props.datauser.orderNo,
  231. },
  232. success: function (data) {
  233. let theArr = [];
  234. if (!data.data) {
  235. if (data.error && data.error.length) {
  236. message.warning(data.error[0].message);
  237. };
  238. } else {
  239. for (let i = 0; i < data.data.length; i++) {
  240. let thisdata = data.data[i];
  241. theArr.push({
  242. key: i,
  243. billNo: thisdata.billNo,
  244. transactionAmount:thisdata.transactionAmount,
  245. createTime:thisdata.createTime,
  246. transactionAmount:thisdata.transactionAmount,
  247. payerName:thisdata.payerName,
  248. payeeName:thisdata.payeeName,
  249. transactionSubject:thisdata.transactionSubject,
  250. transactionChannel:thisdata.transactionChannel,
  251. financialPayNo:thisdata.financialPayNo,
  252. financialPayTime:thisdata.financialPayTime,
  253. orderNo:thisdata.orderNo,
  254. departmentName:thisdata.departmentName,
  255. salesmanName:thisdata.salesmanName,
  256. financeName:thisdata.financeName,
  257. confirmSign:thisdata.confirmSign,
  258. deleteSign:thisdata.deleteSign,
  259. confirmTime:thisdata.confirmTime
  260. });
  261. };
  262. };
  263. this.setState({
  264. lookflowList: theArr,
  265. });
  266. }.bind(this),
  267. }).always(function () {
  268. this.setState({
  269. loading: false
  270. });
  271. }.bind(this));
  272. },
  273. //保存合同编号
  274. subContract(e) {
  275. e.preventDefault();
  276. this.setState({
  277. loading: true
  278. });
  279. let api='/api/admin/order/updateServiceOrder';
  280. $.ajax({
  281. method: "POST",
  282. dataType: "json",
  283. crossDomain: false,
  284. url: globalConfig.context + api,
  285. data:{
  286. orderNo:this.state.orderNo,
  287. contractNo:this.state.contractNo,
  288. signTotalAmount:this.state.signTotalAmount,
  289. signFirstPayment:this.state.signFirstPayment,
  290. }
  291. }).done(function(data) {
  292. this.setState({
  293. loading: false
  294. });
  295. if(!data.error.length) {
  296. message.success('保存成功!');
  297. this.handleOk()
  298. } else {
  299. message.warning(data.error[0].message);
  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. addChange(){
  317. this.setState({
  318. addChangeState:true,
  319. stateAdd:1,
  320. changeRemarks:''
  321. })
  322. },
  323. //产看变更记录
  324. lookChange(){
  325. this.setState({
  326. addChangeState:true,
  327. stateAdd:0
  328. })
  329. this.lookChangeData()
  330. },
  331. //查看变更列表修改变更
  332. modifyChangeCancel(){
  333. this.setState({
  334. modifyChangeState:false
  335. })
  336. },
  337. //获取变更记录
  338. lookChangeData(){
  339. this.setState({
  340. loading:true
  341. });
  342. $.ajax({
  343. method: "get",
  344. dataType: "json",
  345. crossDomain: false,
  346. url: globalConfig.context +'/api/admin/order/viewOrderChange',
  347. data: {
  348. orderNo:this.props.datauser.orderNo,
  349. },
  350. success: function (data) {
  351. let theArr = [];
  352. if (!data.data) {
  353. if (data.error && data.error.length) {
  354. message.warning(data.error[0].message);
  355. };
  356. } else {
  357. for (let i = 0; i < data.data.length; i++) {
  358. theArr = data.data;
  359. };
  360. };
  361. this.setState({
  362. changeHtml: theArr,
  363. });
  364. }.bind(this),
  365. }).always(function () {
  366. this.setState({
  367. loading: false
  368. });
  369. }.bind(this));
  370. },
  371. //添加变更状态
  372. addChangeCancel(){
  373. this.setState({
  374. addChangeState:false
  375. })
  376. },
  377. //新建变更
  378. subChangeState(e){
  379. e.preventDefault();
  380. this.setState({
  381. loading: true
  382. });
  383. $.ajax({
  384. method: "POST",
  385. dataType: "json",
  386. crossDomain: false,
  387. url: globalConfig.context +'/api/admin/order/addOrderChange' ,
  388. data: {
  389. orderNo:this.props.datauser.orderNo,
  390. changeComment:this.state.changeRemarks
  391. }
  392. }).done(function(data) {
  393. this.setState({
  394. loading: false
  395. });
  396. if(!data.error.length) {
  397. message.success('保存成功!');
  398. this.addChangeCancel();
  399. this.loaduser();
  400. } else {
  401. message.warning(data.error[0].message);
  402. }
  403. }.bind(this));
  404. },
  405. //查看修改变更
  406. modifyChange(item){
  407. this.setState({
  408. modifyChangeState:true,
  409. changePromoter:item.creater,
  410. changeTime:item.createTime,
  411. changeState:item.changeStatus,
  412. changeRemarks:item.changeComment,
  413. idt:item.changeId,
  414. orderNot:item.orderNo
  415. })
  416. },
  417. //删除变更
  418. modifyDelete(item){
  419. this.setState({
  420. loading: true
  421. });
  422. $.ajax({
  423. method: "get",
  424. dataType: "json",
  425. crossDomain: false,
  426. url: globalConfig.context +'/api/admin/order/deleteOrderChange' ,
  427. data: {
  428. changeId:item.changeId,
  429. }
  430. }).done(function(data) {
  431. this.setState({
  432. loading: false
  433. });
  434. if(!data.error.length) {
  435. message.success('删除成功!');
  436. this.lookChangeData();
  437. this.loaduser()
  438. } else {
  439. message.warning(data.error[0].message);
  440. }
  441. }.bind(this));
  442. },
  443. //修改变更保存
  444. changeModify(e){
  445. e.preventDefault();
  446. this.setState({
  447. loading: true
  448. });
  449. $.ajax({
  450. method: "POST",
  451. dataType: "json",
  452. crossDomain: false,
  453. url: globalConfig.context +'/api/admin/order/updateOrderChange' ,
  454. data: {
  455. changeId:this.state.idt,
  456. changeStatus:this.state.changeState,
  457. changeComment:this.state.changeRemarks
  458. }
  459. }).done(function(data) {
  460. this.setState({
  461. loading: false
  462. });
  463. if(!data.error.length) {
  464. message.success('保存成功!');
  465. this.modifyChangeCancel();
  466. this.lookChangeData();
  467. this.loaduser(this.props.datauser)
  468. } else {
  469. message.warning(data.error[0].message);
  470. }
  471. }.bind(this));
  472. },
  473. /*-----变更操作结束----*/
  474. componentWillReceiveProps(nextProps) { //props改变时触发
  475. this.state.visible = nextProps.showDesc;
  476. if(nextProps.userDetaile && nextProps.showDesc ) {
  477. this.loaduser(nextProps.datauser);
  478. this.loadData(nextProps.datauser);
  479. }
  480. },
  481. render() {
  482. const FormItem = Form.Item
  483. const formItemLayout = {
  484. labelCol: { span: 8 },
  485. wrapperCol: { span: 14 },
  486. };
  487. const changeHtml=this.state.changeHtml ||[];
  488. const editFws=this.state.editFw || [];
  489. const orderDetaiel=this.state.orderList || [];
  490. return(
  491. <div>
  492. <Modal maskClosable={false} visible={this.state.visible}
  493. onOk={this.handleOk} onCancel={this.handleCancel}
  494. width='1000px'
  495. title='查看订单详情'
  496. footer=''
  497. className="admin-desc-content">
  498. <Form layout="horizontal" id="demand-form" style={{paddingBottom:'40px'}} >
  499. <Spin spinning={this.state.loading}>
  500. <div className="clearfix">
  501. <div className="clearfix">
  502. <FormItem className="half-item"
  503. {...formItemLayout}
  504. label="订单编号" >
  505. <span>{orderDetaiel.orderNo}</span>
  506. </FormItem>
  507. <FormItem className="half-item"
  508. {...formItemLayout}
  509. label="下单时间" >
  510. <span>{orderDetaiel.createTime}</span>
  511. </FormItem>
  512. <FormItem className="half-item"
  513. {...formItemLayout}
  514. label="客户名称" >
  515. <span>{orderDetaiel.buyerName}</span>
  516. </FormItem>
  517. <FormItem className="half-item"
  518. {...formItemLayout}
  519. label="订单类型" >
  520. <span>{getOrderType(orderDetaiel.orderType)}</span>
  521. </FormItem>
  522. <FormItem className="half-item"
  523. {...formItemLayout}
  524. label="订单渠道" >
  525. <span>{getOrderChannel(orderDetaiel.orderChannel)}</span>
  526. </FormItem>
  527. <FormItem className="half-item"
  528. {...formItemLayout}
  529. label="订单状态" >
  530. <span>{getOrderState(orderDetaiel.orderStatus)}</span>
  531. </FormItem>
  532. <FormItem className="half-item"
  533. {...formItemLayout}
  534. label="已收款项" >
  535. <span>{orderDetaiel.actuallyTotalAmount+"万元"}</span>
  536. </FormItem>
  537. <FormItem className="half-item"
  538. {...formItemLayout}
  539. label="结算状态" >
  540. <span>{getPaymentState(orderDetaiel.liquidationStatus)}</span>
  541. </FormItem>
  542. <FormItem className="half-item"
  543. {...formItemLayout}
  544. label="市价订单金额" >
  545. <span>{orderDetaiel.orderAmount+"万元"}</span>
  546. </FormItem>
  547. <FormItem className="half-item"
  548. {...formItemLayout}
  549. label="市价首款金额" >
  550. <span>{orderDetaiel.firstPayment+"万元"}</span>
  551. </FormItem>
  552. <div className='clearfix'>
  553. <FormItem className="half-item"
  554. {...formItemLayout}
  555. label="实签订单金额" >
  556. <span>{orderDetaiel.signTotalAmount+"万元"}</span>
  557. </FormItem>
  558. <FormItem className="half-item"
  559. {...formItemLayout}
  560. label="实签首款金额" >
  561. <span>{orderDetaiel.signFirstPayment+"万元"}</span>
  562. </FormItem>
  563. <FormItem className="half-item"
  564. {...formItemLayout}
  565. label="特批立项" >
  566. <span>{getApprovedState(orderDetaiel.approval)}</span>
  567. </FormItem>
  568. <FormItem className="half-item"
  569. {...formItemLayout}
  570. label="合同编号" >
  571. <Input placeholder="实签订单金额" value={this.state.contractNo} onChange={(e)=>{this.setState({contractNo:e.target.value})}} style={{width:'240px'}} />
  572. </FormItem>
  573. <div className='clearfix'>
  574. <FormItem
  575. labelCol={{ span: 4 }}
  576. wrapperCol={{ span: 16 }}
  577. label="订单留言" >
  578. <span>{orderDetaiel.orderRemarks}</span>
  579. </FormItem>
  580. </div>
  581. <div className='clearfix'>
  582. <div className="changeStatusTxt">
  583. <FormItem className="half-item"
  584. {...formItemLayout}
  585. style={{color:'red'}}
  586. label="变更状态" >
  587. <span>{getChangeState(orderDetaiel.changeStatus)}</span>
  588. </FormItem>
  589. </div>
  590. <div className="clearfix">
  591. <FormItem className="half-item"
  592. {...formItemLayout}
  593. label="变更操作" >
  594. <Button onClick={this.addChange}>添加变更</Button>
  595. </FormItem>
  596. <FormItem className="half-item"
  597. {...formItemLayout}
  598. label="变更操作" >
  599. <Button onClick={this.lookChange}>查看变更纪录</Button>
  600. </FormItem>
  601. </div>
  602. </div>
  603. </div>
  604. </div>
  605. <div className='clearfix'>
  606. <FormItem className="half-item"
  607. {...formItemLayout}
  608. label="订单负责人" >
  609. <span>{orderDetaiel.salesmanName}</span>
  610. </FormItem>
  611. <FormItem className="half-item"
  612. {...formItemLayout}
  613. label="业务品类" >
  614. <span>{orderDetaiel.projectType}</span>
  615. </FormItem>
  616. </div>
  617. <div className='clearfix'>
  618. <FormItem className="half-item"
  619. {...formItemLayout}
  620. label="意向时间" >
  621. <span>{orderDetaiel.createTime}</span>
  622. </FormItem>
  623. <FormItem className="half-item"
  624. {...formItemLayout}
  625. label="签单时间" >
  626. <span>{orderDetaiel.signTime}</span>
  627. </FormItem>
  628. <FormItem className="half-item"
  629. {...formItemLayout}
  630. label="财务负责人" >
  631. <span>{orderDetaiel.financeName}</span>
  632. <Button onClick={this.lookflow} style={{float:'right'}}>查看流水</Button>
  633. </FormItem>
  634. <FormItem className="half-item"
  635. {...formItemLayout}
  636. label="首付时间" >
  637. <span>{orderDetaiel.createTimez}</span>
  638. </FormItem>
  639. <FormItem className="half-item"
  640. {...formItemLayout}
  641. label="项目负责人" >
  642. <span>{orderDetaiel.technicianName}</span>
  643. </FormItem>
  644. <FormItem className="half-item"
  645. {...formItemLayout}
  646. label="立项时间" >
  647. <span>{orderDetaiel.setUpTime}</span>
  648. </FormItem>
  649. <FormItem className="half-item"
  650. {...formItemLayout}
  651. label="项目状态" >
  652. <span>{getProjectState(orderDetaiel.projectStage)}</span>
  653. </FormItem>
  654. </div>
  655. <div>
  656. <span style={{marginLeft:'50px',fontSize:'20px'}}>项目业务</span>
  657. </div>
  658. <div className="patent-table">
  659. <Spin spinning={this.state.loading}>
  660. <Table columns={this.state.columns}
  661. dataSource={this.state.dataSource}
  662. pagination={false}
  663. onRowClick={this.tableRowClick}
  664. />
  665. </Spin>
  666. </div>
  667. <div style={{marginTop:'10px'}}>
  668. <Button type="primary" onClick={this.subContract} style={{float:'left',marginLeft:'200px'}}>保存</Button>
  669. <Button className="cancel" type="ghost" onClick={this.handleCancel} style={{float:'right',marginRight:'200px'}}>返回</Button>
  670. </div>
  671. </div>
  672. </Spin>
  673. </Form >
  674. </Modal>
  675. <Modal maskClosable={false} visible={this.state.addnextVisible}
  676. onOk={this.nextCancel} onCancel={this.nextCancel}
  677. width='550px'
  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. <FormItem className="half-item"
  685. {...formItemLayout}
  686. label="服务名称" >
  687. <span>{editFws.commodityName}</span>
  688. </FormItem>
  689. <FormItem className="half-item"
  690. {...formItemLayout}
  691. label="市场价格" >
  692. <span>{editFws.commodityPrice+"万元"}</span>
  693. </FormItem>
  694. <FormItem className="half-item"
  695. {...formItemLayout}
  696. label="实签价格" >
  697. <span>{editFws.discountPrice+"万元"}</span>
  698. </FormItem>
  699. <FormItem className="half-item"
  700. {...formItemLayout}
  701. label="服务数量" >
  702. <span>{editFws.commodityQuantity}</span>
  703. </FormItem>
  704. <FormItem className="half-item"
  705. {...formItemLayout}
  706. label="市场首付金额" >
  707. <span>{editFws.commodityFirstPayment+"万元"}</span>
  708. </FormItem>
  709. <FormItem className="half-item"
  710. {...formItemLayout}
  711. label="签单首付金额" >
  712. <span>{editFws.discountFirstPayment+"万元"}</span>
  713. </FormItem>
  714. <div className='clearfix'>
  715. <FormItem
  716. labelCol={{ span: 4 }}
  717. wrapperCol={{ span: 16 }}
  718. label="服务说明" >
  719. <span>{editFws.remarks}</span>
  720. </FormItem>
  721. </div>
  722. </div>
  723. </Spin>
  724. </Form >
  725. </Modal>
  726. <Modal maskClosable={false} visible={this.state.lookVisible}
  727. onOk={this.lookCancel} onCancel={this.lookCancel}
  728. width='1300px'
  729. title= '查看流水'
  730. footer=''
  731. className="admin-desc-content">
  732. <Form layout="horizontal" id="demand-form">
  733. <Spin spinning={this.state.loading}>
  734. <div className="clearfix">
  735. <Table columns={this.state.flowList}
  736. dataSource={this.state.lookflowList}
  737. pagination={false}
  738. />
  739. </div>
  740. </Spin>
  741. </Form >
  742. </Modal>
  743. <Modal maskClosable={false} visible={this.state.addChangeState}
  744. onOk={this.addChangeCancel} onCancel={this.addChangeCancel}
  745. width='800px'
  746. title= {this.state.stateAdd?'添加变更':'查看变更记录'}
  747. footer=''
  748. className="admin-desc-content">
  749. <Form layout="horizontal" id="demand-form">
  750. <Spin spinning={this.state.loading}>
  751. <div className="clearfix">
  752. {this.state.stateAdd?<div className="clearfix">
  753. <FormItem
  754. labelCol={{ span: 4 }}
  755. wrapperCol={{ span: 16 }}
  756. label="变更说明" >
  757. <Input type="textarea" placeholder="请输入变更说明" rows={4} value={this.state.changeRemarks}
  758. onChange={(e)=>{this.setState({changeRemarks:e.target.value})}}/>
  759. </FormItem>
  760. <div className="clearfix">
  761. <Button type="primary" onClick={this.subChangeState} style={{margin:"10px 50px 10px 128px"}}>保存</Button>
  762. <Button onClick={this.addChangeCancel}>取消</Button>
  763. </div>
  764. </div>:
  765. <div>
  766. {
  767. changeHtml.length?changeHtml.map(function(item,index){
  768. return (<div className="changeBorder" key={index}>
  769. <FormItem className="half-item"
  770. {...formItemLayout}
  771. label="变更发起人" >
  772. <span>{item.creater}</span>
  773. </FormItem>
  774. <FormItem className="half-item"
  775. {...formItemLayout}
  776. label="变更申请时间" >
  777. <span>{item.createTime}</span>
  778. </FormItem>
  779. <div className='clearfix'>
  780. <FormItem className="half-item"
  781. {...formItemLayout}
  782. label="变更状态" >
  783. <span>{getChangeState(item.changeStatus)}</span>
  784. </FormItem>
  785. <FormItem className="half-item"
  786. {...formItemLayout}
  787. label="变更操作" >
  788. <Button onClick={(e)=>{this.modifyChange(item)}}>修改</Button>
  789. {/*<Button type="danger" onClick={(e)=>{this.modifyDelete(item)}}>删除</Button>*/}
  790. </FormItem>
  791. </div>
  792. <div className='clearfix changeRemark'>
  793. <FormItem
  794. labelCol={{ span: 4 }}
  795. wrapperCol={{ span: 16 }}
  796. label="变更说明" >
  797. <p>{item.changeComment}</p>
  798. </FormItem>
  799. </div>
  800. </div>)
  801. },this):<p style={{textAlign:"center"}}>暂无变更记录</p>}
  802. </div>
  803. }
  804. </div>
  805. </Spin>
  806. </Form >
  807. </Modal>
  808. <Modal maskClosable={false} visible={this.state.modifyChangeState}
  809. onOk={this.modifyChangeCancel} onCancel={this.modifyChangeCancel}
  810. width='600px'
  811. title= "修改变更 "
  812. footer=''
  813. className="admin-desc-content">
  814. <Form layout="horizontal" id="demand-form">
  815. <Spin spinning={this.state.loading}>
  816. <div className="clearfix">
  817. <div className="clearfix">
  818. <FormItem className="half-item"
  819. {...formItemLayout}
  820. label="变更发起人" >
  821. <span>{this.state.changePromoter}</span>
  822. </FormItem>
  823. <FormItem className="half-item"
  824. {...formItemLayout}
  825. label="变更申请时间" >
  826. <span>{this.state.changeTime}</span>
  827. </FormItem>
  828. <div className='clearfix'>
  829. <FormItem
  830. labelCol={{ span: 4 }}
  831. wrapperCol={{ span: 16 }}
  832. label="变更状态" >
  833. <Radio.Group onChange={(e)=>{this.setState({changeState:e.target.value})}} value={this.state.changeState}>
  834. <Radio value={1}>变更中</Radio>
  835. <Radio value={2}>变更完成</Radio>
  836. </Radio.Group>
  837. </FormItem>
  838. </div>
  839. <div className='clearfix'>
  840. <FormItem
  841. labelCol={{ span: 4 }}
  842. wrapperCol={{ span: 16 }}
  843. label="变更说明" >
  844. <Input type="textarea" placeholder="请输入变更说明" rows={4} value={this.state.changeRemarks}
  845. onChange={(e)=>{this.setState({changeRemarks:e.target.value})}}/>
  846. </FormItem>
  847. </div>
  848. <div className="clearfix">
  849. <Button type="primary" onClick={this.changeModify} style={{margin:"10px 95px"}}>保存</Button>
  850. <Button onClick={this.modifyChangeCancel}>取消</Button>
  851. </div>
  852. </div>
  853. </div>
  854. </Spin>
  855. </Form >
  856. </Modal>
  857. </div>
  858. )
  859. }
  860. }));
  861. export default MySettlementDetaile;