import React from 'react'; import ajax from 'jquery/src/ajax/xhr.js'; import $ from 'jquery/src/ajax'; import moment from 'moment'; import '@/manageCenter/financialManage/distribute/public.less'; import { Button, Input, Spin, Table,Select, Switch, message, DatePicker,Upload} from 'antd'; import {getNewOrderType,beforeUploadFile} from '@/tools'; import {newOrderType} from '@/dataDic'; import { exportExcel } from 'xlsx-oc'; const Order = 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({ page:pageNo, loading: true }); $.ajax({ method: "post", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/order/listAllSettlement", data: { pageNo: pageNo || 1, pageSize:999, signName: this.state.signName,//客户名称 departmentId:this.state.departmenttList, orderType:this.state.orderType, startDate: this.state.releaseDate[0], endDate: this.state.releaseDate[1], }, 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+1, orderNo: thisdata.orderNo, department:thisdata.department, orderType:thisdata.orderType, signName:thisdata.signName, signNumber:thisdata.signNumber, signTotalAmount:thisdata.signTotalAmount }); }; } 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: theArr, pagination: this.state.pagination }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); }, getInitialState() { return { searchMore: true, releaseDate: [], RowData:{}, 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: 'key', key: 'key', }, { title: '订单部门', dataIndex: 'department', key: 'department', }, { title: '订单类型', dataIndex: 'orderType', key: 'orderType', render:text=>{ return getNewOrderType(text) }, }, { title: '签单人员', dataIndex: 'signName', key: 'signName', }, { title: '签单数量', dataIndex: 'signNumber', key: 'signNumber', }, { title: '累计签单金额(万)', dataIndex: 'signTotalAmount', key: 'signTotalAmount', }, ], dataSource: [], searchTime: [,] } }, componentWillMount() { this.loadData(); this.departmentList(); }, search() { this.loadData(); }, reset() { this.state.signName=''; this.state.releaseDate = []; this.state.departmenttList=undefined; this.state.orderType=''; this.loadData(); }, searchSwitch() { this.setState({ searchMore: !this.state.searchMore }); }, //导出exec exec(){ let departmentName='', depart =this.state.departmentArr || []; depart.map(item=>{ if(this.state.departmentId==item.id){ departmentName=item.name; return; } }); let data = { departmentId:this.state.departmentId, departmentName:departmentName, payeeName: this.state.signName, orderType:this.state.orderType, startTime: this.state.releaseDate[0], endTime: this.state.releaseDate[1], } window.location.href=(globalConfig.context+'/api/admin/financial/exportBillData?'+$.param(data)); // var _headers = [{ k: 'key', v: '序号' }, { k: 'department', v: '订单部门' }, // { k: 'orderType', v: '订单类型' }, { k: 'signName', v: '签单人员' },{k:'signNumber',v:'签单数量'},{k:'signTotalAmount',v:'累计签单金额'}] // exportExcel(_headers,this.state.dataSource,'订单统计报表.xlsx'); }, render() { const { RangePicker } = DatePicker; let departmentArr = this.state.departmentArr || []; return (