dev_forum
parent
be61ab77ee
commit
d3c515392f
@ -1,173 +1,181 @@
|
|||||||
import React, {Component} from "react";
|
import React, {Component} from "react";
|
||||||
import {WordsBtn} from 'educoder';
|
import {WordsBtn} from 'educoder';
|
||||||
import {Table} from "antd";
|
import {Table} from "antd";
|
||||||
import {Link,Switch,Route,Redirect} from 'react-router-dom';
|
import {Link,Switch,Route,Redirect} from 'react-router-dom';
|
||||||
|
|
||||||
class OfficialAcademicTranscript extends Component {
|
class OfficialAcademicTranscript extends Component {
|
||||||
|
|
||||||
constructor(props) {
|
constructor(props) {
|
||||||
super(props);
|
super(props);
|
||||||
this.state = {
|
this.state = {
|
||||||
loadingstate:true,
|
loadingstate:true,
|
||||||
datas:undefined
|
datas:undefined
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
myjumptopic=(e)=>{
|
||||||
render() {
|
console.log("获取到值");
|
||||||
|
console.log(e);
|
||||||
let {data}=this.props;
|
this.props.jumptopic(e);
|
||||||
|
}
|
||||||
let datas=[];
|
|
||||||
if(data!=undefined){
|
render() {
|
||||||
data.stage_list===undefined?"":data.stage_list.forEach((item,key)=>{
|
|
||||||
datas.push({
|
let {data}=this.props;
|
||||||
customs: key+1,
|
|
||||||
taskname:{name:item.name,complete_status:item.complete_status},
|
let datas=[];
|
||||||
openingtime:item.open_time,
|
if(data!=undefined){
|
||||||
evaluating: item.evaluate_count,
|
data.stage_list===undefined?"":data.stage_list.forEach((item,key)=>{
|
||||||
finishtime:item.finished_time,
|
datas.push({
|
||||||
elapsedtime:item.time_consuming,
|
customs: key+1,
|
||||||
empvalue:{myself:item.myself_experience,experience:item.experience},
|
taskname:{name:item.name,complete_status:item.complete_status},
|
||||||
// adjustmentminute:asdasd
|
openingtime:item.open_time,
|
||||||
})
|
evaluating: item.evaluate_count,
|
||||||
})
|
finishtime:item.finished_time,
|
||||||
}
|
elapsedtime:item.time_consuming,
|
||||||
|
empvalue:{myself:item.myself_experience,experience:item.experience},
|
||||||
|
// adjustmentminute:asdasd
|
||||||
|
})
|
||||||
let columns=[{
|
})
|
||||||
title: '关卡',
|
}
|
||||||
dataIndex: 'customs',
|
|
||||||
key: 'customs',
|
|
||||||
render: (text, record) => (
|
|
||||||
<span className={"color-grey-9"}>
|
let columns=[{
|
||||||
{record.customs}
|
title: '关卡',
|
||||||
</span>
|
dataIndex: 'customs',
|
||||||
),
|
key: 'customs',
|
||||||
}, {
|
render: (text, record) => (
|
||||||
title: '任务名称',
|
<span className={"color-grey-9"}>
|
||||||
dataIndex: 'taskname',
|
{record.customs}
|
||||||
key: 'taskname',
|
</span>
|
||||||
render: (text, record) => (
|
),
|
||||||
<span>
|
}, {
|
||||||
<span className={"task-hide"}>{record.taskname.name}</span>
|
title: '任务名称',
|
||||||
{record.taskname.complete_status===2?<span className={"tasknamebox ml10"}>延时</span>:record.taskname.complete_status===3?<span className={"tasknameboxs ml10"}>延时</span>:""}
|
dataIndex: 'taskname',
|
||||||
</span>
|
key: 'taskname',
|
||||||
),
|
render: (text, record) => (
|
||||||
}, {
|
<span>
|
||||||
title: '开启时间',
|
<span className={"task-hide"} style={{color:"#676767"}}><a className="tasknameName font-14" onClick={()=>this.myjumptopic("id"+record.customs)} >{record.taskname.name}</a></span>
|
||||||
dataIndex: 'openingtime',
|
{record.taskname.complete_status===2?<span className={"tasknamebox ml10"}>延时</span>:record.taskname.complete_status===3?<span className={"tasknameboxs ml10"}>延时</span>:""}
|
||||||
key: 'openingtime',
|
</span>
|
||||||
render: (text, record) => (
|
),
|
||||||
<span className={"color-grey-9"}>
|
}, {
|
||||||
{record.openingtime}
|
title: '开启时间',
|
||||||
</span>
|
dataIndex: 'openingtime',
|
||||||
),
|
key: 'openingtime',
|
||||||
}, {
|
render: (text, record) => (
|
||||||
title: '评测次数',
|
<span className={"color-grey-9"}>
|
||||||
key: 'evaluating',
|
{record.openingtime}
|
||||||
dataIndex: 'evaluating',
|
</span>
|
||||||
|
),
|
||||||
render: (text, record) => (
|
}, {
|
||||||
<span className={"color-grey-9"}>
|
title: '评测次数',
|
||||||
{record.evaluating}
|
key: 'evaluating',
|
||||||
</span>
|
dataIndex: 'evaluating',
|
||||||
),
|
|
||||||
}, {
|
render: (text, record) => (
|
||||||
title: '完成时间',
|
<span className={"color-grey-9"}>
|
||||||
key: 'finishtime',
|
{record.evaluating}
|
||||||
dataIndex: 'finishtime',
|
</span>
|
||||||
render: (text, record) => (
|
),
|
||||||
<span className={"color-grey-9"}>
|
}, {
|
||||||
{record.finishtime}
|
title: '完成时间',
|
||||||
</span>
|
key: 'finishtime',
|
||||||
),
|
dataIndex: 'finishtime',
|
||||||
}, {
|
render: (text, record) => (
|
||||||
title: '耗时',
|
<span className={"color-grey-9"}>
|
||||||
key: 'elapsedtime',
|
{record.finishtime}
|
||||||
dataIndex: 'elapsedtime',
|
</span>
|
||||||
|
),
|
||||||
render: (text, record) => (
|
}, {
|
||||||
<span>
|
title: '耗时',
|
||||||
{record.elapsedtime}
|
key: 'elapsedtime',
|
||||||
</span>
|
dataIndex: 'elapsedtime',
|
||||||
),
|
|
||||||
}, {
|
render: (text, record) => (
|
||||||
title: '经验值',
|
<span>
|
||||||
key: 'empvalue',
|
{record.elapsedtime}
|
||||||
dataIndex: 'empvalue',
|
</span>
|
||||||
|
),
|
||||||
render: (text, record) => (
|
}, {
|
||||||
<span>
|
title: '经验值',
|
||||||
<span style={{color:'#29BD8B'}}>{record.empvalue.myself}</span><span className={"color-grey-9"}>/{record.empvalue.experience}</span>
|
key: 'empvalue',
|
||||||
</span>
|
dataIndex: 'empvalue',
|
||||||
),
|
|
||||||
}];
|
render: (text, record) => (
|
||||||
// {
|
<span>
|
||||||
// title: '调分',
|
<span style={{color:'#29BD8B'}}>{record.empvalue.myself}</span><span className={"color-grey-9"}>/{record.empvalue.experience}</span>
|
||||||
// key: 'adjustmentminute',
|
</span>
|
||||||
// dataIndex: 'adjustmentminute',
|
),
|
||||||
//
|
}];
|
||||||
// render: (text, record) => (
|
// {
|
||||||
// <span>
|
// title: '调分',
|
||||||
// <a>6小时 50分钟 6秒</a>
|
// key: 'adjustmentminute',
|
||||||
// </span>
|
// dataIndex: 'adjustmentminute',
|
||||||
// ),
|
//
|
||||||
// },
|
// render: (text, record) => (
|
||||||
|
// <span>
|
||||||
|
// <a>6小时 50分钟 6秒</a>
|
||||||
|
// </span>
|
||||||
return (
|
// ),
|
||||||
<div>
|
// },
|
||||||
{/*{data===undefined?"":""}*/}
|
|
||||||
<style>{`
|
|
||||||
.ant-table-thead > tr > th{
|
|
||||||
text-align: center;
|
return (
|
||||||
}
|
<div>
|
||||||
.tasknamebox{
|
{/*{data===undefined?"":""}*/}
|
||||||
width: 50px;
|
<style>{`
|
||||||
height: 24px;
|
.ant-table-thead > tr > th{
|
||||||
border: 1px solid rgba(221,23,23,1);
|
text-align: center;
|
||||||
border-radius: 12px;
|
}
|
||||||
color: rgba(221,23,23,1);
|
.tasknamebox{
|
||||||
display: inline-block;
|
width: 50px;
|
||||||
line-height: 24px;
|
height: 24px;
|
||||||
}
|
border: 1px solid rgba(221,23,23,1);
|
||||||
|
border-radius: 12px;
|
||||||
.tasknameboxs{
|
color: rgba(221,23,23,1);
|
||||||
color: #666666 !important;
|
display: inline-block;
|
||||||
background:rgba(237,237,237,1) !important;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-table-tbody > tr > td{
|
.tasknameboxs{
|
||||||
font-size:14px;
|
color: #666666 !important;
|
||||||
}
|
background:rgba(237,237,237,1) !important;
|
||||||
.task-hide{
|
}
|
||||||
max-width: 345px;
|
|
||||||
overflow: hidden;
|
.ant-table-tbody > tr > td{
|
||||||
white-space: nowrap;
|
font-size:14px;
|
||||||
text-overflow: ellipsis;
|
}
|
||||||
}
|
.task-hide{
|
||||||
.ant-table-tbody > tr{
|
max-width: 345px;
|
||||||
height:64px;
|
overflow: hidden;
|
||||||
}
|
white-space: nowrap;
|
||||||
`}
|
text-overflow: ellipsis;
|
||||||
</style>
|
}
|
||||||
{datas===undefined?"":<Table
|
.ant-table-tbody > tr{
|
||||||
dataSource={datas}
|
height:64px;
|
||||||
columns={columns}
|
}
|
||||||
pagination={false}
|
.tasknameName:link{color:#676767}
|
||||||
// loading={loadingstate}
|
.tasknameName:hover{color:#4CACFF}
|
||||||
// onChange={this.TablePagination}
|
|
||||||
/>}
|
`}
|
||||||
</div>
|
</style>
|
||||||
|
{datas===undefined?"":<Table
|
||||||
)
|
dataSource={datas}
|
||||||
}
|
columns={columns}
|
||||||
}
|
pagination={false}
|
||||||
|
// loading={loadingstate}
|
||||||
|
// onChange={this.TablePagination}
|
||||||
|
/>}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export default OfficialAcademicTranscript;
|
export default OfficialAcademicTranscript;
|
||||||
Loading…
Reference in new issue