import React from 'react';
import ReactDom from 'react-dom';
import ajax from 'jquery/src/ajax/xhr.js';
import $ from 'jquery/src/ajax';
import { Form,Radio, Icon, Button, Input, Select, Spin, Table, Switch, message, Modal, Upload ,Popconfirm,DatePicker} from 'antd';
import MySettlementDetaile from "./projectManageDetaile.jsx";
import moment from 'moment';
import '../userMangagement.less';
import {intentProgress,transactionProgress,contractProgress,projectProgress,projectState} from '../../../../dataDic.js';
import {getIntentProgress,getTransactionProgress,getContractProgress,getProjectProgress,getProjectState} from '../../../../tools.js';
const ProjectOrder=Form.create()(React.createClass({
loadData(pageNo) {
this.state.data = [];
this.setState({
pageNo:pageNo,
loading: true
});
$.ajax({
method: "post",
dataType: "json",
crossDomain: false,
url: globalConfig.context + '/api/admin/roles',
data: {
pageNo: pageNo || 1,
pageSize: this.state.pagination.pageSize,
startDate: this.state.releaseDate[0],
endDate: this.state.releaseDate[1],
departmentt:this.state.departmentt,
startDateOrder: this.state.releaseDateOrder[0],
endDateOrder: this.state.releaseDateOrder[1],
customerNameSearch:this.state.customerNameSearch,//客户名称
approvedSearch:this.state.approvedSearch, //是否特批
orderStatusSearch:this.state.orderStatusSearch, //订单状态
orderDepartmentSearch:this.state.orderDepartmentSearch, //订单部门
orderLeaderSearch:this.state.orderLeaderSearch,//订单负责人
financeLeaderSearch:this.state.financeLeaderSearch,//财务负责人
},
success: function (data) {
let theArr = [];
if (!data.data) {
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,
roleName: thisdata.roleName,
creater:thisdata.creater,
createTime:thisdata.createTimez,
pages:pageNo
});
};
this.state.pagination.current = data.data.pageNo;
this.state.pagination.total = data.data.totalCount;
};
if(!data.data.list.length){
this.state.pagination.current=0
this.state.pagination.total=0
}
this.setState({
newProject:false,
dataSource: theArr,
pagination: this.state.pagination,
selectedRowKeys:[]
});
}.bind(this),
}).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
getInitialState() {
return {
datauser:{},
selectedRowKeys: [],
selectedRows: [],
searchMore: true,
releaseDate: [],
releaseDateOrder:[],
projectState:false,
newProject:false,
loading: false,
KnotState:true,
distributionVisible:false,
visible:false,
showDesc: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: 'roleName',
key: 'roleName'
},{
title: '立项时间',
dataIndex: 'creater7',
key: 'creater7'
},{
title: '客户名称',
dataIndex: 'roleName1',
key: 'roleName1'
},
{
title: '项目类型',
dataIndex: 'creater1',
key: 'creater1'
}, {
title: '项目负责人',
dataIndex: 'createTime1',
key: 'createTime1',
render:(text)=>{return getIntentProgress(text) }
},{
title: '项目状态',
dataIndex: 'roleName2',
key: 'roleName2',
render:(text)=>{return getTransactionProgress(text) }
}, {
title: '是否锁定',
dataIndex: 'creater2',
key: 'creater2',
render:(text)=>{return getContractProgress(text) }
},{
title: '是否作废',
dataIndex: 'creater77',
key: 'creater77',
render:(text)=>{return getContractProgress(text) }
},{
title: '订单编号',
dataIndex: 'creater9',
key: 'creater9',
},{
title: '下单时间',
dataIndex: 'creater91',
key: 'creater91',
},{
title: '订单状态',
dataIndex: 'creater7700',
key: 'creater7700',
render:(text)=>{return getContractProgress(text) }
},{
title: '结算状态',
dataIndex: 'creater922',
key: 'creater922',
},{
title: '是否特批',
dataIndex: 'creater9111',
key: 'creater9111',
},{
title: '操作',
dataIndex: 'rr',
key: 'rr',
render:(text,record,index)=>{
return (
{this.scrapOrder(record)}} okText="确认" cancelText="取消">
)
}
}
],
dataSource: [],
};
},
//部门
departmentList() {
this.setState({
loading: true
});
$.ajax({
method: "post",
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);
};
thedata = {};
}else{
thedata.map(function(item,index){
theArr.push({
key:index,
name:item.name,
id:item.id,
depNo:item.depNo
})
})
}
this.setState({
departmentArr:theArr,
})
}.bind(this),
}).always(function() {
this.setState({
loading: false
});
}.bind(this));
},
//作废项目
scrapOrder(record){
this.setState({
loading: true
});
$.ajax({
method: "POST",
dataType: "json",
crossDomain: false,
url: globalConfig.context +'/api/zuofei',
data: {
id:record.id,
}
}).done(function(data) {
this.setState({
loading: false
});
if(!data.error.length) {
message.success('操作成功!');
this.loadData(this.state.pageNo);
} else {
message.warning(data.error[0].message);
}
}.bind(this));
},
//创建项目
addClick() {
this.setState({
newProject:true,
signBillVisible:false,
showDesc: false
});
},
componentWillMount() {
this.loadData();
this.departmentList()
},
//立项
edit(record) {
this.setState({
newProject:false,
Kid:record.id,
signBillVisible:true
})
this.editData(record)
},
//项目管理
Knot(record){
this.state.userDetaile=true;
this.state.datauser = record;
this.setState({
projectState:true,
newProject:false,
showDesc: true
});
},
noProject(){
this.setState({
signBillVisible:false
})
},
//立项。结项前数据获取
editData(xhr){
$.ajax({
method: "POST",
dataType: "json",
crossDomain: false,
url: globalConfig.context + 'api/lixiang-shuju',
data: {
id:xhr.id,
},
success: function (data) {
if (!data.data) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
};
} else {
};
}.bind(this)},
).always(function () {
this.setState({
loading: false
});
}.bind(this));
},
//立项、结项保存操作
projectSubmit(e){
e.preventDefault();
this.setState({
loading: true
});
let api=this.state.KnotState?'/api/admin/lixiang':'/api/admin/jiexiang';
$.ajax({
method: "POST",
dataType: "json",
crossDomain: false,
url: globalConfig.context +api ,
data: {
id:this.state.Kid,
}
}).done(function(data) {
this.setState({
loading: false
});
if(!data.error.length) {
message.success('操作成功!');
this.noProject();
this.loadData(this.state.pageNo);
} else {
message.warning(data.error[0].message);
}
}.bind(this));
},
closeDesc(e, s) {
this.state.userDetaile=false;
this.state.showDesc = e;
if (s) {
this.loadData(this.state.pageNo);
};
},
searchSwitch() {
this.setState({
newProject:false,
searchMore: !this.state.searchMore
});
},
search() {
this.loadData();
},
tableRowClick(record, index) {
this.state.userDetaile=true;
this.state.datauser = record;
this.setState({
projectState:false,
newProject:false,
showDesc: true
});
},
reset() {
this.state.customerNameSearch='';
this.state.releaseDate[0] = undefined;
this.state.releaseDate[1] = undefined;
this.state.releaseDateOrder[0] = undefined;
this.state.releaseDateOrder[1] = undefined;
this.state.departmentt=undefined;
this.state.approvedSearch = undefined;
this.state.orderStatusSearch = undefined;
this.state.orderDepartmentSearch = undefined;
this.state.orderLeaderSearch = '';
this.state.financeLeaderSearch = '';
this.loadData();
},
render() {
const FormItem = Form.Item;
const formItemLayout = {
labelCol: { span: 8 },
wrapperCol: { span: 14 },
};
const { RangePicker } = DatePicker;
const rowSelection = {
selectedRowKeys: this.state.selectedRowKeys,
onChange: (selectedRowKeys, selectedRows) => {
this.setState({
selectedRows: selectedRows.slice(-1),
selectedRowKeys: selectedRowKeys.slice(-1)
});
},
onSelectAll: (selected, selectedRows, changeRows) => {
this.setState({
selectedRowKeys:[]
})
},
};
const hasSelected = this.state.selectedRowKeys.length > 0;
let departmentArr = this.state.departmentArr || [];
return (
);
}
}));
export default ProjectOrder;