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( -
- - - - - - - - - - - - - - - - - - - - - - - - - -
NameTestIDTrainStartEnd

zhoutao3302024-7-12024-7-2
zhoutao3302024-7-12024-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 04e72de..e2d23ab 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['operateID'][3][0]); + console.log(60 * parseInt(TrainData['operateID'][4])); } const clear=()=>{ localStorage.removeItem('choice_answers'); @@ -44,27 +45,29 @@ function Operation1() { 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 b22e650..737bc57 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() {

上一页

- +
)