import React from "react";
import $ from "jquery/src/ajax";
import moment from "moment";
import "./public.less";
import {
Form,
Button,
Input,
Select,
Spin,
Table,
message,
Modal,
Upload,
DatePicker,
Icon,
Tabs,
Popconfirm,
Tag
} from "antd";
import {
getProjectStatus,
getProvinceA,
getInvoiceStatus,
getprovince,
getStatus,
getPeople,
splitUrl
} from "@/tools";
import { ChooseList } from "../../../../component/manageCenter/order/orderNew/chooseList";
import "./huiKuan.less"
const { RangePicker } = DatePicker;
const FormItem = Form.Item;
const { TextArea } = Input;
const { TabPane } = Tabs;
const HuiKuan = React.createClass({
loadData(pageNo) {
this.state.data = [];
this.setState({
loading: true
});
$.ajax({
method: "get",
dataType: "json",
crossDomain: false,
url: globalConfig.context + "/api/admin/receivables/listReceivables",
data: {
pageNo: pageNo || 1,
pageSize: this.state.pagination.pageSize,
// 订单状态 判断是否重复
status: this.state.statusSearch,
// 订单编号
orderNo: this.state.orderNoSearch,
// 合同编号
contractNo: this.state.contractSearch,
// 付款方
corporateName: this.state.corporateName,
// 营销员名字
adminName: this.state.adminName,
// 客户名称
nickname: this.state.nickname,
// 订单所属部门id
orderDepId: this.state.orderDepId,
// 管理员部门id
adminDepId: this.state.adminDepId
},
success: function(data) {
let theArr = [];
if (!data.data || !data.data.pagination.list) {
if (data.error && data.error.length) {
message.warning(data.error[0].message);
}
} else {
for (let i = 0; i < data.data.pagination.list.length; i++) {
let thisdata = data.data.pagination.list[i];
theArr.push({
key: thisdata.id,
status: thisdata.status,
orderNo: thisdata.orderNo,
contractNo: thisdata.contractNo,
corporateName: thisdata.corporateName,
nickname: thisdata.nickname,
totalAmount: thisdata.totalAmount,
depName: thisdata.depName,
amount: thisdata.amount,
receivablesTimes: thisdata.receivablesTimes,
createTimes: thisdata.createTimes,
remarks: thisdata.remarks
});
}
}
this.state.pagination.current = data.data.pagination.pageNo;
this.state.pagination.total = data.data.pagination.totalCount;
if (
data.data &&
data.data.pagination.list &&
!data.data.pagination.list.length
) {
this.state.pagination.current = 0;
this.state.pagination.total = 0;
}
this.setState({
totalPage: data.data.pagination.totalPage,
dataSource: theArr,
pagination: this.state.pagination,
totalAmount: data.data.count.totalAmount,
amount: data.data.count.amount
});
console.log(this.state.dataSource);
}.bind(this)
}).always(
function() {
this.setState({
loading: false
});
}.bind(this)
);
},
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)
);
},
getInitialState() {
return {
visible: false,
selectedRowKeys: [], // Check here to configure the default column
loading: false,
searchMore: true,
assignVisible: false,
releaseDate: [],
totalPage: 0,
boHuivisible: false,
selectedRowKeys: [],
selectedRows: [],
// 弹出层数据
modalData: {},
// userName: "",
contractNo: "",
loading: false,
reason: "",
foo: 0,
// 子组件改变的表格title数组
changeList: undefined,
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: "contractNo",
key: "contractNo"
// fixed: "left"
},
{
title: "订单编号",
dataIndex: "orderNo",
key: "orderNo"
},
{
title: "客户名称",
dataIndex: "corporateName",
key: "corporateName"
},
{
title: "合同额",
dataIndex: "totalAmount",
key: "totalAmount"
},
{
title: "本次回款(万元)",
dataIndex: "amount",
key: "amount"
},
{
title: "回款时间",
dataIndex: "receivablesTimes",
key: "receivablesTimes"
},
{
title: "状态",
dataIndex: "status",
key: "status",
render: status => {
let str = "";
let color = "";
if (status == 0) {
str = "正常";
color = "#87d068";
} else if(status == 1) {
str = "重复";
color = "#f50";
}else {
str = "异常"
color = "#000";
}
return
合同编号:{this.state.modalData.name}
订单编号:{this.state.modalData.name}
客户名称:{this.state.modalData.name}
合同额(万元): { let val = e.target.value; this.state.modalData.hetong = val; this.setState({ modalData: this.state.modalData }); }} />
本次回款(万元): { let val = e.target.value; this.state.modalData.benci = val; this.setState({ modalData: this.state.modalData }); }} />
回款时间:
批量导入时间:{this.state.modalData.daoTime}
备注: