From ba6c387b349ee87610032919e9c5c4481e3ad93a Mon Sep 17 00:00:00 2001
From: 30404 <3040471803@qq.com>
Date: Thu, 27 Jun 2024 13:43:35 +0800
Subject: [PATCH] 123
---
.../src/TeacherPages/list_pods/List_pods.css | 21 ++++----
.../src/TeacherPages/list_pods/List_pods.jsx | 52 ++++++++-----------
.../pages/ListPages/Training/Operation1.jsx | 32 ++++++------
.../pages/ListPages/Training/Operation2.css | 1 +
.../pages/ListPages/Training/Operation2.jsx | 18 ++++---
5 files changed, 64 insertions(+), 60 deletions(-)
diff --git a/app-dm/src/TeacherPages/list_pods/List_pods.css b/app-dm/src/TeacherPages/list_pods/List_pods.css
index 23c124d..ea79a9b 100644
--- a/app-dm/src/TeacherPages/list_pods/List_pods.css
+++ b/app-dm/src/TeacherPages/list_pods/List_pods.css
@@ -1,9 +1,12 @@
-.pods table{
- width: 500px;
- text-align: center;
- border: 1px solid black;
-}
-.pods p{
- line-height: 0px;
- margin: 0px;
-}
\ No newline at end of file
+.list-pods-container {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ h1 {
+ font-size: 2rem;
+ color: #333;
+ }
\ No newline at end of file
diff --git a/app-dm/src/TeacherPages/list_pods/List_pods.jsx b/app-dm/src/TeacherPages/list_pods/List_pods.jsx
index 48cb78f..f2f4a39 100644
--- a/app-dm/src/TeacherPages/list_pods/List_pods.jsx
+++ b/app-dm/src/TeacherPages/list_pods/List_pods.jsx
@@ -1,36 +1,28 @@
import './list_pods.css'
+import React, { useEffect, useState } from 'react';
function List_pods(){
+ const [seconds, setSeconds] = useState(60);
+ const handleStart = () => {
+ const intervalId = setInterval(() => {
+ if (seconds > 0) {
+ setSeconds(seconds - 1);
+ } else {
+ clearInterval(intervalId);
+ alert('考试时间到!');
+ }
+ }, 1000);
- return(
-
-
-
- Name |
- TestID |
- Train |
- Start |
- End |
-
-
-
|
-
-
- zhoutao |
- 33 |
- 0 |
- 2024-7-1 |
- 2024-7-2 |
-
-
- zhoutao |
- 33 |
- 0 |
- 2024-7-1 |
- 2024-7-2 |
-
-
-
- )
+ return () => {
+ clearInterval(intervalId);
+ };
+ };
+
+ return (
+
+
剩余时间:{seconds}
+
+
+ );
}
export default List_pods
\ No newline at end of file
diff --git a/app-dm/src/pages/ListPages/Training/Operation1.jsx b/app-dm/src/pages/ListPages/Training/Operation1.jsx
index 6df4cc4..406db1e 100644
--- a/app-dm/src/pages/ListPages/Training/Operation1.jsx
+++ b/app-dm/src/pages/ListPages/Training/Operation1.jsx
@@ -10,8 +10,9 @@ import top from '../img/top.jpg'
import axios from 'axios';
function Operation1() {
+ const[isTrue,setisTrue]=useState(true)
const click=()=>{
- console.log(TrainData);
+ console.log(60 * parseInt(TrainData['operateID'][4]));
}
const clear=()=>{
localStorage.removeItem('choice_answers');
@@ -40,32 +41,33 @@ function Operation1() {
})
const returnData=TrainDataSrc.data
setTrainData(returnData)
- //60*parseInt(returnData['operateID'][4]
}catch{
alert('TrainDataFunc出错')
}
}
- useEffect(()=>{
+ useEffect(()=>{
TrainDataFunc()
- const RemainingTime=localStorage.getItem('RemainingTime')
- if(!isNaN(RemainingTime) && RemainingTime !== '') {
- setCountdown(RemainingTime);
- } else {
- setCountdown(60 * parseInt(TrainData['operateID'][4]));
- }
},[])
- //倒计时
- const [countdown, setCountdown] = useState();
- const [time,settime]=useState()
- // 倒计时初始化
+ useEffect(()=>{
+ if(localStorage.getItem('time')){
+ setCountdown(localStorage.getItem('time'))
+ }else{
+ if(TrainData){
+ setCountdown(60 * parseInt(TrainData['operateID'][4]))
+ }
+ }
+ },[TrainData])
+
+ //倒计时
+ const [countdown, setCountdown] = useState(null);
// 倒计时更新
useEffect(() => {
let interval = setInterval(() => {
- if (countdown != 0) {
+ if (countdown > 0 ) {
setCountdown(countdown - 1);
- localStorage.setItem('RemainingTime',countdown)
+ localStorage.setItem('time',countdown-1)
} else {
clearInterval(interval);
alert('考试时间到!');
diff --git a/app-dm/src/pages/ListPages/Training/Operation2.css b/app-dm/src/pages/ListPages/Training/Operation2.css
index 45c3d09..2d9a3c2 100644
--- a/app-dm/src/pages/ListPages/Training/Operation2.css
+++ b/app-dm/src/pages/ListPages/Training/Operation2.css
@@ -101,6 +101,7 @@
}
/* 前进按钮 */
.btn-out2{
+ cursor: pointer;
height: 50px;
position: absolute;
bottom: 50px;
diff --git a/app-dm/src/pages/ListPages/Training/Operation2.jsx b/app-dm/src/pages/ListPages/Training/Operation2.jsx
index 8cdf4b8..4e5579f 100644
--- a/app-dm/src/pages/ListPages/Training/Operation2.jsx
+++ b/app-dm/src/pages/ListPages/Training/Operation2.jsx
@@ -12,7 +12,7 @@ import top from '../img/top.jpg'
function Operation2() {
const { operateID } = useParams();
//获取剩余时间
- const RemainingTime=localStorage.getItem('RemainingTime')
+
//终端
@@ -67,15 +67,15 @@ function Operation2() {
// 倒计时初始化
useEffect(() => {
- setCountdown(RemainingTime);
+ setCountdown(localStorage.getItem('time'))
}, []);
// 倒计时更新
useEffect(() => {
let interval = setInterval(() => {
- if (countdown != 0) {
+ if (countdown !== 0) {
setCountdown(countdown - 1);
- localStorage.setItem('RemainingTime',countdown)
+ localStorage.setItem('time',countdown-1)
} else {
clearInterval(interval);
alert('考试时间到!');
@@ -95,6 +95,12 @@ function Operation2() {
// 下拉菜单
const [isSubjectDropdownOpen, setIsSubjectDropdownOpen] = useState(false);
+ const tijiao = ()=>{
+ clearInterval()
+ localStorage.removeItem('time')
+ window.location.href='http://baidu.com'
+ }
+
return (
@@ -132,10 +138,10 @@ function Operation2() {
上一页
-
+
)