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 {str}; } }, { title: "批量导入时间", dataIndex: "createTimes", key: "createTimes" }, { title: "备注", dataIndex: "remarks", key: "remarks" } ], columnsDate: [ { title: "编号", dataIndex: "id", key: "id" }, { title: "订单编号", dataIndex: "orderno", key: "orderno" }, { title: "开票金额(万元)", dataIndex: "amount", key: "amount" }, { title: "申请时间", dataIndex: "createTime", key: "createTime" }, { title: "开票状态", dataIndex: "status", key: "status", render: text => { return getInvoiceStatus(text); } } ], dataSource: [], upLoadFlag: false, upLoad: { name: "file", action: "https://www.mocky.io/v2/5cc8019d300000980a055e76", headers: { authorization: "authorization-text" }, onChange: info => { if (info.file.status !== "uploading") { console.log(info.file, info.fileList); } if (info.file.status === "done") { message.success(`${info.file.name} 文件上传成功`); this.state.upLoadFlag = true; this.setState({ upLoadFlag: this.state.upLoadFlag, dataSource }); } else if (info.file.status === "error") { message.error(`${info.file.name} 文件上传失败`); this.state.upLoadFlag = false; this.setState({ upLoadFlag: this.state.upLoadFlag }); } console.log(info); } // beforeUpload: (file,fileList) => { // if (fileList.length = 1) { // this.state.upLoadFlag = true; // this.setState({ // upLoadFlag: this.state.upLoadFlag // }); // } else { // this.state.upLoadFlag = false; // this.setState({ // upLoadFlag: this.state.upLoadFlag // }); // } // } } }; }, search() { this.loadData(); }, componentWillMount() { this.loadData(); this.departmentList(); $("#rcDialogTitle0").on("click", function() { alert(123); console.log(123); }); }, reset() { this.state.nameSearch = ""; this.state.releaseDate = []; this.state.orderNoSearch = ""; this.state.userName = ""; this.state.departmenttList = []; this.state.orderUserName = ""; this.state.principalList = []; this.state.payFrom = ""; this.state.orderStatus = []; // this.loadData(); }, changeList(arr) { const newArr = []; this.state.columns.forEach(item => { arr.forEach(val => { if (val === item.title) { newArr.push(item); } }); }); this.setState({ changeList: newArr }); }, onSelectChange(selectedRowKeys) { console.log("selectedRowKeys changed: ", selectedRowKeys); this.setState({ selectedRowKeys }); }, showModal() { this.setState({ visible: true }); this.state.dataSource.forEach((item) => { if(item.key == this.state.selectedRowKeys[0]) { this.setState({ modalData: item }) } }) }, handleOk() { this.setState({ loading: true }); setTimeout(() => { this.setState({ loading: false, visible: false }); }, 3000); }, handleCancel() { this.setState({ visible: false }); }, callback(key) { console.log(key); }, delChecked() { console.log("被删除列表",this.state.selectedRowKeys); // this.loadData() }, delAllChecked() { console.log("删除全部"); // this.loadData() // console.log("aaa", $(".ant-modal-content")); }, mergeAll() { console.log("合并全部"); // this.loadData() }, render() { const formItemLayout = { labelCol: { span: 8 }, wrapperCol: { span: 14 } }; var departmentArr = this.state.departmentArr || []; const { loading, selectedRowKeys, visible } = this.state; const rowSelection = { selectedRowKeys, onChange: this.onSelectChange, hideDefaultSelections: true }; var departmentArr = this.state.departmentArr || []; return (
回款
{ this.setState({ nameSearch: e.target.value }); }} /> { this.setState({ orderNoSearch: e.target.value }); }} /> { this.setState({ userName: e.target.value }); }} /> { this.setState({ userName: e.target.value }); }} /> { this.setState({ payFrom: e.target.value }); }} />
取消 , ]} >

合同编号:{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.huiTime = e; console.log(e); this.setState({ modalData: this.state.modalData }); }} onOk={() => {}} />

批量导入时间:{this.state.modalData.daoTime}

备注: