This commit is contained in:
parent
5a008f33a3
commit
cbc40b4491
|
@ -66,9 +66,12 @@
|
||||||
#sendtest_btn{
|
#sendtest_btn{
|
||||||
height: 50px;
|
height: 50px;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
font-size: 28px;
|
font-size: 25px;
|
||||||
margin-left: 830px;
|
margin-left: 800px;
|
||||||
margin-top: 100px;
|
margin-top: 100px;
|
||||||
|
border: none;
|
||||||
|
background-color: rgb(249, 236, 204);
|
||||||
|
border: 1px solid #e8caa9;
|
||||||
}
|
}
|
||||||
#view_history_table td{
|
#view_history_table td{
|
||||||
border-bottom: 1px solid black;
|
border-bottom: 1px solid black;
|
||||||
|
@ -76,6 +79,8 @@
|
||||||
#view_history_table tr{
|
#view_history_table tr{
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 弹窗 */
|
||||||
#detailed{
|
#detailed{
|
||||||
margin-left: 390px;
|
margin-left: 390px;
|
||||||
margin-top: 180px;
|
margin-top: 180px;
|
||||||
|
@ -83,13 +88,15 @@
|
||||||
height: 400px;
|
height: 400px;
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: rgb(175, 25, 234);
|
background-color: #fef9dd;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
#splitter{
|
#splitter{
|
||||||
width: 590;
|
width: 590;
|
||||||
border-bottom: 1px solid black;
|
border-bottom: 1px solid black;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
font-size: 20px;
|
||||||
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
#return{
|
#return{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -97,9 +104,12 @@
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
margin-top: -10px;
|
margin-top: -10px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
color: rgb(68, 125, 106);
|
||||||
}
|
}
|
||||||
#detailed span{
|
#detailed span{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
line-height: 5px;
|
||||||
|
padding-top: 5px;
|
||||||
}
|
}
|
||||||
#detailed_box_tr{
|
#detailed_box_tr{
|
||||||
width: 600px;
|
width: 600px;
|
||||||
|
@ -107,9 +117,10 @@
|
||||||
}
|
}
|
||||||
#detailed_box{
|
#detailed_box{
|
||||||
height: 270px;
|
height: 270px;
|
||||||
width: 600px;
|
width: 590px;
|
||||||
|
line-height: 30px;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
margin-top: -10px;
|
margin-top: -25px;
|
||||||
margin-left: -3px;
|
/* margin-left: px; */
|
||||||
}
|
}
|
|
@ -116,11 +116,14 @@ function TeacherPage() {
|
||||||
</p>
|
</p>
|
||||||
<div>
|
<div>
|
||||||
<p>--------------------------------------------------------------------------------------</p>
|
<p>--------------------------------------------------------------------------------------</p>
|
||||||
{detaileddata&&<table>
|
{detaileddata&&<tbody>
|
||||||
<tbody>
|
|
||||||
<div id='detailed_box'>
|
<div id='detailed_box'>
|
||||||
{Object.keys(detaileddata).map((key)=>(
|
{Object.keys(detaileddata).map((key, index)=>(
|
||||||
<tr style={{display:'flex'}} id='detailed_box_tr'>
|
<tr style={{
|
||||||
|
display: 'flex',
|
||||||
|
backgroundColor: index % 2 === 0 ? '#fef9dd':'#fdf2b3' // 偶数行一个颜色,奇数行另一个颜色
|
||||||
|
}}
|
||||||
|
id='detailed_box_tr'>
|
||||||
<td style={{ flex: 1 }}>{detaileddata[key][6]}</td>
|
<td style={{ flex: 1 }}>{detaileddata[key][6]}</td>
|
||||||
<td style={{ flex: 1 }}>{detaileddata[key][5] ? detaileddata[key][5] : "未完成"}</td>
|
<td style={{ flex: 1 }}>{detaileddata[key][5] ? detaileddata[key][5] : "未完成"}</td>
|
||||||
<td style={{ flex: 1 }}>{detaileddata[key][5] ? `${getRandomNumber()}%` : "未完成"}</td>
|
<td style={{ flex: 1 }}>{detaileddata[key][5] ? `${getRandomNumber()}%` : "未完成"}</td>
|
||||||
|
@ -128,8 +131,7 @@ function TeacherPage() {
|
||||||
</tr>
|
</tr>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
</tbody>
|
</tbody>}
|
||||||
</table>}
|
|
||||||
</div>
|
</div>
|
||||||
</div>}
|
</div>}
|
||||||
{/* 总体信息 */}
|
{/* 总体信息 */}
|
||||||
|
|
Loading…
Reference in New Issue