import React,{Component} from 'react'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import moment from 'moment'; import './public.less'; import { Button,Form, Input, Spin, Table, Select,Switch, message, DatePicker, Modal } from 'antd'; import OrderDesc from '../orderDetail/orderDesc' import Receivable from './receivable'; import {getLiquidationStatus,getNewOrderStatus} from '@/tools'; const FormItem = Form.Item; const ShouKuang = React.createClass({ departmentList() { this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/organization/selectSuperId", data: {}, success: function(data) { let thedata = data.data; let theArr=[]; if(!thedata) { if(data.error && data.error.length) { message.warning(data.error[0].message); }; }else{ thedata.map(function(item,index){ theArr.push({ key:index, name:item.name, id:item.id, }) }) } this.setState({ departmentArr:theArr, }) }.bind(this), }).always(function() { this.setState({ loading: false }); }.bind(this)); }, loadData(pageNo) { this.state.data = []; this.setState({ selectedRowKeys:[], selectedRowKey:[], page:pageNo, loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/financial/financeList", data: { pageNo: pageNo || 1, pageSize: this.state.pagination.pageSize, buyerName: this.state.nameSearch,//客户名称 orderNo:this.state.orderNoSearch, startTime: this.state.releaseDate[0], endTime: this.state.releaseDate[1], departmentId:this.state.departmenttList }, success: function (data) { let theArr = []; if (!data.data || !data.data.list) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; } else { for (let i = 0; i < data.data.list.length; i++) { let thisdata = data.data.list[i]; theArr.push({ key: i, orderNo: thisdata.orderNo, orderType:thisdata.orderType, orderStatus:thisdata.orderStatus, sellerName:thisdata.sellerName, liquidationStatus:thisdata.liquidationStatus, approval:thisdata.approval, buyerName:thisdata.buyerName, actuallyTotalAmount:thisdata.actuallyTotalAmount, signTime:thisdata.signTime, companyId:thisdata.companyId, companyName:thisdata.companyName, buyerId:thisdata.buyerId, buyerName:thisdata.buyerName, contractNo:thisdata.contractNo, createTime:thisdata.createTime, }); }; } this.state.pagination.current = data.data.pageNo; this.state.pagination.total = data.data.totalCount; if(data.data&&data.data.list&&!data.data.list.length){ this.state.pagination.current=0 this.state.pagination.total=0 } this.setState({ totalPage:data.data.totalPage, dataSource: theArr, pagination: this.state.pagination }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, getInitialState() { return { searchMore: true, assignVisible:false, releaseDate: [], assignData:[], totalPage:0, boHuivisible:false, selectedRowKeys: [], selectedRows: [], loading: false, pagination: { defaultCurrent: 1, defaultPageSize: 10, showQuickJumper: true, pageSize: 10, onChange: function (page) { this.loadData(page); }.bind(this), showTotal: function (total) { return '共' + total + '条数据'; } }, columns: [ { title: '订单编号', dataIndex: 'orderNo', key: 'orderNo', }, { title: '签单日期', dataIndex: 'signTime', key: 'signTime', }, { title: '下单日期', dataIndex: 'createTime', key: 'createTime', }, { title: '已收款(万元)', dataIndex: 'actuallyTotalAmount', key: 'actuallyTotalAmount', }, { title: '客户名称', dataIndex: 'buyerName', key: 'buyerName', }, { title: '订单状态', dataIndex: 'orderStatus', key: 'orderStatus', render: text => { return getNewOrderStatus(text)} }, { title: '订单负责人', dataIndex: 'sellerName', key: 'sellerName' }, { title: '结算状态', dataIndex: 'liquidationStatus', key: 'liquidationStatus', render: text => { return getLiquidationStatus(text)} }, { title:'操作', dataIndex: 'caozuo', key: 'caouzo', render:(text,recard)=>{ return
{recard.liquidationStatus<2&&} {!(recard.actuallyTotalAmount&&Number(recard.actuallyTotalAmount)>0)&&}
} } ], dataSource: [], searchTime: [,] } }, /* 添加收款记录 */ evaluate(recard){ this.state.assignData=recard; this.setState({ assignVisible:true }) }, /* 驳回 */ reject(recard){ this.setState({ bohuiData:recard, boHuiVisible:true, content:'' }) }, boHuiOk(){ this.setState({ boHuiVisible:false }) if((this.state.pagination.current==this.state.totalPage)&&(this.state.pagination.total)%10==1){ this.loadData((this.state.page)-1); }else{ this.loadData(this.state.page); } }, boHuiCancel(e){ this.setState({ boHuiVisible:false }) }, componentWillMount() { this.loadData(); this.departmentList(); }, tableRowClick(record, index) { this.state.RowData = record; this.setState({ showDesc: true, }); }, closeDesc(e, s) { this.state.showDesc = e; if (s) { this.loadData(this.state.page); }; }, closeAssign(e, s) { this.state.assignData={}; this.state.assignVisible = e; if (s) { this.loadData(this.state.page); }; }, search() { this.loadData(); }, reset() { this.state.nameSearch = ''; this.state.releaseDate = []; this.state.orderNoSearch=''; this.state.departmenttList=undefined; this.loadData(); }, //驳回 boHuiSubmit(e){ e.preventDefault(); if(!this.state.content){ message.warning('请填写驳回原因'); return false; } this.setState({ loading:true }) $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/financial/reject", data: { orderNo: this.state.bohuiData.orderNo, reason:this.state.content } }).done(function (data) { if (!data.error.length) { message.success('驳回成功!'); this.setState({ loading: false, }); this.boHuiOk(); } else { message.warning(data.error[0].message); }; }.bind(this)); }, searchSwitch() { this.setState({ searchMore: !this.state.searchMore }); }, render() { const rowSelection = { selectedRowKeys: this.state.selectedRowKeys, onChange: (selectedRowKeys, selectedRows) => { this.setState({ selectedRows: selectedRows.slice(-1), selectedRowKeys: selectedRowKeys.slice(-1) }); } }; const { RangePicker } = DatePicker; const hasSelect = this.state.selectedRowKeys.length; var departmentArr = this.state.departmentArr ||[]; return (
收款结算
{ this.setState({ orderNoSearch: e.target.value }); }} /> { this.setState({ nameSearch: e.target.value }); }} /> 下单日期: { this.setState({ releaseDate: dataString }); }} />
*驳回原因}> { this.setState({ content: e.target.value }); }} />
) } }) export default ShouKuang;