dev_cs
杨树林 6 years ago
parent e82e1c0ed2
commit 4a53d1a5aa

@ -226,15 +226,38 @@ class Listofworksstudentone extends Component {
key: 'classroom',
dataIndex: 'classroom',
align: "center",
className:'font-14',
className:'font-14 maxnamewidth145',
width:'145px',
render: (text, record) => (
<span className="font-14 maxnamewidth145" style={{width:'145px'}}>
<span className=" font-14 maxnamewidth145" style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>{record.classroom === undefined ? "--" : record.classroom === "" ? "--" : record.classroom === null ? "--" : record.classroom}</span>
{record.classroom === undefined ?
<a className=" font-14 maxnamewidth145"
style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>--</a> : record.classroom === "" ?
<a className=" font-14 maxnamewidth145"
style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>--</a> : record.classroom === null ?
<a className=" font-14 maxnamewidth145"
style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>--</a>
:
<a className=" font-14 maxnamewidth145"
title={record.classroom}
style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>{record.classroom}</a>
}
</span>
),
},
@ -430,6 +453,373 @@ class Listofworksstudentone extends Component {
onClick={() => this.Viewstudenttraininginformation(record)}>{record.operating}</a>
}
</span>
),
},
],
columnsstu2: [
// {
// title: '序号',
// dataIndex: 'number',
// key: 'number',
// align: "center",
// className:'font-14',
// width:'100px',
// render: (text, record) => (
// <span style={{width:'100px'}}>
// {record.number === undefined ?
// <span style={{
// color: '#9A9A9A',
// textAlign: "center",
// width:'100px'
// }}> --</span>
// : record.number === "" ?
// <span style={{
// color: '#9A9A9A',
// textAlign: "center",
// width:'100px'
// }}>--</span>
// : record.number === "--" ?
// <span style={{
// color: '#9A9A9A',
// textAlign: "center",
// width:'100px'
// }}>--</span>
// :
// <span style={{
// color: '#07111B',
// textAlign: "center",
// width:'100px'
// }}> {record.number}</span>
// }
// </span>
// ),
// },
{
title: '姓名',
dataIndex: 'name',
key: 'name',
align: "center",
className:'font-14 maxnamewidth200',
width:'200px',
render: (text, record) => (
<span className="maxnamewidth200">
{record.name === undefined ?
<span style={{
color: '#9A9A9A',
textAlign: "center",
width:'200px'
}}>--</span>
:
record.name === "" ?
<span style={{
color: '#9A9A9A',
textAlign: "center",
width:'200px'
}}>--</span>
:
record.name === null ?
<span style={{
color: '#9A9A9A',
textAlign: "center",
width:'200px'
}}>--</span>
:
record.name === "--" ?
<span style={{
color: '#9A9A9A',
textAlign: "center",
width:'200px'
}}>--</span>
:
<a className="maxnamewidth200" title={record.name} style={{
color: '#07111B',
textAlign: "center",
width:'200px'
}}>{record.name}</a>
}
</span>
),
},
{
title: '学号',
dataIndex: 'stduynumber',
key: 'stduynumber',
align: "center",
className:'font-14 maxnamewidth145',
width:'145px',
render: (text, record) => (
<span className="maxnamewidth145" style={{
width:'145px',
}}>
{record.stduynumber === undefined ?
<span style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>--
</span>
: record.stduynumber === null ?
<span style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>--
</span>
: record.stduynumber === "" ?
<span style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>--
</span>
:
<a
title={record.stduynumber}
className="maxnamewidth145"
style={{
color:'#9A9A9A',
textAlign: "center",
width:'145px',
}}>{
record.stduynumber
}
</a>
}
</span>
),
},
{
title: '分班',
key: 'classroom',
dataIndex: 'classroom',
align: "center",
className:'font-14 maxnamewidth145',
width:'145px',
render: (text, record) => (
<span className="font-14 maxnamewidth145" style={{width:'145px'}}>
{record.classroom === undefined ?
<a className=" font-14 maxnamewidth145"
style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>--</a> : record.classroom === "" ?
<a className=" font-14 maxnamewidth145"
style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>--</a> : record.classroom === null ?
<a className=" font-14 maxnamewidth145"
style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>--</a>
:
<a className=" font-14 maxnamewidth145"
title={record.classroom}
style={{
color: '#9A9A9A',
textAlign: "center",
width:'145px',
}}>{record.classroom}</a>
}
</span>
),
},
{
title: '提交状态',
dataIndex: 'submitstate',
key: 'submitstate',
align: "center",
className:'font-14',
width:'98px',
render: (text, record) => (
<span style={{width:'98px',}}>
<span style={record.submitstate === "延时提交" ? {
color: '#DD1717',
textAlign: "center",
width:'98px',
} : record.submitstate === "按时提交" ? {color: '#29BD8B', textAlign: "center",width:'98px',} : {
color: '#747A7F',
textAlign: "center",
width:'98px',
}}>{record.submitstate === undefined ? "--" : record.submitstate === "" ? "--" : record.submitstate === null ? "--" : record.submitstate}</span>
</span>
),
},
{
title: '实战耗时',
dataIndex: 'cost_time',
key: 'cost_time',
align: 'center',
className:'font-14',
width:'145px',
render: (text, record) => (
<span style={
{
color: '#747A7F',
textAlign: "center",
width:'145px',
}
}>
{record.cost_time === null? "--":record.cost_time === undefined?"--":record.cost_time === "--"?"--":
<span style={
{
color: '#747A7F',
textAlign: "center",
width:'145px',
}
}
>{record.cost_time === null ? "--":record.cost_time === undefined ?"--":record.cost_time}
</span>
}
</span>
)
},
// {
// title: '更新时间',
// dataIndex: 'updatetime',
// key: 'updatetime',
// align: "center",
// className:'font-14',
// render: (text, record) => (
// <span>
// <span style={{
// color: '#9A9A9A',
// "text-align": "center"
// }}>{record.updatetime === undefined ? "--" : record.updatetime === "" ? "--" : record.updatetime}</span>
// </span>
// ),
// },
{
title: '完成情况',
dataIndex: 'completion',
key: 'completion',
align: "center",
className:'font-14',
width:'99px',
render: (text, record) => (
<span style={{
width:'99px',
}}>
<span style={{color: '#07111B',textAlign: "center", width:'99px'}}>{record.completion+"/"+this.state.challenges_count}</span>
</span>
),
},
{
title: '关卡得分',
dataIndex: 'levelscore',
key: 'levelscore',
align: 'center',
className:'font-14',
width:'99px',
render: (text, record) => (
<span style={{
width:'99px',
}}>
<span style={parseInt(record.levelscore) <= 60 ? {
color: '#747A7F',
textAlign: "center",
width:'99px',
} : parseInt(record.levelscore) < 90 ? {
color: '#FF6800',
textAlign: "center",
width:'99px',
} : parseInt(record.levelscore) >= 90 ? {color: '#DD1717', textAlign: "center", width:'99px',} : {
color: '#747A7F',
textAlign: "center",
width:'99px',
}}>{record.levelscore}</span>
</span>
)
},
{
title: '效率分',
dataIndex: 'efficiencyscore',
key: 'efficiencyscore',
align: 'center',
className:'font-14',
width:'80px',
render: (text, record) => (
<span style={{
width:'80px',
}}>
{
record.efficiencyscore&& record.efficiencyscore=== "--"?(
<span style={{color:"#9A9A9A", width:'80px',}}>
--
</span>
)
:
<span style={parseInt(record.efficiencyscore) <= 60 ? {
color: '#747A7F',
textAlign: "center",
width:'80px',
} : parseInt(record.efficiencyscore) < 90 ? {
color: '#FF6800',
textAlign: "center",
width:'80px',
} : parseInt(record.efficiencyscore) >= 90 ? {
color: '#DD1717',
textAlign: "center",
width:'80px',
} : {color: '#747A7F', textAlign: "center", width:'80px',}}>{record.efficiencyscore}</span>
}
</span>
)
},
{
title: '最终成绩',
dataIndex: 'levelscore',
key: 'levelscore',
align: "center",
className:'font-14',
width:'99px',
render: (text, record) => (
<span style={{width:'99px',}}>
{
record.levelscore && record.levelscore === "--"?
<span style={{color: '#9A9A9A', textAlign: "center",width:'99px',}}>{record.levelscore}</span>
:
<span style={parseInt(record.levelscore) >=90 ? {
color: '#DD1717',
textAlign: "center",
width:'99px',
} : parseInt(record.levelscore) <= 60?{
color: '#FF6800',
textAlign: "center",
width:'99px',
}: {color: '#747A7F', textAlign: "center",width:'99px',}}>{record.levelscore}</span>
}
</span>
),
},
{
title: '操作',
dataIndex: 'operating',
key: 'operating',
align: "center",
className:'font-14',
render: (text, record) => (
<span>
{
record.submitstate === "未提交" ?<span style={{ color: '#9A9A9A'}}>--</span>
:
<a style={{textAlign: "center"}}
className="color-blue"
onClick={() => this.Viewstudenttraininginformation(record)}>{record.operating}</a>
}
</span>
),
},
@ -570,9 +960,7 @@ class Listofworksstudentone extends Component {
}
}>
{record.cost_time === null? "--":record.cost_time === undefined?"--":record.cost_time === "--"?"--":
<Tooltip placement="bottom" title={<div>
学员在EduCoder做实训花费的时间
</div>}>
<a style={
{
color: '#747A7F',
@ -581,7 +969,6 @@ class Listofworksstudentone extends Component {
}
>{record.cost_time === null ? "--":record.cost_time === undefined ?"--":record.cost_time}
</a>
</Tooltip>
}
</span>
// <a style={
@ -2575,7 +2962,7 @@ class Listofworksstudentone extends Component {
})
}
render() {
let {columns,course_groupysls,datajs,isAdmin, course_groupyslstwo, unlimited, unlimitedtwo, course_group_info, orders, task_status, checkedValuesine, searchtext, teacherlist, visible,visibles, game_list,columnsstu, limit,experience, boolgalist,viewtrainingdata, teacherdata, page, data, jobsettingsdata, styletable, datas, order, loadingstate,computeTimetype} = this.state;
let {columns,course_groupysls,datajs,isAdmin, course_groupyslstwo, unlimited, unlimitedtwo, course_group_info, orders, task_status, checkedValuesine, searchtext, teacherlist, visible,visibles, game_list,columnsstu,columnsstu2, limit,experience, boolgalist,viewtrainingdata, teacherdata, page, data, jobsettingsdata, styletable, datas, order, loadingstate,computeTimetype} = this.state;
const antIcon = <Icon type="loading" style={{ fontSize: 24 }} spin />;
// console.log(this.state.student_works);
@ -3202,8 +3589,9 @@ class Listofworksstudentone extends Component {
{data === undefined ? "" : <Table
style={styletable}
dataSource={data}
columns={columnsstu}
columns={columnsstu2}
pagination={false}
showHeader={false}
loading={false}
/>}
</div>
@ -3245,18 +3633,18 @@ class Listofworksstudentone extends Component {
font-weight:400;
color:rgba(255,104,0,1);
}
.computeTime {
width: 122px;
height: 31px;
display: inline-block;
padding: 5px;
text-align: center;
line-height: 20px;
color: #FE6B21;
border: 1px solid #FE6B21;
cursor: pointer;
border-radius: 4px;
}
.computeTime {
width: 122px;
height: 31px;
display: inline-block;
padding: 5px;
text-align: center;
line-height: 20px;
color: #FE6B21;
border: 1px solid #FE6B21;
cursor: pointer;
border-radius: 4px;
}
.computeTimes{
width: 122px;

@ -51,6 +51,13 @@
white-space:nowrap;
cursor: default;
}
.maxnamewidth200{
max-width: 200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
cursor: default;
}
.maxnamewidth145{
max-width: 145px;
overflow:hidden;

Loading…
Cancel
Save