This commit is contained in:
30404 2024-07-11 17:08:08 +08:00
commit d7c77f4c0f
17 changed files with 72 additions and 49 deletions

View File

@ -8,7 +8,6 @@
border-radius: 10px; border-radius: 10px;
float: right; float: right;
background-color: #f7f8fa; background-color: #f7f8fa;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
} }
.question-allbox{ .question-allbox{
display: flex; display: flex;
@ -49,6 +48,7 @@
inset 0 0 0 2px #aee1e3, /* 外边框颜色 */ inset 0 0 0 2px #aee1e3, /* 外边框颜色 */
inset 0 0 0 6px #aee1e3; inset 0 0 0 6px #aee1e3;
margin-top: 80px; margin-top: 80px;
padding: 3px;
} }
.title-link1{ .title-link1{
height: 60px; height: 60px;
@ -57,7 +57,7 @@
background-color: #aee1e3; background-color: #aee1e3;
} }
.title-link1 th{ .title-link1 th{
padding: 0 13px; padding: 0 11px;
min-width: 92.5px; min-width: 92.5px;
} }
.question-box{ .question-box{
@ -65,6 +65,7 @@
line-height: 50px; line-height: 50px;
} }
.question-box td{ .question-box td{
padding: 0 3px;
border-bottom: 1px solid #8a9991; border-bottom: 1px solid #8a9991;
} }
@ -96,10 +97,12 @@
inset 0 0 0 2px #aee1e3, /* 外边框颜色 */ inset 0 0 0 2px #aee1e3, /* 外边框颜色 */
inset 0 0 0 6px #aee1e3; inset 0 0 0 6px #aee1e3;
margin-top: 80px; margin-top: 80px;
padding: 3px;
} }
.appendbtn{ .appendbtn{
width:80px; width:80px;
height: 40px; height: 40px;
font-size: 16px;
background-color: #aee1e3; background-color: #aee1e3;
border: none; border: none;
margin-left: 1110px; margin-left: 1110px;
@ -108,6 +111,7 @@
.appenddel{ .appenddel{
width:80px; width:80px;
height: 40px; height: 40px;
font-size: 16px;
background-color: #aee1e3; background-color: #aee1e3;
border: none; border: none;
margin-left: 25px; margin-left: 25px;

View File

@ -86,9 +86,10 @@
margin-top: 180px; margin-top: 180px;
width: 600px; width: 600px;
height: 400px; height: 400px;
border: 1px solid black; border: 10px solid #f8efce;
position: absolute; position: absolute;
background-color: #fef9dd; /* background-color: #fef9dd; */
background-image: linear-gradient(#fffcea,#f8efce);
z-index: 2; z-index: 2;
} }
#splitter{ #splitter{
@ -99,11 +100,14 @@
padding-bottom: 10px; padding-bottom: 10px;
} }
#return{ #return{
height: 20px;
width: 30px;
position: absolute; position: absolute;
margin-left: 230px; margin-left: 235px;
font-size: 20px; font-size: 20px;
margin-top: -10px; margin-top: -20px;
cursor: pointer; cursor: pointer;
background-color: #f8efce;
color: rgb(154, 131, 66); color: rgb(154, 131, 66);
} }
#detailed span{ #detailed span{

View File

@ -111,16 +111,15 @@
/* 按钮 */ /* 按钮 */
#SendTestBtn{ #SendTestBtn{
height: 40px; height: 50px;
width: 130px; width: 220px;
font-size: 25px; font-size: 25px;
margin-top: 40px; margin-top: 50px;
margin-bottom: 40px; margin-left: 60px;
margin-left: 900px; background-color: #bfddd6;
background-color: #9acec2;
border: none; border: none;
border-radius: 20px; border-radius: 20px;
color: #fff; color: #ffffff;
} }

View File

