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, Tooltip
} from "antd";
import {
getProvinceA,
getInvoiceStatus,
getprovince,
getStatus,
getPeople,
splitUrl,
moneyVerify
} 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, pageSize) {
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: pageSize || this.state.pagination.pageSize,
// 订单状态 判断是否重复
status: this.state.statusSearch,
// 订单编号
orderNo: this.state.orderNoSearch,
// 合同编号
contractNo: this.state.nameSearch,
// 付款方
corporateName: this.state.payFrom,
// 营销员名字
adminName: this.state.adminName,
// 客户名称
nickname: this.state.nickname,
// 订单所属部门id
orderDepId: this.state.orderBranch,
// 管理员部门id
adminDepId: this.state.principalList
},
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: {
first: thisdata.status,
second: thisdata.inptStatus
},
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,
financialPayNo: thisdata.financialPayNo,
settlementAmount: thisdata.settlementAmount
});
}
}
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,
totalHui: data.data.count ? data.data.count.totalAmount : 0,
hui: data.data.count ? data.data.count.amount : 0
});
// 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 {
mergeModal: false,
visible: false,
selectedRowKeys: [], // Check here to configure the default column
loading: false,
searchMore: true,
assignVisible: false,
releaseDate: [],
totalPage: 0,
boHuivisible: false,
selectedRows: [],
// 弹出层数据
modalData: {},
// userName: "",
contractNo: "",
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 + "条数据";
}
},
paginationModal: {
pageSize: 100,
showTotal: function (total) {
return "共" + total + "条数据";
}
},
columns: [
{
title: "合同编号",
dataIndex: "contractNo",
key: "contractNo",
// fixed: "left"
className: "title-table"
},
{
title: "订单编号",
dataIndex: "orderNo",
key: "orderNo",
className: "title-table"
},
{
title: "流水编号",
dataIndex: "financialPayNo",
key: "financialPayNo",
className: "title-table"
},
{
title: "客户名称",
dataIndex: "nickname",
key: "nickname",
className: "title-table",
width: 150,
render: (text) => {
return (
{ {`回款金额总计(万元):${this.state.hui ? this.state.hui : "0"}`} } { {`合同额总计(万元):${ this.state.totalHui ? this.state.totalHui : "0" }`} }
合同编号: { let val = e.target.value; this.state.modalData.contractNo = val; this.setState({ modalData: this.state.modalData }); }} />
订单编号: { let val = e.target.value; this.state.modalData.orderNo = val; this.setState({ modalData: this.state.modalData }); }} />
流水编号: { let val = e.target.value; this.state.modalData.financialPayNo = val; this.setState({ modalData: this.state.modalData }); }} />
付款方: { let val = e.target.value; this.state.modalData.corporateName = val; this.setState({ modalData: this.state.modalData }); }} />
客户名称: { let val = e.target.value; this.state.modalData.nickname = val; this.setState({ modalData: this.state.modalData }); }} />
合同额(万元): { let val = e.target.value; this.state.modalData.totalAmount = val; this.setState({ modalData: this.state.modalData }); }} />
本次回款(万元): { let val = e.target.value; this.state.modalData.amount = val; this.setState({ modalData: this.state.modalData }); }} />
回款时间:
批量导入时间: { let val = e.target.value; this.state.modalData.createTimes = val; this.setState({ modalData: this.state.modalData }); }} />
备注:
{ {`回款金额总计(万元):${ this.state.hui ? this.state.hui : "0" }`} } { {`合同额总计(万元):${ this.state.totalHui ? this.state.totalHui : "0" }`} }