bonusDetail.jsx 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. import React from 'react';
  2. import ajax from 'jquery/src/ajax/xhr.js';
  3. import $ from 'jquery/src/ajax';
  4. import { Form, Spin, message, Modal } from 'antd';
  5. import {getProjectName,getNewOrderStatus,getJsyPaymentType} from '@/tools.js';
  6. const BonusDetail=React.createClass({
  7. getInitialState() {
  8. return {
  9. loading: false,
  10. visible:false,
  11. showDesc:false,
  12. };
  13. },
  14. onCancel(){
  15. this.setState({
  16. visible:false
  17. })
  18. this.props.closeDesc(false,false);
  19. },
  20. onShow() {
  21. this.setState({
  22. visible: false,
  23. });
  24. this.props.closeDesc(false, true);
  25. },
  26. componentWillMount() {
  27. },
  28. componentWillReceiveProps(nextProps) {
  29. if(nextProps.data.orderNo){
  30. this.setState({data:nextProps.data});
  31. }
  32. this.state.visible=nextProps.showDesc;
  33. },
  34. render() {
  35. const theData = this.props.data || {};
  36. const FormItem = Form.Item;
  37. const formItemLayout = {
  38. labelCol: { span: 10 },
  39. wrapperCol: { span: 12 },
  40. };
  41. return (
  42. <div className="user-content" >
  43. <Modal maskClosable={false} visible={this.state.visible}
  44. onOk={this.onShow} onCancel={this.onCancel}
  45. width='800px'
  46. title='订单详情'
  47. footer=''
  48. className="admin-desc-content">
  49. <Form layout="horizontal" onSubmit={(e)=>{this.handleSubmit(e,0)}} >
  50. <Spin spinning={this.state.loading}>
  51. <div className="clearfix">
  52. <FormItem className="half-item" {...formItemLayout} label="订单编号">
  53. <span>{theData.orderNo}</span>
  54. </FormItem>
  55. <FormItem className="half-item" {...formItemLayout} label="签单时间">
  56. <span>{theData.signTime}</span>
  57. </FormItem>
  58. <FormItem className="half-item" {...formItemLayout} label="订单负责人">
  59. <span>{theData.salesName}</span>
  60. </FormItem>
  61. <FormItem className="half-item" {...formItemLayout} label="客户名称">
  62. <span>{theData.buyName}</span>
  63. </FormItem>
  64. <FormItem className="half-item" {...formItemLayout} label="签单金额(万元)">
  65. <span>{theData.totalAmount}</span>
  66. </FormItem>
  67. <FormItem className="half-item" {...formItemLayout} label="首付款(万元)">
  68. <span>{theData.firstAmount}</span>
  69. </FormItem>
  70. <FormItem className="half-item" {...formItemLayout} label="已收(万元)">
  71. <span>{theData.settlementAmount}</span>
  72. </FormItem>
  73. <FormItem className="half-item" {...formItemLayout} label="已退(万元)">
  74. <span>{theData.refundAmount}</span>
  75. </FormItem>
  76. <FormItem className="half-item" {...formItemLayout} label="订单状态">
  77. <span>{getNewOrderStatus(theData.orderStatus)}</span>
  78. </FormItem>
  79. <FormItem className="half-item" {...formItemLayout} label="项目状态">
  80. <span>{getProjectName(theData.projectStatus)}</span>
  81. </FormItem>
  82. <FormItem className="half-item" {...formItemLayout} label="发放类型">
  83. <span>{getJsyPaymentType(theData.bonusSubject)}</span>
  84. </FormItem>
  85. <FormItem className="half-item" {...formItemLayout} label="校对后单量">
  86. <span>{theData.proofCount}</span>
  87. </FormItem>
  88. <FormItem className="half-item" {...formItemLayout} label="当月认证项目数量">
  89. <span>{theData.renzm}</span>
  90. </FormItem>
  91. <FormItem className="half-item" {...formItemLayout} label="当月科技项目数量">
  92. <span>{theData.kejim}</span>
  93. </FormItem>
  94. <FormItem className="half-item" {...formItemLayout} label="年度认证项目数量">
  95. <span>{theData.renzy}</span>
  96. </FormItem>
  97. <FormItem className="half-item" {...formItemLayout} label="年度科技项目数量">
  98. <span>{theData.kejiy}</span>
  99. </FormItem>
  100. </div>
  101. </Spin>
  102. </Form>
  103. </Modal>
  104. </div>
  105. );
  106. }
  107. });
  108. export default Form.create()(BonusDetail);