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, message, DatePicker,Modal ,Form } from 'antd'; import {getProjectStatus,getTaskStatus,getBonusState,getLiquidationStatus,getJsyPaymentType} from '@/tools'; import JsBonuseDetail from './jsBonusDetail'; const FormItem= Form.Item; const JsBonus = 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/technicianBonusStatistics", data: { pageNo: pageNo || 1, pageSize:this.state.pagination.pageSize, salesName: this.state.orderRefundSearch,//订单负责人 targetName: this.state.projectMenSearch,//项目负责人 departmentId:this.state.departmenttList, startTime: this.state.releaseDate[0], endTime: this.state.releaseDate[1], grantStatus: this.state.grantStatus }, 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, id:thisdata.id, tid:thisdata.tid, orderNo:thisdata.orderNo, taskReceiver:thisdata.taskReceiver, taskStatus:thisdata.taskStatus, commodityQuantity:thisdata.commodityQuantity, projectStatus:thisdata.projectStatus, byName:thisdata.byName, bonusSubject:thisdata.bonusSubject, grantStatus:thisdata.grantStatus, grantTime:thisdata.grantTime, targetName:thisdata.targetName, liquidationStatus:thisdata.liquidationStatus, licenceTime:thisdata.licenceTime?(new Date(thisdata.licenceTime)).toLocaleString():'', acceptTime:thisdata.acceptTime?(new Date(thisdata.acceptTime)).toLocaleString():'', reviewTime:thisdata.reviewTime?(new Date(thisdata.reviewTime)).toLocaleString():'' }); }; } 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:{}, 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: 'tid', key: 'tid', }, { title: '订单编号', dataIndex: 'orderNo', key: 'orderNo', }, { title: '任务负责人', dataIndex: 'taskReceiver', key: 'taskReceiver', }, { title: '任务状态', dataIndex: 'taskStatus', key: 'taskStatus', render:text=>{ return getTaskStatus(text) } }, { title: '任务数量', dataIndex: 'commodityQuantity', key: 'commodityQuantity' }, { title: '项目状态', dataIndex: 'projectStatus', key: 'projectStatus', render:(text)=>{ return getProjectStatus(text) } }, { title: '受理日期', dataIndex: 'acceptTime', key: 'acceptTime' }, { title: '评审日期', dataIndex: 'reviewTime', key: 'reviewTime' }, { title: '下证日期', dataIndex: 'licenceTime', key: 'licenceTime' },{ title: '订单结算状态', dataIndex: 'liquidationStatus', key: 'liquidationStatus', render:text=>{ return getLiquidationStatus(text) } }, { title: '发放类型', dataIndex: 'bonusSubject', key: 'bonusSubject', render:text=>{ return getJsyPaymentType(text) } },{ title: '发放状态', dataIndex: 'grantStatus', key: 'grantStatus', render:text=>{ return getBonusState(text) } }, { title: '操作', dataIndex: 'state11', key: 'state11', render:(text,recard)=>{ return
{!recard.grantStatus&&}
} }, ], dataSource: [], searchTime: [,] } }, proofread(recard){ this.setState({ boHuiVisible:true, proofData: recard, }) }, tableRowClick(record, index) { this.state.RowData = record; this.setState({ showDesc: true, }); }, closeDesc(e, s) { this.state.RowData={}; this.state.showDesc = e; if (s) { this.loadData(this.state.page); }; }, componentWillMount() { this.loadData(); this.departmentList(); }, search() { this.loadData(); }, boHuiOk(){ this.setState({ boHuiVisible:false }) this.loadData(this.state.page); }, boHuiCancel(e){ this.setState({ boHuiVisible:false }) }, //导出 exportExec(){ 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, salesName: this.state.orderRefundSearch,//订单负责人 targetName: this.state.projectMenSearch,//项目负责人 startTime: this.state.releaseDate[0], endTime: this.state.releaseDate[1], grantStatus: this.state.grantStatus } window.location.href=(globalConfig.context+'/api/admin/bonus/exportTechnicianBonusData?'+$.param(data)); }, //保存发放状态 boHuiSubmit(e){ e.preventDefault(); this.setState({ loading:true }); $.ajax({ method: "POST", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/bonus/changeBonus", data: { id: this.state.proofData.id, } }).done(function (data) { if (!data.error.length) { message.success('发放成功!'); this.boHuiOk(); } else { message.warning(data.error[0].message); }; this.setState({ loading: false }); }.bind(this)); }, reset() { this.state.orderRefundSearch=''; this.state.projectMenSearch=''; this.state.releaseDate = []; this.state.grantStatus=undefined; this.state.departmenttList=undefined; this.loadData(); }, 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 hasSelected = this.state.selectedRowKeys.length > 0; const { RangePicker } = DatePicker; let departmentArr = this.state.departmentArr || []; return (
技术员奖金
{ this.setState({ orderRefundSearch: e.target.value }); }} /> { this.setState({ projectMenSearch: e.target.value }); }} />
更多搜索
签单时间 : { this.setState({ releaseDate: dataString }); }} />
{this.state.proofData.salesName} {this.state.proofData.byName}
) } }) export default JsBonus;