import React from 'react'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import moment from 'moment'; import '../distribute/public.less'; import { Button, Input, Spin, Table,Select, Switch,InputNumber, message, DatePicker,Modal ,Form } from 'antd'; import {getNewOrderStatus,getProjectStatus,getJsyPaymentType,getBonusState} from '@/tools'; import BonuseDetail from './bonusDetail'; const FormItem= Form.Item; const YxBonus = 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/bonus/saleBonusStatistics", data: { pageNo: pageNo || 1, pageSize:this.state.pagination.pageSize, salesName: this.state.orderRefundSearch,//订单负责人 departmentId:this.state.departmenttList, orderNo:this.state.orderNoSearch, startTime: this.state.releaseDate[0], endTime: this.state.releaseDate[1], grantStatus:this.state.grantStatus, startTime1: this.state.createDate[0], endTime1: this.state.createDate[1], }, success: function (data) { let theArr = []; if (!data.data || !data.data.list) { if (data.error && data.error.length) { message.warning(data.error[0].message); }; } 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({ dataSource: data.data.list, pagination: this.state.pagination }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, getInitialState() { return { searchMore: true, releaseDate: [], createDate:[], RowData:{}, execState:false, selectedRowKeys: [], selectedRows: [], proofData:{}, 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', fixed:'left' }, { title: '客户名称', dataIndex: 'buyName', key: 'buyName', render:text=>{ return text&&text>8?text.substr(0,8)+'...':text } }, { title: '订单负责人', dataIndex: 'salesName', key: 'salesName', }, { title: '签单日期', dataIndex: 'signTime', key: 'signTime', }, { title: '订单金额(万元)', dataIndex: 'totalAmount', key: 'totalAmount' }, { title: '订单状态', dataIndex: 'orderStatus', key: 'orderStatus', render:(text)=>{ return getNewOrderStatus(text) } }, { title: '项目状态', dataIndex: 'projectStatus', key: 'projectStatus', render:(text)=>{ return getProjectStatus(text) } }, { title: '发放状态', dataIndex: 'grantStatus', key: 'grantStatus', render:(text)=>{ return getBonusState(text) } }, { title: '发放类型', dataIndex: 'bonusSubject', key: 'bonusSubject', render:text=>{ return getJsyPaymentType(text) } }, { title: '校对后单量', dataIndex: 'proofCount', key: 'proofCount' }, { title: '已收(万元)', dataIndex: 'settlementAmount', key: 'settlementAmount' },{ title: '已退(万元)', dataIndex: 'refundAmount', key: 'refundAmount' }, { title: '操作', dataIndex: 'state11', key: 'state11', render:(text,recard)=>{ return