1

app-dm/src/pages/ListPages/Training/Operation1.css

@@ -1,6 +1,6 @@
 .nav-operation1{
     height: 50px;
-    width: 99.5%;
+    width: 1630px;
     margin-bottom: 5px;
     box-shadow: 1px 1px 6px #d4d4d4;
 }
@@ -57,8 +57,8 @@
     z-index: 1000;
 }
 .dropdown-menu1 li{
-    background-color: rgb(255, 239, 239);
-    border-bottom: 2px solid rgb(253, 210, 210);
+    background-color: rgb(236, 232, 232);
+    border-bottom: 2px solid rgb(213, 208, 208);
 }
 /* 显示下拉菜单 */
 .subject-dropdown.open1 + .dropdown-menu1 {
@@ -69,6 +69,45 @@
     top: 15px;
     left: 180px;
 }
+
+/* 题目预览框 */
+.countBox{
+    height: 280px;
+    padding: 7px;
+    background-color:#e8f7f0;
+    box-shadow: 0px 0px 10px #aacbae;
+}
+.countBox div{
+    display: flex;
+    flex-wrap:wrap;
+    width: 200px;
+}
+.countBox td{
+    width: 40px;
+    height: 30px;
+    /* background-color: rgb(136, 243, 209); */
+    border: 1px solid black;
+    text-align: center;
+    margin-left: 5px;
+    margin-top: 5px;
+    cursor: pointer;
+}
+.countBox tr{
+    font-size: 18px;
+    font-weight: 550;
+    color: #364a38;
+}
+.answered {
+    /* 例如，改变题目的背景色 */
+    width: 40px;
+    height: 30px;
+    background-color: rgb(142, 255, 223);
+    text-align: center;
+    margin-left: 5px;
+    margin-top: 5px;
+    cursor: pointer;
+}
+
 /* 第二页（实训题）的右边页面 */
 .body-right1{
     width: 1415px;
@@ -79,11 +118,11 @@
     border-radius: 10px;
     background-color: #f7f8fa;
 }
+/* .body-right1-choice tbody{
+    
+} */
 
 /* 前进按钮 */
-.btn-back1{
-
-}
 .btn-back1 p{
     font-size: 20px;
     margin-left: 5px;
@@ -110,32 +149,6 @@
 .body-right1-comple tr{
     background-color: rgb(110, 130, 130);
 }
-.countBox{
-    margin-top: 10px;
-}
-.countBox div{
-    display: flex;
-    flex-wrap:wrap;
-    width: 200px;
-}
-.countBox td{
-    width: 40px;
-    height: 30px;
-    /* background-color: rgb(136, 243, 209); */
-    border: 1px solid black;
-    text-align: center;
-    margin-left: 5px;
-    margin-top: 5px;
-    cursor: pointer;
-}
-.answered {
-    /* 例如，改变题目的背景色 */
-    width: 40px;
-    height: 30px;
-    background-color: rgb(136, 243, 209);
-    text-align: center;
-    margin-left: 5px;
-    margin-top: 5px;
-    cursor: pointer;
-  }
+
+
 

app-dm/src/pages/ListPages/Training/Operation1.jsx

@@ -11,7 +11,7 @@ import axios from 'axios';
 
 function Operation1() {
     const click=()=>{
-        console.log(TrainData);
+        console.log(TrainData['operateID'][3][0]);
     }
     const clear=()=>{
         localStorage.removeItem('choice_answers');
@@ -40,7 +40,6 @@ function Operation1() {
             })
             const returnData=TrainDataSrc.data
             setTrainData(returnData)
-            //60*parseInt(returnData['operateID'][4]
         }catch{
             alert('TrainDataFunc出错')
         }
@@ -138,7 +137,7 @@ function Operation1() {
         localStorage.setItem('answeredChoice',answeredChoice)
         localStorage.setItem('answeredComple',answeredComple)
         localStorage.setItem('answeredJudge',answeredJudge)
-        
+        localStorage.setItem('TrainTest',TrainData['operatrID'][3][0])
     };
   
     // 在组件加载时从 localStorage 中恢复答案
@@ -258,7 +257,7 @@ function Operation1() {
             {TrainData && (
             <table className='body-right1-choice'>
                 <p>选择题:</p>
-                <tbody> 
+                <tbody>
                     {Object.keys(TrainData['operateID'][0]).map((key,index) => (
                         <tr key={key}>
                             <tr style={{fontSize:'18px'}}>({index+1}.){TrainData['operateID'][0][key][0][1]}</tr>