@ -124,7 +124,7 @@ function SendTest(){
</li> </li>
</ul> </ul>
</div> </div>
<div className='SendTest_body_right'> <div className='SendTrain_body_right'>
<p>题目选择</p> <p>题目选择</p>
{question&&<table> {question&&<table>
<span className='title'>选择题</span> <span className='title'>选择题</span>
@ -216,7 +216,6 @@ function SendTest(){
))} ))}
</tbody> </tbody>
</table>} </table>}
<button onClick={SendTrainBtn} id='SendTrainBtn'>发布按钮</button>
</div> </div>
{/* 右边的内容 */} {/* 右边的内容 */}
<div className='right_right'> <div className='right_right'>
@ -251,6 +250,7 @@ function SendTest(){
<p>请填写截至时间</p> <p>请填写截至时间</p>
<input type="text" maxLength={10} style={{width:'30px'}} value={StopTime} onChange={getstoptime} />天后 <input type="text" maxLength={10} style={{width:'30px'}} value={StopTime} onChange={getstoptime} />天后
</div> </div>
<button onClick={SendTrainBtn} id='SendTestBtn'>发布按钮</button>
</div> </div>
</div> </div>
</div> </div>

View File

@ -21,7 +21,7 @@ export default function Test({ ip = "", port = "22", password = "123456", user =
if (terminal !== null) { if (terminal !== null) {
terminal.open(terminalObj.current); terminal.open(terminalObj.current);
const newSocket = io("ws:///"); const newSocket = io("ws://");
setSocket(newSocket); setSocket(newSocket);
terminal.onData((data) => { terminal.onData((data) => {

View File

@ -255,16 +255,15 @@
/* 按钮 */ /* 按钮 */
#SendTrainBtn{ #SendTrainBtn{
height: 40px; height: 50px;
width: 130px; width: 220px;
font-size: 25px; font-size: 25px;
margin-top: 100px; margin-top: 50px;
margin-bottom: 40px; margin-left: 60px;
margin-left: 900px; background-color: #bfddd6;
background-color: #9acec2;
border: none; border: none;
border-radius: 20px; border-radius: 20px;
color: #fff; color: #ffffff;
} }

View File

@ -301,7 +301,7 @@ function SendTrain(){
</div> </div>
</div> </div>
</div>} </div>}
<button onClick={SendTrainBtn} id='SendTrainBtn'>发布按钮</button> {/* <button onClick={SendTrainBtn} id='SendTrainBtn'>发布按钮</button> */}
</div> </div>
{/* 最右边的内容 */} {/* 最右边的内容 */}
<div className='right_right'> <div className='right_right'>
@ -369,6 +369,7 @@ function SendTrain(){
))} ))}
</select>分钟 </select>分钟
</div> </div>
<button onClick={SendTrainBtn} id='SendTrainBtn'>发布按钮</button>
</div> </div>
</div> </div>
</div> </div>

View File

@ -119,7 +119,9 @@
margin-top: 180px; margin-top: 180px;
z-index: 2; z-index: 2;
border: 10px solid #ceedf5; border: 10px solid #ceedf5;
background-color: #d4f6f6; /* background-color: #d4f6f6; */
background-color: #e7f5f8;
background-image: linear-gradient(#e7f5f8,#ceedf5);
} }
.TrainBox table{ .TrainBox table{
margin-top: 60px; margin-top: 60px;

View File

@ -1,6 +1,6 @@
.body-right-classId{ .body-right-classId{
/* width: 1420px; */ /* width: 1420px; */
width: 86.3%; width: 85.6%;
height: 830px; height: 830px;
position: absolute; position: absolute;
top: 72px; top: 72px;
@ -151,7 +151,7 @@
left: 0px; left: 0px;
} }
.studentName{ .studentName{
font-size: 18px; font-size: 20px;
padding-top: 20px; padding-top: 25px;
padding-left: 10px; padding-left: 42px;
} }

View File

@ -101,7 +101,7 @@
height: 420px; height: 420px;
position: absolute; position: absolute;
top: 160px; top: 160px;
left: 150px; left: 180px;
background-color: #d1ece2ea; background-color: #d1ece2ea;
z-index: 1; z-index: 1;
} }

View File

