This commit is contained in:
nopy 2024-07-06 23:56:38 +08:00
parent 5a008f33a3
commit cbc40b4491
2 changed files with 32 additions and 19 deletions

View File

@ -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; */
} }

View File

@ -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>}
{/* 总体信息 */} {/* 总体信息 */}