2312072104
/
dm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

23

This commit is contained in:
30404 2024-07-10 20:18:31 +08:00
parent 84061751f1
commit bd8e4ca861
2 changed files with 22 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app-dm/src/TeacherPages/Trainmanage/Trainmanage.css
View File

@ -117,29 +117,23 @@
height: 400px;
margin-left: 350px;
margin-top: 180px;
position: absolute;
z-index: 2;
border: 1px solid #ceedf5;
background-color: #d4f6f6;
}
.TrainBox table{
margin-top: 60px;
margin-left: -2px;
text-align: center;
width: 650px;
}
.TrainBox th{
font-size: 18px;
padding: 10px 20px 0 55px;
}
.xx{
padding: 20px 0;
}
.TrainBox td{
font-size: 18px;
padding: 10px 0;
position: absolute;
margin-top: -17px;
}
.close-icon{
text-align: center;
width: 30px;
height: 25px;
background-color: #a0d4e0;
@ -149,7 +143,7 @@
top: -20px;
cursor: pointer;
}
.close-icon:hover{
/* .close-icon:hover{
background-color: #c4e6ed;
}
@ -167,4 +161,4 @@
}
.box-blue{
margin-top: 15px;
}
} */

35
app-dm/src/TeacherPages/Trainmanage/Trainmanage.jsx
View File

@ -76,34 +76,29 @@ function TrainManage(){
</div>}
{showModal && (
<div className='TrainBox'>
<p className='splitter1'>实训ID：{testID}<span className='close-icon' onClick={closeModal}>X</span></p>
<p className='splitter1'><span style={{marginLeft:'285px'}}>实训ID：{testID}</span><span className='close-icon' onClick={closeModal}>X</span></p>
<table>
<thead style={{display:'flex'}}>
<thead>
<tr>
<th style={{ flex: 1 }}>姓名</th>
<th style={{ flex: 1 }}>ID</th>
<th style={{ flex: 1 }}>基础成绩</th>
<th style={{ flex: 1 }}>实训成绩</th>
<th style={{ flex: 1 }}>总成绩</th>
<th >姓名</th>
<th >ID</th>
<th >基础成绩</th>
<th >实训成绩</th>
<th >总成绩</th>
</tr>
<p className='xx'>---------------------------------------------------------------------------</p>
</thead>
<p className='xx'>---------------------------------------------------------------------------</p>
{TrainData&&<tbody>
<div className='box-blue'>
{Object.keys(TrainData).map((key,index)=>(
<tr style={{
display: 'flex',
backgroundColor: index % 2 === 0 ? '#d4f6f6':'#fdecf5' // 偶数行一个颜色，奇数行另一个颜色
}}
id='detailed_box_tr1'>
<td style={{ flex: 1 }}>{key}</td>
<td style={{ flex: 1 }}>{TrainData[key][0]}</td>
<td style={{ flex: 1 }}>{TrainData[key][4]}</td>
<td style={{ flex: 1 }}>{TrainData[key][5]}</td>
<td style={{ flex: 1 }}>{parseInt(TrainData[key][4])+parseInt(TrainData[key][5])}</td>
<tr>
<td >{key}</td>
<td >{TrainData[key][0]}</td>
<td >{TrainData[key][4]}</td>
<td >{TrainData[key][5]}</td>
<td >{parseInt(TrainData[key][4])+parseInt(TrainData[key][5])}</td>
</tr>
))}
</div>
</tbody>}
</table>
</div>