|
|
|
|
@ -3,12 +3,12 @@
|
|
|
|
|
* @Author: tangjiang
|
|
|
|
|
* @Github:
|
|
|
|
|
* @Date: 2019-11-27 09:49:33
|
|
|
|
|
* @LastEditors: tangjiang
|
|
|
|
|
* @LastEditTime: 2019-12-20 19:35:01
|
|
|
|
|
* @LastEditors : tangjiang
|
|
|
|
|
* @LastEditTime : 2019-12-25 14:45:20
|
|
|
|
|
*/
|
|
|
|
|
import './index.scss';
|
|
|
|
|
import React, { useState, useEffect } from 'react';
|
|
|
|
|
import { Table, Icon, message } from 'antd';
|
|
|
|
|
import { Table, Icon, message, Pagination } from 'antd';
|
|
|
|
|
import { connect } from 'react-redux';
|
|
|
|
|
import { Link } from 'react-router-dom';
|
|
|
|
|
import actions from '../../../../../redux/actions';
|
|
|
|
|
@ -20,6 +20,7 @@ import ErrorResult from '../../../components/errorResult';
|
|
|
|
|
const numberal = require('numeral');
|
|
|
|
|
|
|
|
|
|
const {reviewResult} = CONST;
|
|
|
|
|
// 表格列
|
|
|
|
|
const columns = [
|
|
|
|
|
{
|
|
|
|
|
title: '提交时间',
|
|
|
|
|
@ -60,29 +61,30 @@ const columns = [
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
|
|
|
|
|
const paginationConfig = {
|
|
|
|
|
total: 1, // 总条数
|
|
|
|
|
pageSize: 10, // 每页显示条数
|
|
|
|
|
current: 1, // 当前页数
|
|
|
|
|
showQuickJumper: true
|
|
|
|
|
}
|
|
|
|
|
// const paginationConfig = {
|
|
|
|
|
// total: 1, // 总条数
|
|
|
|
|
// pageSize: 5, // 每页显示条数
|
|
|
|
|
// current: 1, // 当前页数
|
|
|
|
|
// showQuickJumper: true
|
|
|
|
|
// }
|
|
|
|
|
const CommitRecord = (props) => {
|
|
|
|
|
|
|
|
|
|
const {
|
|
|
|
|
identifier,
|
|
|
|
|
pages,
|
|
|
|
|
commitRecord,
|
|
|
|
|
// excuteState,
|
|
|
|
|
language,
|
|
|
|
|
operateType,
|
|
|
|
|
commitRecordDetail,
|
|
|
|
|
getUserCommitRecord
|
|
|
|
|
getUserCommitRecord,
|
|
|
|
|
changeRecordPagination
|
|
|
|
|
} = props;
|
|
|
|
|
|
|
|
|
|
const [pagination, setPagination] = useState(paginationConfig);
|
|
|
|
|
const [tableData, setTableData] = useState([]);
|
|
|
|
|
|
|
|
|
|
const [current, setCurrent] = useState(1);
|
|
|
|
|
// const [pagination, setPagination] = useState(paginationConfig);
|
|
|
|
|
// const [tableData, setTableData] = useState([]);
|
|
|
|
|
// 复制面板
|
|
|
|
|
let clipboard;
|
|
|
|
|
|
|
|
|
|
// const [recordDetail, setRecordDetail] = useState({});
|
|
|
|
|
const [renderCtx, setRenderCtx] = useState(() => {
|
|
|
|
|
return function () {
|
|
|
|
|
@ -140,12 +142,12 @@ const CommitRecord = (props) => {
|
|
|
|
|
getUserCommitRecord(identifier);
|
|
|
|
|
}, []);
|
|
|
|
|
// 提交记录变化时，同步到表单数据
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
const len = commitRecord.length;
|
|
|
|
|
const pageConfig = Object.assign({}, paginationConfig, {total: len});
|
|
|
|
|
setTableData(commitRecord);
|
|
|
|
|
setPagination(pageConfig);
|
|
|
|
|
}, [commitRecord]);
|
|
|
|
|
// useEffect(() => {
|
|
|
|
|
// // const len = commitRecord.length;
|
|
|
|
|
// // const pageConfig = Object.assign({}, paginationConfig, {total: len});
|
|
|
|
|
// setTableData(commitRecord);
|
|
|
|
|
// // setPagination(pageConfig);
|
|
|
|
|
// }, [commitRecord]);
|
|
|
|
|
// 提交详情变化时，显示当前提交信息
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
// setRecordDetail(commitRecordDetail);
|
|
|
|
|
@ -179,20 +181,46 @@ const CommitRecord = (props) => {
|
|
|
|
|
// });
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
const handleTableChange = (pagination) => {
|
|
|
|
|
setPagination(Object.assign({}, pagination));
|
|
|
|
|
// const handleTableChange = (pagination) => {
|
|
|
|
|
// setPagination(Object.assign({}, pagination));
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
const handlePaginationChange = (page) => {
|
|
|
|
|
setCurrent(page);
|
|
|
|
|
changeRecordPagination(page);
|
|
|
|
|
// 调用查询接口
|
|
|
|
|
getUserCommitRecord(identifier);
|
|
|
|
|
// setPagination(Object.assign({}, pagination, { current: page}));
|
|
|
|
|
// console.log('======>>>>>>', pagination)
|
|
|
|
|
}
|
|
|
|
|
// console.log(commitRecord);
|
|
|
|
|
|
|
|
|
|
const _style = {
|
|
|
|
|
display: pages.total > pages.limit ? 'block' : 'none'
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className={'commit_record_area'}>
|
|
|
|
|
{renderCtx()}
|
|
|
|
|
<Table
|
|
|
|
|
columns={columns}
|
|
|
|
|
rowKey={function (record) { return `key_${record.id}`}}
|
|
|
|
|
dataSource={tableData}
|
|
|
|
|
pagination={pagination}
|
|
|
|
|
onChange={handleTableChange}
|
|
|
|
|
/>
|
|
|
|
|
<div className="commit_record_table_pagination">
|
|
|
|
|
<Table
|
|
|
|
|
columns={columns}
|
|
|
|
|
rowKey={function (record) { return `key_${record.id}`}}
|
|
|
|
|
dataSource={commitRecord}
|
|
|
|
|
// pagination={pagination}
|
|
|
|
|
// onChange={handleTableChange}
|
|
|
|
|
pagination={false}
|
|
|
|
|
/>
|
|
|
|
|
<div className="commit_record_pagination" style={_style}>
|
|
|
|
|
<Pagination
|
|
|
|
|
showQuickJumper
|
|
|
|
|
pageSize={pages.limit}
|
|
|
|
|
current={current}
|
|
|
|
|
total={pages.total}
|
|
|
|
|
onChange={handlePaginationChange}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
@ -207,7 +235,8 @@ const mapStateToProps = (state) => {
|
|
|
|
|
commitRecordDetail,
|
|
|
|
|
commitRecord,
|
|
|
|
|
hack,
|
|
|
|
|
operateType
|
|
|
|
|
operateType,
|
|
|
|
|
pages
|
|
|
|
|
} = ojForUserReducer;
|
|
|
|
|
const { excuteState } = commonReducer;
|
|
|
|
|
return {
|
|
|
|
|
@ -216,11 +245,13 @@ const mapStateToProps = (state) => {
|
|
|
|
|
commitRecord, // 提交记录
|
|
|
|
|
excuteState, // 代码执行状态
|
|
|
|
|
language: hack.language,
|
|
|
|
|
operateType
|
|
|
|
|
operateType,
|
|
|
|
|
pages
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
const mapDispatchToProps = (dispatch) => ({
|
|
|
|
|
getUserCommitRecord: (identifier) => dispatch(actions.getUserCommitRecord(identifier))
|
|
|
|
|
getUserCommitRecord: (identifier) => dispatch(actions.getUserCommitRecord(identifier)),
|
|
|
|
|
changeRecordPagination: (page) => dispatch(actions.changeRecordPagination(page))
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
export default connect(
|
|
|
|
|
|
cxt
5 years ago