From 9f2d309b15d439c010c1bf2b68e0a8f457b82264 Mon Sep 17 00:00:00 2001
From: nopy <646880214@qq.com>
Date: Sun, 7 Jul 2024 15:58:33 +0800
Subject: [PATCH 1/2] 1

---
 .../TeacherPages/Trainmanage/Trainmanage.css  | 41 +++++++++++++------
 .../TeacherPages/Trainmanage/Trainmanage.jsx  | 26 ++++--------
 2 files changed, 36 insertions(+), 31 deletions(-)

diff --git a/app-dm/src/TeacherPages/Trainmanage/Trainmanage.css b/app-dm/src/TeacherPages/Trainmanage/Trainmanage.css
index dc97eba..2170ed1 100644
--- a/app-dm/src/TeacherPages/Trainmanage/Trainmanage.css
+++ b/app-dm/src/TeacherPages/Trainmanage/Trainmanage.css
@@ -20,30 +20,35 @@
     top: 60px;
     background-image: linear-gradient(120deg,#ffffff,rgb(181, 181, 181),#fff);
 }
-.ul1-trainmanage{
-    width: 650px;
+.ul-trainmanage{
+    /* width: 650px; */
     height: 200px;
     position: absolute;
     top: 50px;
     left: 10px;
+    width: 95%; /* 占满其父元素的宽度 */
+    display: flex;
+    flex-wrap: wrap; /* 允许换行 */
+    padding-left: 20px; /* 移除默认的内边距 */
+    list-style-type: none; /* 移除列表项的默认标记 */
 }
-.ul2-trainmanage{
-    width: 650px;
-    height: 200px;
-    position: absolute;
-    top: 50px;
-    left: 700px;
-}
-.train-list-trainmanage li{
-    width: 650px;
+.ul-trainmanage li{
+    width: calc(50% - 20px); /* 每个li占据其父元素宽度的一半，减去外边距 */
     height: 70px;
     list-style-type: none;
-    margin-top: 10px;
     border-radius: 10px;
     background-color: #ffffff;
     box-shadow: 2px 2px 2px #d8d9d9;
     cursor: pointer;
+    margin: 10px; /* 外边距 */
+    box-sizing: border-box; /* 边框计算在宽度内 */
+    display: flex; /* 使用Flexbox布局 */
+    align-items: center; /* 垂直居中 */
+    padding: 0 15px; /* 内边距 */
+    position: relative;
 }
+
+
 .train-list-trainmanage span {
     font-size: 20px;
 }
@@ -51,6 +56,14 @@
     font-size: 15px;
     margin-left: 460px;
     margin-top: -40px;
+    flex-shrink: 0; /* span不缩小 */
+    white-space: nowrap;
+    flex-grow: 1; /* p标签占据剩余空间 */
+    margin: 0; /* 移除默认外边距 */
+    padding-left: 410px;
+    text-align: right; /* 右对齐文本 */
+    overflow-wrap: break-word; /* 允许长单词换行 */
+    word-break: break-all; /* 允许在任意字符处断行 */
 }
 .train-list-trainmanage li::before {
     content: "▶";
@@ -62,6 +75,10 @@
     display: inline-block;
 }
 
+
+
+
+
 .sendtestpage{
     padding: 10px 30px;
     font-size: 20px;
diff --git a/app-dm/src/TeacherPages/Trainmanage/Trainmanage.jsx b/app-dm/src/TeacherPages/Trainmanage/Trainmanage.jsx
index a9777b9..7ffeb44 100644
--- a/app-dm/src/TeacherPages/Trainmanage/Trainmanage.jsx
+++ b/app-dm/src/TeacherPages/Trainmanage/Trainmanage.jsx
@@ -28,25 +28,13 @@ function TrainManage(){
             <p>已批改的试卷</p>
             <div className='line'></div>
             {Data&&<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 className="ul-trainmanage">
+                    {['111', '222', '333', '444'].map(num => (
+                        <li key={num}>
+                            <span>{num}</span>
+                            <p>关闭时间：{`2024-11-${num === '111' ? '11' : 'XX'}`}</p>
+                        </li>
+                    ))}
                 </ul>
                 <Link to='/teacher/trainmanage/TrainPods' className='ManagePods' >管理实训</Link>
                 <Link to='/teacher/SendTrain' className='sendtestpage'>发布实训</Link>

From 8d29d0eb44ea64cf73a337e161b8f482536111c9 Mon Sep 17 00:00:00 2001
From: nopy <646880214@qq.com>
Date: Sun, 7 Jul 2024 16:22:38 +0800
Subject: [PATCH 2/2] 1

---
 .../TeacherPages/MarkingPages/StudentLink.css | 19 +++----
 .../TeacherPages/MarkingPages/StudentLink.jsx | 50 ++++++++++---------
 2 files changed, 32 insertions(+), 37 deletions(-)

diff --git a/app-dm/src/TeacherPages/MarkingPages/StudentLink.css b/app-dm/src/TeacherPages/MarkingPages/StudentLink.css
index 5b763c6..fceada2 100644
--- a/app-dm/src/TeacherPages/MarkingPages/StudentLink.css
+++ b/app-dm/src/TeacherPages/MarkingPages/StudentLink.css
@@ -8,30 +8,23 @@
     float: right;
     background-color: #f7f8fa;
 }
+.link-box{
+    margin-top: 30px;
+}
 .title-link{
-    position: absolute;
-    top: 30px;
-    left: -110px;
     font-size: 18px;
 }
-.title-link th{
-    padding-left: 190px;
-}
-
 .link-table{
-    margin-top: 50px;
-    position: absolute;
-    top: 40px;
-    left: 22px;
+    position: relative;
 }
 .link-table td{
-    padding-left: 45px;
+    padding: 0 26.2px;
     font-size: 17px;
     border-bottom: 1px solid #8a9991;
-    /* border-top: 1px solid #8a9991; */
     line-height: 40px;
     padding-top: 10px;
     padding-bottom: 10px;
+    text-align: center;
 }
 .link-table input{
     height: 20px;
diff --git a/app-dm/src/TeacherPages/MarkingPages/StudentLink.jsx b/app-dm/src/TeacherPages/MarkingPages/StudentLink.jsx
index 9078186..892cf5c 100644
--- a/app-dm/src/TeacherPages/MarkingPages/StudentLink.jsx
+++ b/app-dm/src/TeacherPages/MarkingPages/StudentLink.jsx
@@ -60,30 +60,32 @@ function StudentLink(){
     }
     return(
         <div className='body-right-studentlink'>
-            {TestLink&&<table>
-                <thead>
-                    <tr className='title-link'>
-                        <th>学生</th>
-                        <th>链接1</th>
-                        <th>链接2</th>
-                        <th>链接3</th>
-                        <th>分数</th>
-                        <th>建议</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {Object.keys(TestLink).map((key)=>(
-                    <tr key={key} className='link-table'>
-                        <td>{key}</td>
-                        <td><Link to={TestLink[key][6]} target="_blank">{TestLink[key][6]}</Link></td>
-                        <td><Link to={TestLink[key][7]} target="_blank">{TestLink[key][7]}</Link></td>
-                        <td><Link to={TestLink[key][8]} target="_blank">{TestLink[key][8]}</Link></td>
-                        <td><input type="text" onChange={handleInputChange} name={TestLink[key][0]}/></td>
-                        <td><input type="text" onChange={handleInputChange2} name={TestLink[key][0]} /></td>
-                    </tr>
-                    ))}
-                </tbody>
-            </table>}
+            <div className='link-box'>
+                {TestLink&&<table>
+                    <thead>
+                        <tr className='title-link'>
+                            <th>学生</th>
+                            <th>链接1</th>
+                            <th>链接2</th>
+                            <th>链接3</th>
+                            <th>分数</th>
+                            <th>建议</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {Object.keys(TestLink).map((key)=>(
+                        <tr key={key} className='link-table'>
+                            <td>{key}</td>
+                            <td><Link to={TestLink[key][6]} target="_blank">{TestLink[key][6]}</Link></td>
+                            <td><Link to={TestLink[key][7]} target="_blank">{TestLink[key][7]}</Link></td>
+                            <td><Link to={TestLink[key][8]} target="_blank">{TestLink[key][8]}</Link></td>
+                            <td><input type="text" onChange={handleInputChange} name={TestLink[key][0]}/></td>
+                            <td><input type="text" onChange={handleInputChange2} name={TestLink[key][0]} /></td>
+                        </tr>
+                        ))}
+                    </tbody>
+                </table>}
+            </div>
             <button onClick={submit} className='submit'>确定</button>
         </div>
     )