@ -21,7 +21,7 @@
/* 第二页(实训题)的左边导航 */ /* 第二页(实训题)的左边导航 */
.nav-left-exam{ .nav-left-exam{
width: 215px; width: 215px;
height: 900px; height: 840px;
position: absolute; position: absolute;
box-shadow: 2px 2px 6px #d4d4d4; box-shadow: 2px 2px 6px #d4d4d4;
} }
@ -59,8 +59,8 @@
z-index: 1000; z-index: 1000;
} }
.dropdown-menu1-exam li{ .dropdown-menu1-exam li{
background-color: rgb(236, 232, 232); background-color: rgb(254, 252, 252);
border-bottom: 2px solid rgb(213, 208, 208); border-bottom: 2px solid rgb(231, 231, 231);
} }
/* 显示下拉菜单 */ /* 显示下拉菜单 */
.subject-dropdown.open1-exam + .dropdown-menu1-exam { .subject-dropdown.open1-exam + .dropdown-menu1-exam {
@ -120,23 +120,39 @@
margin-top: 5px; margin-top: 5px;
cursor: pointer; cursor: pointer;
} }
/* 题目 */
.body-right1-exam{ .body-right1-exam{
width: 1414px; width: 1414px;
height: 1540px;
position: absolute; position: absolute;
top: 64px; top: 64px;
left: 230px; left: 230px;
border-radius: 10px; border-radius: 10px;
background-color: #f7f8fa; background-color: #f7f8fa;
} }
.body-right1-exam p{
width: 80px;
height: 30px;
margin: 0px;
padding-left: 10px;
margin-left: -10px;
font-size: 20px;
color: #273128;
background-image: linear-gradient(#c7e0ca,#a7daa3);
border-radius: 0 10px 10px 0;
}
.body-right1-exam table{
width: 100%;
border-spacing: 10px;
}
.subject-btn{ .subject-btn{
width: 100px; width: 120px;
height: 40px; height: 45px;
border: none; border: none;
margin-top: 150px; margin-top: 120px;
margin-bottom: 30px;
margin-left: 1200px; margin-left: 1200px;
border-radius: 20px; border-radius: 20px;
font-size: 18px; font-size: 18px;
background-image: linear-gradient(rgb(195, 255, 227),rgb(168, 224, 200)); background-image: linear-gradient(rgb(211, 249, 231),rgb(191, 231, 213));
} }

View File

@ -264,7 +264,7 @@ function Exam() {
</div> </div>
</div> </div>
<div className='body-right1'> <div className='body-right1-exam'>
{TestData&&<table> {TestData&&<table>
<p>选择题</p> <p>选择题</p>
<tbody> <tbody>

View File

@ -74,10 +74,9 @@
#score{ #score{
position: absolute; position: absolute;
margin-left: 290px; margin-left: 260px;
margin-top: -135px; margin-top: -135px;
font-size: 45px; font-size: 30px;
/* color: #ff6666; */
color: rgb(252, 102, 102); color: rgb(252, 102, 102);
} }

View File

@ -59,7 +59,7 @@ function SubjectPage(){
<span>发布者:{'小陈老师'}</span> <span>发布者:{'小陈老师'}</span>
<div>发布时间:{testdata[key][1][0][5]}</div> <div>发布时间:{testdata[key][1][0][5]}</div>
<div>截至时间:{testdata[key][1][0][6]}</div> <div>截至时间:{testdata[key][1][0][6]}</div>
<div id='score'>{testdata[key][0][5]}</div> <div id='score'>分数{testdata[key][0][5]}</div>
</div> </div>
))} ))}
</div> </div>

View File

@ -59,8 +59,8 @@
z-index: 1000; z-index: 1000;
} }
.dropdown-menu1 li{ .dropdown-menu1 li{
background-color: rgb(236, 232, 232); background-color: rgb(254, 252, 252);
border-bottom: 2px solid rgb(213, 208, 208); border-bottom: 2px solid rgb(231, 231, 231);
} }
/* 显示下拉菜单 */ /* 显示下拉菜单 */
.subject-dropdown.open1 + .dropdown-menu1 { .subject-dropdown.open1 + .dropdown-menu1 {
@ -124,7 +124,6 @@
/* 第一页(主观题)的右边页面 */ /* 第一页(主观题)的右边页面 */
.body-right1{ .body-right1{
width: 1414px; width: 1414px;
height: 2150px;
position: absolute; position: absolute;
top: 64px; top: 64px;
left: 230px; left: 230px;
@ -198,10 +197,11 @@
} }
.operation-btn1{ .operation-btn1{
width: 100px; width: 110px;
height: 40px; height: 40px;
border: none; border: none;
margin-top: 50px; margin-top: 50px;
margin-bottom: 20px;
margin-left: 20px; margin-left: 20px;
border-radius: 20px; border-radius: 20px;
font-size: 18px; font-size: 18px;

View File

@ -337,7 +337,6 @@ function Operation1() {
{Object.keys(TrainData['operateID'][1]).map((key,index)=>( {Object.keys(TrainData['operateID'][1]).map((key,index)=>(
<tr key={key}> <tr key={key}>
<tr className='test-title1'>{index+1}.{TrainData['operateID'][1][key][0][1]}</tr> <tr className='test-title1'>{index+1}.{TrainData['operateID'][1][key][0][1]}</tr>
{/* <br /> */}
<div className='input-box'> <div className='input-box'>
<span>请填入你的答案</span> <span>请填入你的答案</span>
<input type="text" onChange={handleInputChange} name={key} value={completion_answer[key]||''}/> <input type="text" onChange={handleInputChange} name={key} value={completion_answer[key]||''}/>

View File

@ -53,7 +53,7 @@
font-size: 17px; font-size: 17px;
border: none; border: none;
display: inline-block; display: inline-block;
padding: 3px 26px; padding: 3px 23px;
background-color: rgba(175, 235, 230, 0.929); background-color: rgba(175, 235, 230, 0.929);
color: #000; color: #000;
text-decoration: none; text-decoration: none;