import React from 'react'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import { Form, Button, Input, Select, Spin,InputNumber, message, Modal ,DatePicker} from 'antd'; import {transactionProject,transactionChannel} from '@/dataDic.js'; import moment from 'moment'; const Receivable=React.createClass({ loadData(record) { this.state.data = {}; this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + '/api/admin/order/getOrderCommodity', data: { orderNo:record?record.orderNo:this.props.data.orderNo }, success: function (data) { let thisData = data.data; if (!thisData) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; thisData = {}; }; this.setState({ orderNo:thisData.orderNo, payeeId:thisData.payeeId, payerId:thisData.payerId, data: thisData, }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, getInitialState() { return { loading: false, visible:false, showDesc:false, }; }, //保存 handleSubmit(e){ e.preventDefault(); if(!this.state.settlementAmount){ message.warning('请填写金额'); return false; } if(!this.state.transactionProject){ message.warning('请选择流水科目'); return false; } if(!this.state.transactionChannel){ message.warning('请选择交易渠道'); return false; } this.setState({ loading: true }); $.ajax({ method: "post", dataType: "json", async:true, url: globalConfig.context + '/api/user/demand/apply', data: { orderNo: this.props.data.orderNo, payeeId:this.state.payeeId, payerId:this.state.payerId, transactionAmount: this.state.settlementAmount, transactionSubject: this.state.transactionProject, transactionChannel: this.state.transactionChannel, financialPayNo:this.state.financialPayNo, financialPayTimes:this.state.financialPayTimes, remarks:this.state.remarks } }).done(function (data) { this.setState({ loading: false }); if (!data.error.length) { message.success('操作成功!'); this.onShow(); } else { message.warning(data.error[0].message); } }.bind(this)); }, onCancel(){ this.setState({ visible:false }) this.props.closeDesc(false,false); }, onShow() { this.setState({ visible: false, }); this.props.closeDesc(false, true); }, componentWillMount() { this.setState({ transactionProject:undefined, settlementAmount:undefined, transactionChannel:undefined, financialPayNo:'', financialPayTimes:undefined, remarks:'' }) }, componentWillReceiveProps(nextProps) { if(nextProps.data.orderNo){ this.loadData(nextProps.data); } this.state.visible=nextProps.showDesc; this.setState({ transactionProject:undefined, settlementAmount:undefined, transactionChannel:undefined, financialPayNo:'', financialPayTimes:undefined, remarks:'' }) }, render() { const theData = this.state.data || {}; const { getFieldDecorator,getFieldsValue } = this.props.form; const FormItem = Form.Item; const formItemLayout = { labelCol: { span: 8 }, wrapperCol: { span: 12 }, }; return (
{theData.name} {theData.name} *金额}> {this.setState({settlementAmount:e})}} /> 万元 *流水科目}> *交易渠道}> {theData.orderNo} { this.setState({ financialPayNo: e.target.value }); }} /> { this.setState({ financialPayTimes: dataString }); }} /> { this.setState({ remarks: e.target.value }); }} />
); } }); export default Form.create()(Receivable);