6.24

app-dm/src/TeacherPages/SendTest/trainmanage.css

@@ -0,0 +1,74 @@
+.body-trainmanage{
+    width: 1420px;
+    height: 830px;
+    position: absolute;
+    top: 72px;
+    left: 220px;
+    border-radius: 10px;
+    float: right;
+    background-color: #f7f8fa;
+}
+.body-trainmanage p{
+    font-size: 20px;
+    position: absolute;
+    left: 50px;
+}
+.line{
+    width: 250px;
+    height: 2px;
+    position: absolute;
+    top: 60px;
+    background-image: linear-gradient(120deg,#ffffff,rgb(223, 223, 223),#fff);
+}
+.ul1-trainmanage{
+    width: 650px;
+    height: 200px;
+    position: absolute;
+    top: 50px;
+    left: 10px;
+}
+.ul2-trainmanage{
+    width: 650px;
+    height: 200px;
+    position: absolute;
+    top: 50px;
+    left: 700px;
+}
+.train-list-trainmanage li{
+    width: 650px;
+    height: 70px;
+    list-style-type: none;
+    margin-top: 10px;
+    border-radius: 10px;
+    background-color: #ffffff;
+    box-shadow: 2px 2px 2px #d8d9d9;
+    cursor: pointer;
+}
+.train-list-trainmanage span {
+    font-size: 20px;
+}
+.train-list-trainmanage p{
+    font-size: 15px;
+    margin-left: 460px;
+    margin-top: -40px;
+}
+.train-list-trainmanage li::before {
+    content: "▶";
+    color: rgb(132, 213, 209);
+    padding-right: 20px;
+    line-height: 65px;
+    padding-left: 15px;
+    font-size: 20px;
+    display: inline-block;
+}
+
+.sendtestpage{
+    padding: 20px 30px;
+    font-size: 20px;
+    text-decoration: none;
+    color: #000;
+    position: absolute;
+    bottom: 50px;
+    right: 100px;
+    background-color: rgb(186, 237, 237);
+}

app-dm/src/TeacherPages/SendTest/trainmanage.jsx

@@ -0,0 +1,39 @@
+import './trainmanage.css'
+import { Link } from 'react-router-dom';
+// import React, { useEffect, useState } from 'react';
+// import axios from 'axios';
+
+
+function TrainManage(){
+    return(
+        <div className='body-trainmanage'>
+            <p>已批改试卷</p>
+            <div className='line'></div>
+            <div className='train-list-trainmanage'>
+                <ul className='ul1-trainmanage'>
+                    <li>
+                        <span>111</span>
+                        <p>关闭时间：2024-11-5</p>
+                    </li>
+                    <li>
+                        <span>333</span>
+                        <p>关闭时间：2024-11-5</p>
+                    </li>
+                </ul>
+                <ul className='ul2-trainmanage'>
+                    <li>
+                        <span>222</span>
+                        <p>关闭时间：2024-11-5</p>
+                    </li>
+                    <li> 
+                        <span>444</span>
+                        <p>关闭时间：2024-11-5</p>
+                    </li>
+                </ul>
+                <Link to='/teacher/sendtest' className='sendtestpage'>前往发布试卷</Link>
+            </div>
+        </div>
+    )
+}
+
+export default TrainManage

app-dm/src/nav/teacherIndex.jsx

@@ -56,7 +56,7 @@ function HeaderNavTeacher() {
             </div>
             <div className='left-nav-li'>
                 <ul>
-                {[{name:'班级管理',path:'/teacher',ImgSrc:ClassManage},{name:'发布实训',path:'/teacher/sendtest',ImgSrc:Send},{name:'批改',path:'/teacher/mark',ImgSrc:Mark},{name:'考试管理',path:'/teacher/managetest',ImgSrc:SubjectManage},{name:'设置',ImgSrc:Set,onClick:handleSettingsClick}].map((item)=> 
+                {[{name:'班级管理',path:'/teacher',ImgSrc:ClassManage},{name:'实训管理',path:'/teacher/trainmanage',ImgSrc:Send},{name:'批改',path:'/teacher/mark',ImgSrc:Mark},{name:'考试管理',path:'/teacher/managetest',ImgSrc:SubjectManage},{name:'设置',ImgSrc:Set,onClick:handleSettingsClick}].map((item)=> 
                         <li onClick={item.onClick}>
                             <div className='nav-li-box'>
                                 <Link to={item.path} className="custom-link-home" style={{color:'black'}}>

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

@@ -23,7 +23,6 @@ function SubjectPage(){
                 <div className='test-box-training'key={item.id}>
                     <p>{item.train}</p>
                     <span>发布者：陈老师</span>
-                    <div dangerouslySetInnerHTML={{ __html: item.title }} />
                     <Link to={`/operation1/${item.train}`} className="exam-btn-training">  
                         开始实训
                     </Link>

app-dm/src/router/index.jsx

@@ -21,6 +21,7 @@ import ClassID from '../TeacherPages/classlistpages/classId';
 import ManageTest from '../TeacherPages/teachermanagetest/ManageTest';
 import SendTest from '../TeacherPages/SendTest/SendTest';
 import Marking from '../TeacherPages/MarkingPages/Marking';
+import TrainManage from '../TeacherPages/SendTest/trainmanage';
 
 // 定义一个组件来包裹除了特定页面(exam)外的所有页面使其有导航
 const MainLayout = ({ headerNav:HeaderNav }) => {
@@ -56,6 +57,8 @@ function App() {
             <Route path='managetest/:ClassID' element={<ManageTest />}/>
             <Route path="classID/:key" element={<ClassID />} />
             <Route path='mark' element={<Marking/>}/>
+            <Route path='trainmanage' element={<TrainManage/>}/>
+            
             {/* 其他需要HeaderNavTeacher的页面 */}
           </Route>