import React,{Component}from 'react'; import {Button, DatePicker, Icon, Input, message, Select, Table} from "antd"; import SpinContainer from "../../../SpinContainer"; import $ from "jquery/src/ajax"; import moment from "moment"; const { RangePicker } = DatePicker; class Pay extends Component{ constructor(props) { super(props); this.state={ searchUserName: '', searchPayState: '', time: [], loading: false, columns:[ { title: '序号', dataIndex: 'key', key: 'key' }, { title: '用户ID', dataIndex: 'id', key: 'id' }, { title: '用户呢称', dataIndex: 'nickName', key: 'nickName' }, { title: '电话', dataIndex: 'phone', key: 'phone' }, { title: '发起支付时间', dataIndex: 'time', key: 'time' }, { title: '金额', dataIndex: 'lv', key: 'lv' }, { title: '支付状态', dataIndex: 'start', key: 'start' }, ], dataSource:[], pagination: { defaultCurrent: 1, defaultPageSize: 10, showQuickJumper: true, pageSize: 10, onChange: function (page) { this.loadData(page); }.bind(this), showTotal: function (total) { return '共' + total + '条数据'; } }, } this.search = this.search.bind(this); this.reset = this.reset.bind(this); this.tableRowClick = this.tableRowClick.bind(this); this.loadData = this.loadData.bind(this); } search(){this.loadData();} reset(){ this.setState({ searchUserName: '', searchPayState: '', time: [], },()=>{ this.loadData(); }) } tableRowClick(){ } loadData(pageNo = 1) { this.setState({ loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/admin/news/listNews", data: { pageNo: pageNo || 1, pageSize: 10, userName: this.state.searchUserName || undefined, payState: this.state.searchPayState || undefined, payStart: this.state.time[0] || undefined, payEnd: this.state.time[1] || undefined, } }).done((data1) => { let theArr = []; if (data1.error.length !== 0) { message.warning(data1.error[0].message); } else { for (let i = 0; i < data1.data.list.length; i++) { data1.data.list[i].key = (data1.data.pageNo-1)*10+(i+1); } this.state.pagination.current = data1.data.pageNo; this.state.pagination.total = data1.data.totalCount; } this.setState({ dataSource: data1.data.list, pagination: this.state.pagination, }); }).always(function () { this.setState({ loading: false }); }.bind(this)) } componentDidMount() { this.loadData(); } render() { return (
支付管理
{ this.setState({ searchUserName: e.target.value }); }} /> 提交日期: { this.setState({ time: dataString }); }} />
) } } export default Pay;