app-dm/src/TeacherPages/MarkingPages/StudentLink.css

@@ -1,31 +1,24 @@
 .body-right-studentlink{
-    width: 1400px;
+    width: 1420px;
-    height: 805px;
+    height: 830px;
     position: absolute;
     top: 72px;
     left: 220px;
     border-radius: 10px;
     float: right;
     background-color: #f7f8fa;
-    padding: 10px;
 }
 .link-box{
-    height: 500px;
+    margin-top: 30px;
-    /* border: 5px double #aee1e3; */
-    box-shadow: 
-    inset 0 0 0 2px #aee1e3, /* 外边框颜色 */
-    inset 0 0 0 6px #aee1e3;
 }
 .title-link{
     font-size: 18px;
-    line-height: 60px;
-    background-color: #aee1e3;
 }
 .link-table{
     position: relative;
 }
 .link-table td{
-    padding: 0 24px;
+    padding: 0 26.2px;
     font-size: 17px;
     border-bottom: 1px solid #8a9991;
     line-height: 40px;
@@ -42,12 +35,13 @@
 }
 
 .submit{
-    width: 120px;
+    width: 100px;
     height: 45px;
     font-size: 20px;
-    background-image: linear-gradient(#d7fffa,#aee1e3);
+    border-radius: 20px;
-    border-radius: 15px;
+    /* background-color: rgb(187, 235, 219); */
+    background-image: linear-gradient(#bbf5e2,#a4d1d3);
     border: none;
-    margin-left: 1200px;
+    margin-left: 1280px;
     margin-top: 20px;
 }

app-dm/src/TeacherPages/Questionmanage/questionmanage.css

@@ -14,58 +14,3 @@
     height: 300px;
     background-color: aqua;
 }
-.select-box2{
-    font-size: 18px;
-    margin-left: 50px;
-    margin-top: 20px;
-    padding-bottom: 20px;
-}
-.select-box2 select{
-    width: 80px;
-    height: 28px;
-    margin: 0 10px;
-}
-.title-link1{
-    font-size: 18px;
-    line-height: 60px;
-    background-color: #aee1e3;
-}
-.title-link1 th{
-    padding: 0 65px;
-}
-.question-box{
-    text-align: center;
-    line-height: 50px;
-}
-.question-box td{
-    border-bottom: 1px solid #8a9991;
-}
-
-.question-btn1{
-    width: 100px;
-    height: 40px;
-    background-color: #c8e1e2;
-    font-size: 16px;
-    border: none;
-    position: absolute;
-    left: 1140px;
-    top: 600px;
-}
-.question-btn2{
-    width: 100px;
-    height: 40px;
-    background-color: #c8e1e2;
-    font-size: 16px;
-    border: none;
-    position: absolute;
-    left: 1270px;
-    top: 600px;
-}
-
-.smaller-box{
-    margin: 0 300px;
-    height: 400px;
-    box-shadow: 
-    inset 0 0 0 2px #aee1e3, /* 外边框颜色 */
-    inset 0 0 0 6px #aee1e3;
-}

app-dm/src/TeacherPages/Questionmanage/questionmanage.jsx

@@ -170,13 +170,14 @@ function Questionmange(){
     return (
         <div className="body-right-question">
             {!append&&<div>
-                <div className='select-box2'>
+            <div>
                 <span>题目类型</span>
                 <select onChange={Click1}>
                     <option value="选择题">选择题</option>
                     <option value='填空题'>填空题</option>
                     <option value='判断题'>判断题</option>
                 </select>
+
                 <span>
                     章节选择
                     <select onChange={Click2}>
@@ -185,58 +186,42 @@ function Questionmange(){
                     </select>
                 </span>
             </div>
+
+            <div className='ku'>    
                 {type==='选择题'&&data&&<table>
-                    <div className='link-box'>
+                    <tr>
-                        <tr className='title-link1'>
                         <th>题目ID</th><th>题目</th><th>选项A</th><th>选项B</th><th>选项C</th><th>选项D</th><th>正确选项</th>{isTrue&&<th style={{color:'red'}}>选择要删除的题目</th>}
                     </tr>
                     {Object.keys(data).map((key)=>(
-                            <tr key={key} className='question-box'>
+                    <tr key={key}>
-                                <td>{data[key][7]}</td>
+                        <td>{data[key][7]}</td><td>{data[key][1]}</td><td>{data[key][2]}</td><td>{data[key][3]}</td><td>{data[key][4]}</td><td>{data[key][5]}</td><td>{data[key][6]}</td>{isTrue&&<td><input type="checkbox" onChange={(e) => handChoiceChange(e, data[key][7])} /></td>}
-                                <td>{data[key][1]}</td>
-                                <td>{data[key][2]}</td>
-                                <td>{data[key][3]}</td>
-                                <td>{data[key][4]}</td>
-                                <td>{data[key][5]}</td>
-                                <td>{data[key][6]}</td>
-                                {isTrue&&<td><input type="checkbox" onChange={(e) => handChoiceChange(e, data[key][7])} /></td>}
                     </tr>
                     ))}
-                    </div>
+                    
                 </table>}
                 {type==='填空题'&&data&&<table>
-                    <div className='smaller-box'>
+                    <tr>
-                        <tr className='title-link1'>
+                    <th>题目ID</th><th>问题</th><th>答案</th>{isTrue&&<th style={{color:'red'}}>选择要删除的题目</th>}
-                            <th>题目ID</th>
-                            <th>问题</th>
-                            <th>答案</th>
-                            {isTrue&&<th style={{color:'red'}}>选择要删除的题目</th>}
                     </tr>
                     {Object.keys(data).map((key)=>(
-                            <tr key={key}  className='question-box'>
+                    <tr key={key}>
                         <td>{data[key][3]}</td><td>{data[key][1]}</td><td>{data[key][2]}</td>{isTrue&&<td><input type="checkbox" onChange={(e) => handCompleChange(e, data[key][3])} /></td>}
                     </tr>
                     ))}
-                    </div>
                 </table>}
                 {type==='判断题'&&data&&<table>
-                    <div className='smaller-box'>
+                    <tr>
-                        <tr className='title-link1'>
+                        <th>题目ID</th><th>题目</th><th>答案</th>{isTrue&&<th style={{color:'red'}}>选择要删除的题目</th>}
-                            <th>题目ID</th>
-                            <th>题目</th>
-                            <th>答案</th>{isTrue&&<th style={{color:'red'}}>选择要删除的题目</th>}
                     </tr>
                     {Object.keys(data).map((key)=>(
-                            <tr key={key}  className='question-box'>
+                    <tr key={key}>
                         <td>{data[key][3]}</td><td>{data[key][1]}</td><td>{data[key][2]}</td>{isTrue&&<td><input type="checkbox" onChange={(e) => handJudgeChange(e, data[key][3])} /></td>}
                     </tr>
                     ))}
-                    </div>
                 </table>}
-                {!isTrue&&<button onClick={appendClick} className='question-btn1'>添加题目</button>}
+            </div>
-                {!isTrue&&<button onClick={del1} className='question-btn2'>删除</button>}
+            {!isTrue&&<button onClick={appendClick}>添加题目</button>}{!isTrue&&<button onClick={del1}>删除</button>}
-                {isTrue&&<button onClick={del2}>确定</button>}
+            {isTrue&&<button onClick={del2}>确定</button>}{isTrue&&<button onClick={cancellation1}>取消</button>}
-                {isTrue&&<button onClick={cancellation1}>取消</button>}
            </div>}
             {append&&<div className='appendBox'>
                 <span>请选择题目类型</span>

app-dm/src/TeacherPages/Trainmanage/TrainPods.css

@@ -9,61 +9,29 @@
     background-color: #f7f8fa;
 }
 .body-right-Pods-table{
+    margin-left: 20px;
     text-align: center;
     margin-top: 10px;
 }
 .body-right-Pods-table th{
     width: 100px;
-    padding: 0 80px;
 }
-.thd{
+.body-right-Pods-table td{
-    font-weight: bold;
-}
-
-.massage-box-link{
-    position: relative;
-}
-.massage-box-link td{
-    padding: 0 24px;
-    font-size: 17px;
-    border-bottom: 1px solid #8a9991;
-    line-height: 40px;
-    padding-top: 10px;
-    padding-bottom: 10px;
     text-align: center;
 }
-.massage-box-link button{
+span{
-    width: 100px;
+    all: unset;
-    height: 30px;
-    background-color: rgb(198, 226, 223);
-    font-size: 16px;
-    border: none;
-}
-
-.spanBox{
-    font-size: 20px;
-    font-weight: 550;
-    padding: 10px;
  }
  .SrcBox{
     border: 1px solid black;
-    margin-left: 150px;
-    margin-top: 50px;
  }
 .SrcBox th{
-    padding:10px 60px;
     border-bottom: 1px solid black;
     width: 220px;
 }
 .SrcBox td{
-    padding: 10px 0;
     text-align: center;
 }
-.srcbtn{
+.thd{
-    width: 100px;
+    font-weight: bold;
-    height: 40px;
-    font-size: 18px;
-    position: absolute;
-    left: 480px;
-    top: 200px;
 }

app-dm/src/TeacherPages/Trainmanage/TrainPods.jsx

@@ -50,23 +50,16 @@ function TrainPods(){
 
     return(
         <div className='body-right-Pods'>
-                {isTrue&&
+            {isTrue&&<table className='body-right-Pods-table'>
-                <div className='link-box'>
-                    <table className='body-right-Pods-table'>
                 <thead>
-                            <tr className='title-link'>
+                    <tr>
-                                <th>学号</th>
+                        <th>学号</th><th>实训类型</th><th>实训ID</th><th>IP</th><th>实训链接</th><span className='thd'>操作</span>
-                                <th>实训类型</th>
-                                <th>实训ID</th>
-                                <th>IP</th>
-                                <th>实训链接</th>
-                                <th className='thd'>操作</th>
                     </tr>
                 </thead>
                 {Pods&&<tbody>
                     {Object.keys(Pods['list']).map((key,index)=>(
                         index>1&&
-                                <tr key={key} className='massage-box-link'>
+                    <tr key={key}>
                         <td>{Pods['list'][key]['name'].substring(1, 9)}</td>
                         <td>{Pods['list'][key]['name'].substring(0,1)==='n'? '终端实训':'网页实训'}</td>
                         <td>{Pods['list'][key]['name'].substring(10)}</td>
@@ -76,10 +69,8 @@ function TrainPods(){
                     </tr>
                     ))}
                 </tbody>}
-                    </table>
+            </table>}
-                </div>}
+            {!isTrue&& <table>
-                {!isTrue&& 
-                <table>
                 <span className='spanBox'>此学生的实训地址为：</span>
                 <div className='SrcBox'>
                     <tr>
@@ -91,9 +82,8 @@ function TrainPods(){
                         </tr>
                     ))}
                 </div>
-                    <button onClick={()=>setisTrue(!isTrue)} style={{marginLeft:'600px'}} className='srcbtn'>返回</button>
+                <button onClick={()=>setisTrue(!isTrue)} style={{marginLeft:'600px'}}>返回</button>
             </table>}
-            
         </div>
     )
 }