import { Component } from 'react'; import { Input, Select, Spin, Table, message, Button } from 'antd'; class UserLibrary extends Component { constructor(props) { super(props); this.state = { loading: false, dataSource: [], pagination: { defaultCurrent: 1, defaultPageSize: 10, showQuickJumper: true, pageSize: 10, onChange: function(page) { this.loadData(page); this.setState({ selectedRowKeys: [] }); }.bind(this), showTotal: function(total) { return '共' + total + '条数据'; } }, columns: [ { title: '客户名称', dataIndex: 'name', key: 'name' }, { title: '手机号码', dataIndex: 'photo', key: 'photo' }, { title: '用户类型', dataIndex: 'userType', key: 'userType', render: (text) => { return text == '1' ? '企业用户' : '个人用户'; } }, { title: '注册时间', dataIndex: 'createTime', key: 'createTime' } ] }; } loadData(pageNo) { this.state.data = []; this.setState({ page:pageNo, loading: true }); $.ajax({ method: "get", dataType: "json", crossDomain: false, url: globalConfig.context + "/api/user/achievement/lis", data: { pageNo: pageNo || 1, pageSize: this.state.pagination.pageSize, userType: this.state.userType, //需求名称 userName: this.state.userName, photo:this.state.photo }, success: function (data) { let theArr = []; if (!data.data || !data.data.list) { 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, name: thisdata.name, //编号 photo: thisdata.photo, userType: thisdata.userType, createTime:thisdata.createTime?(new Date(thisdata.createTime)).toLocaleString():'' }); }; }; this.state.pagination.current = data.data.pageNo; this.state.pagination.total = data.data.totalCount; if(data.data&&data.data.list&&!data.data.list.length){ this.state.pagination.current=0 this.state.pagination.total=0 }; this.setState({ total:data.data.totalCount, dataSource: theArr, pagination: this.state.pagination }); }.bind(this), }).always(function () { this.setState({ loading: false }); }.bind(this)); } search() { this.loadData(); } reset() { this.state.userName = ''; this.state.userType = undefined; this.state.photo = ''; this.loadData(); } componentWillMount() { this.loadData(); } render() { const rowSelection = { selectedRowKeys: this.state.selectedRowKeys, onChange: (selectedRowKeys, selectedRows) => { this.setState({ selectedRows: selectedRows.slice(-1), selectedRowKeys: selectedRowKeys.slice(-1) }); } }; return (