123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- import React from 'react';
- import ajax from 'jquery/src/ajax/xhr.js';
- import $ from 'jquery/src/ajax';
- import { Form, Spin, message, Modal } from 'antd';
- import {getProjectStatus,getNewOrderStatus,getPaymentType} from '@/tools.js';
- const BonusDetail=React.createClass({
- getInitialState() {
- return {
- loading: false,
- visible:false,
- showDesc:false,
- };
- },
- onCancel(){
- this.setState({
- visible:false
- })
- this.props.closeDesc(false,false);
- },
- onShow() {
- this.setState({
- visible: false,
- });
- this.props.closeDesc(false, true);
- },
- componentWillMount() {
- },
- componentWillReceiveProps(nextProps) {
- if(nextProps.data.orderNo){
- this.setState({data:nextProps.data});
- }
- this.state.visible=nextProps.showDesc;
- },
- render() {
- const theData = this.props.data || {};
- const FormItem = Form.Item;
- const formItemLayout = {
- labelCol: { span: 10 },
- wrapperCol: { span: 12 },
- };
- return (
- <div className="user-content" >
- <Modal maskClosable={false} visible={this.state.visible}
- onOk={this.onShow} onCancel={this.onCancel}
- width='800px'
- title='订单详情'
- footer=''
- className="admin-desc-content">
- <Form layout="horizontal" onSubmit={(e)=>{this.handleSubmit(e,0)}} >
- <Spin spinning={this.state.loading}>
- <div className="clearfix">
- <FormItem className="half-item" {...formItemLayout} label="订单编号">
- <span>{theData.orderNo}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="签单时间">
- <span>{theData.signTime}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="订单负责人">
- <span>{theData.salesName}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="客户名称">
- <span>{theData.buyName}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="签单金额(万元)">
- <span>{theData.totalAmount}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="首付款(万元)">
- <span>{theData.firstAmount}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="已收(万元)">
- <span>{theData.settlementAmount}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="已退(万元)">
- <span>{theData.refundAmount}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="订单状态">
- <span>{getNewOrderStatus(theData.orderStatus)}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="项目状态">
- <span>{getProjectStatus(theData.projectStatus)}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="发放类型">
- <span>{getPaymentType(theData.bonusSubject)}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="校对后单量">
- <span>{theData.proofCount}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="当月认证项目数量">
- <span>{theData.renzm}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="当月科技项目数量">
- <span>{theData.kejim}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="年度认证项目数量">
- <span>{theData.renzy}</span>
- </FormItem>
- <FormItem className="half-item" {...formItemLayout} label="年度科技项目数量">
- <span>{theData.kejiy}</span>
- </FormItem>
- </div>
- </Spin>
- </Form>
- </Modal>
- </div>
- );
- }
- });
- export default Form.create()(BonusDetail);
|