import React,{Component} from 'react'; import {Button, Form, Input, message, Modal, Radio, Spin, InputNumber} from "antd"; import $ from "jquery"; const layout = { labelCol: { span: 8, }, wrapperCol: { span: 16, }, }; const formItemLayout = { labelCol: { span: 8 }, wrapperCol: { span: 14 }, }; class ApplyPaymentModal extends Component{ constructor(props) { super(props); this.state={ loading: false, paymentStatus: 0, } } //申请付款 handleSubmit(e){ e.preventDefault(); this.props.form.validateFieldsAndScroll((err, values) => { if (err) { return; } this.setState({ loading: true }) values.tid = this.props.tid; if(this.props.previewPayInfor.nodeId){ //催款 values.nodeId = this.props.previewPayInfor.nodeId; values.chooseType = 1; //支付选择 0第三方 1催款 2官费 values.tpcId = this.props.previewPayInfor.cid; //第三方机构id }else{ values.chooseType = 0 //支付选择 0第三方 1催款 2官费 values.tpcId = this.props.previewPayInfor.id; //第三方机构id } if(this.props.type === 2){ values.chooseType = 2; //支付类型 0第三方 1催款 2官费 } values.companyName = values.companyName.split('-')[0]; $.ajax({ method: 'POST', dataType: 'json', crossDomain: false, url: globalConfig.context + '/api/admin/company/addOrderPayment', data: values, }).done( function (data) { this.setState({ loading: false, }) if (!data.error.length) { this.props.changeVisible(); this.props.onRefresh(); message.success('申请成功!') } else { message.warning(data.error[0].message) } }.bind(this) ) }) } render() { const { getFieldDecorator,setFieldsValue } = this.props.form; const { previewPayInfor } = this.props; if(!previewPayInfor){ return; } return( { this.props.changeVisible(); }} >
{ this.props.type === 2 ? "支付供应商官费" : "支付供应商费用" }
{ this.handleSubmit(e) }} > {getFieldDecorator('companyName', { initialValue: previewPayInfor.companyName, rules: [{ required: true, message: '请输入付款单位/个人!', }], })( )} {/* 0正常 1专利 2软著 3审计 */} {this.props.projectType === 1 && this.props.patentType === 1 ? {getFieldDecorator('paymentStatus', { constructor: this.state.paymentStatus, rules: [{ required: false, message: '请选择支付状态!' }], })( { this.setState({ paymentStatus: e.target.value }) if(e.target.value === 1){ setFieldsValue({ quantity:parseInt(previewPayInfor.quantity), applicationAmount:(previewPayInfor.partyAmount ? ((parseFloat(previewPayInfor.totalAmount) * 1000000) - (parseFloat(previewPayInfor.partyAmount) * 1000000)) / 1000000 : parseFloat(previewPayInfor.totalAmount))/2 }); } else if(e.target.value === 2){ setFieldsValue({ quantity:parseInt(previewPayInfor.quantity), applicationAmount:(previewPayInfor.partyAmount ? ((parseFloat(previewPayInfor.totalAmount) * 1000000) - (parseFloat(previewPayInfor.partyAmount) * 1000000)) / 1000000 : parseFloat(previewPayInfor.totalAmount)) }); } }}> 自定义 半款 全款 )} :
} {this.props.type !== 2 ? {/*可以查看单价 正常 审计 专利买卖 软著 专利申请 打星号 */} { isNaN(parseFloat(previewPayInfor.unitPrice)) ? previewPayInfor.unitPrice : getFieldDecorator('unitPrice', { initialValue:previewPayInfor.unitPrice, rules: [{ required: true, message: '请输入单价!' }], })( ) } :
} { this.props.type === 2 ? {/*costReduction 费减 0否 1 是*/} {/*reductionAmount 费减金额*/} {/*officialUnitPrice 官费单价*/}
{ previewPayInfor.costReduction === 1 ? (isNaN(parseFloat(previewPayInfor.reductionAmount)) ? previewPayInfor.reductionAmount : parseFloat(previewPayInfor.reductionAmount)): (isNaN(parseFloat(previewPayInfor.officialUnitPrice)) ? previewPayInfor.officialUnitPrice : parseFloat(previewPayInfor.officialUnitPrice)) }
:
} {previewPayInfor.quantity}
{ previewPayInfor.totalAmount }
{getFieldDecorator('quantity', { initialValue: previewPayInfor.quantity, rules: [{ required: false, message: '请输入本次申请支付数量!' }], })( { //0正常 1专利 2软著 3审计 //软著 专利申请不需要计算,因为单价未知 if(!(this.props.projectType === 2 || (this.props.projectType === 1 && this.props.patentType === 0))){ //官费 if(this.props.type === 2){ this.props.form.setFieldsValue({ applicationAmount: (previewPayInfor.costReduction === 1 ? previewPayInfor.reductionAmount : previewPayInfor.officialUnitPrice) * 1000000 * e / 1000000, }); }else { let num = previewPayInfor.unitPrice * 1000000 * e / 1000000; this.props.form.setFieldsValue({ applicationAmount: num, }); } } }} /> )} {/* 0正常 1专利 2软著 3审计 */} {this.props.projectType !== 2 && !(this.props.projectType === 1 && this.props.patentType === 0) ? {getFieldDecorator('applicationAmount', { initialValue:this.props.type === 2 ?( ((previewPayInfor.costReduction === 1 ? previewPayInfor.reductionAmount : previewPayInfor.officialUnitPrice) * 1000000 * parseInt(previewPayInfor.quantity)) / 1000000 ): ( !isNaN(parseFloat(previewPayInfor.totalAmount)) && !isNaN(parseFloat(previewPayInfor.partyAmount))? ( this.state.paymentStatus === 1 ? (previewPayInfor.partyAmount ? ((parseFloat(previewPayInfor.totalAmount) * 1000000) - (parseFloat(previewPayInfor.partyAmount) * 1000000)) / 1000000 : parseFloat(previewPayInfor.totalAmount)) / 2 : previewPayInfor.partyAmount ? ((parseFloat(previewPayInfor.totalAmount) * 1000000) - (parseFloat(previewPayInfor.partyAmount) * 1000000)) / 1000000 : parseFloat(previewPayInfor.totalAmount) ) : null ), rules: [{ required: true, message: '请输入本次申请支付金额!' }], })( )} :
} {getFieldDecorator('remarks', { rules: [{ required: true, message: '请输入备注!' }], })( )}
) } } const WrappedNormalLoginForm = Form.create()(ApplyPaymentModal); export default WrappedNormalLoginForm