|
|
|
@ -15,6 +15,7 @@ import actions from '../../redux/actions';
|
|
|
|
import MultipTags from './components/multiptags';
|
|
|
|
import MultipTags from './components/multiptags';
|
|
|
|
import { Link } from 'react-router-dom';
|
|
|
|
import { Link } from 'react-router-dom';
|
|
|
|
import CONST from '../../constants';
|
|
|
|
import CONST from '../../constants';
|
|
|
|
|
|
|
|
import { withRouter } from 'react-router';
|
|
|
|
|
|
|
|
|
|
|
|
const {tagBackground, diffText} = CONST;
|
|
|
|
const {tagBackground, diffText} = CONST;
|
|
|
|
const { Search } = Input;
|
|
|
|
const { Search } = Input;
|
|
|
|
@ -96,66 +97,67 @@ const testMaps = {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
class DeveloperHome extends React.PureComponent {
|
|
|
|
* 表格列
|
|
|
|
/**
|
|
|
|
*/
|
|
|
|
* 表格列
|
|
|
|
const options = {
|
|
|
|
*/
|
|
|
|
title: '操作',
|
|
|
|
options = {
|
|
|
|
key: 'action',
|
|
|
|
title: '操作',
|
|
|
|
fixed: 'right',
|
|
|
|
key: 'action',
|
|
|
|
width: 100,
|
|
|
|
fixed: 'right',
|
|
|
|
render: (text, record) => (
|
|
|
|
width: 100,
|
|
|
|
<span>
|
|
|
|
render: (text, record) => (
|
|
|
|
<Button type="primary">
|
|
|
|
<span>
|
|
|
|
<Link to={`/problems/${record.identifier}/edit`}>编辑</Link>
|
|
|
|
<Button type="primary">
|
|
|
|
</Button>
|
|
|
|
<Link to={`/problems/${record.identifier}/edit`}>编辑</Link>
|
|
|
|
</span>
|
|
|
|
</Button>
|
|
|
|
),
|
|
|
|
</span>
|
|
|
|
}
|
|
|
|
),
|
|
|
|
const columns = [
|
|
|
|
}
|
|
|
|
{
|
|
|
|
|
|
|
|
title: '标题',
|
|
|
|
columns = [
|
|
|
|
dataIndex: 'name',
|
|
|
|
{
|
|
|
|
render: (name, record) => <Link style={{ color: '#459be5' }} to={`/myproblems/${record.identifier}`}>{name}</Link>
|
|
|
|
title: '标题',
|
|
|
|
},
|
|
|
|
dataIndex: 'name',
|
|
|
|
{
|
|
|
|
render: (name, record) => <Button type="link" onClick={() => this.handleNameClick(record)} className={'oj_item_name'}>{name}</Button>
|
|
|
|
title: '分类',
|
|
|
|
},
|
|
|
|
dataIndex: 'category',
|
|
|
|
{
|
|
|
|
width: '20%',
|
|
|
|
title: '分类',
|
|
|
|
align: 'center',
|
|
|
|
dataIndex: 'category',
|
|
|
|
render: (category) => <span>{category ? testMaps['category'][+category] : '-'}</span>
|
|
|
|
width: '20%',
|
|
|
|
},
|
|
|
|
align: 'center',
|
|
|
|
{
|
|
|
|
render: (category) => <span>{category ? testMaps['category'][+category] : '-'}</span>
|
|
|
|
title: '难度',
|
|
|
|
},
|
|
|
|
dataIndex: 'difficult',
|
|
|
|
{
|
|
|
|
align: 'center',
|
|
|
|
title: '难度',
|
|
|
|
width: '15%',
|
|
|
|
dataIndex: 'difficult',
|
|
|
|
render: (difficult) => {
|
|
|
|
align: 'center',
|
|
|
|
if (difficult) {
|
|
|
|
width: '15%',
|
|
|
|
return <Tag color={tagBackground[+difficult]}>{diffText[+difficult]}</Tag>
|
|
|
|
render: (difficult) => {
|
|
|
|
} else {
|
|
|
|
if (difficult) {
|
|
|
|
return '-';
|
|
|
|
return <Tag color={tagBackground[+difficult]}>{diffText[+difficult]}</Tag>
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
return '-';
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '热度',
|
|
|
|
title: '热度',
|
|
|
|
dataIndex: 'hack_user_lastest_codes_count',
|
|
|
|
dataIndex: 'hack_user_lastest_codes_count',
|
|
|
|
sorter: true,
|
|
|
|
sorter: true,
|
|
|
|
align: 'center',
|
|
|
|
align: 'center',
|
|
|
|
width: '10%'
|
|
|
|
width: '10%'
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '通过率',
|
|
|
|
title: '通过率',
|
|
|
|
dataIndex: 'passed_rate',
|
|
|
|
dataIndex: 'passed_rate',
|
|
|
|
sorter: true,
|
|
|
|
sorter: true,
|
|
|
|
align:'right',
|
|
|
|
align:'right',
|
|
|
|
width: '10%',
|
|
|
|
width: '10%',
|
|
|
|
render: val => <span>{`${val}%`}</span>
|
|
|
|
render: val => <span>{`${val}%`}</span>
|
|
|
|
},
|
|
|
|
},
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class DeveloperHome extends React.PureComponent {
|
|
|
|
|
|
|
|
state = {
|
|
|
|
state = {
|
|
|
|
data: [],
|
|
|
|
data: [],
|
|
|
|
loading: false,
|
|
|
|
loading: false,
|
|
|
|
@ -170,7 +172,7 @@ class DeveloperHome extends React.PureComponent {
|
|
|
|
page: 1, // 当前页数
|
|
|
|
page: 1, // 当前页数
|
|
|
|
limit: 10 // 每页显示条件
|
|
|
|
limit: 10 // 每页显示条件
|
|
|
|
},
|
|
|
|
},
|
|
|
|
columns: columns,
|
|
|
|
columns: this.columns,
|
|
|
|
searchInfo: []
|
|
|
|
searchInfo: []
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
@ -179,7 +181,7 @@ class DeveloperHome extends React.PureComponent {
|
|
|
|
const { isMySource } = this.props;
|
|
|
|
const { isMySource } = this.props;
|
|
|
|
if (isMySource) {
|
|
|
|
if (isMySource) {
|
|
|
|
this.handleFilterSearch({come_from: 'mine'});
|
|
|
|
this.handleFilterSearch({come_from: 'mine'});
|
|
|
|
let _columns = columns.concat([options]);
|
|
|
|
let _columns = this.columns.concat([this.options]);
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
columns: _columns
|
|
|
|
columns: _columns
|
|
|
|
});
|
|
|
|
});
|
|
|
|
@ -309,13 +311,13 @@ class DeveloperHome extends React.PureComponent {
|
|
|
|
this.handleFilterSearch({come_from: item.key === 'all' ? '' : item.key});
|
|
|
|
this.handleFilterSearch({come_from: item.key === 'all' ? '' : item.key});
|
|
|
|
|
|
|
|
|
|
|
|
if (item.key !== 'all') {
|
|
|
|
if (item.key !== 'all') {
|
|
|
|
let _columns = columns.concat([options]);
|
|
|
|
let _columns = this.columns.concat([this.options]);
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
columns: _columns
|
|
|
|
columns: _columns
|
|
|
|
});
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
columns: columns
|
|
|
|
columns: this.columns
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -333,10 +335,19 @@ class DeveloperHome extends React.PureComponent {
|
|
|
|
});
|
|
|
|
});
|
|
|
|
if (info.type === 'come_from' && info.key === 'mine') {
|
|
|
|
if (info.type === 'come_from' && info.key === 'mine') {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
columns: columns
|
|
|
|
columns: this.columns
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 点击name
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
handleNameClick = (record) => {
|
|
|
|
|
|
|
|
console.log('name has click', record);
|
|
|
|
|
|
|
|
// 先调用start接口获取返回的 identifier, 再跳转到开启编辑
|
|
|
|
|
|
|
|
this.props.startProgramQuestion(record.identifier, this.props);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
render () {
|
|
|
|
render () {
|
|
|
|
// const { testReducer, handleClick } = this.props;
|
|
|
|
// const { testReducer, handleClick } = this.props;
|
|
|
|
const {
|
|
|
|
const {
|
|
|
|
@ -453,10 +464,11 @@ const mapDispatchToProps = (dispatch) => ({
|
|
|
|
handleClick: () => dispatch(actions.toggleTodo()),
|
|
|
|
handleClick: () => dispatch(actions.toggleTodo()),
|
|
|
|
fetchOJList: (params) => dispatch(actions.getOJList(params)),
|
|
|
|
fetchOJList: (params) => dispatch(actions.getOJList(params)),
|
|
|
|
changePaginationInfo: (obj) => dispatch(actions.changePaginationInfo(obj)),
|
|
|
|
changePaginationInfo: (obj) => dispatch(actions.changePaginationInfo(obj)),
|
|
|
|
|
|
|
|
startProgramQuestion: (id, props) => dispatch(actions.startProgramQuestion(id, props))
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
export default connect(
|
|
|
|
export default withRouter(connect(
|
|
|
|
mapStateToProps,
|
|
|
|
mapStateToProps,
|
|
|
|
mapDispatchToProps
|
|
|
|
mapDispatchToProps
|
|
|
|
)(DeveloperHome);
|
|
|
|
)(DeveloperHome));
|
|
|
|
// export default DeveloperHome;
|
|
|
|
// export default DeveloperHome;
|
|
|
|
|
