6.19
|
@ -2,6 +2,8 @@
|
||||||
flex: 20%;
|
flex: 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#body_right{
|
#body_right{
|
||||||
border-left: 1px solid black;
|
border-left: 1px solid black;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -26,6 +28,9 @@
|
||||||
border-bottom: 1px solid black;
|
border-bottom: 1px solid black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#body_top{
|
#body_top{
|
||||||
border-bottom: 1px solid black;
|
border-bottom: 1px solid black;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -47,7 +47,7 @@ function SendTest(){
|
||||||
background.style.display='block'
|
background.style.display='block'
|
||||||
body.style.display='none'
|
body.style.display='none'
|
||||||
send_box.display='none'
|
send_box.display='none'
|
||||||
SetClassData(select_class_src.data['Class']);
|
SetClassData(select_class_src.data);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
}
|
}
|
||||||
|
@ -262,6 +262,7 @@ function SendTest(){
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
))}
|
))}
|
||||||
|
|
||||||
</thead>
|
</thead>
|
||||||
</table>}
|
</table>}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
/* 页面右边 */
|
/* 页面右边 */
|
||||||
.body-right-manage{
|
.body-right-manage{
|
||||||
width: 87%;
|
width: 1420px;
|
||||||
height: 830px;
|
height: 820px;
|
||||||
position: relative;
|
position: absolute;
|
||||||
margin-top: 5px;
|
top: 72px;
|
||||||
margin-left: 10px;
|
left: 220px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
float: right;
|
float: right;
|
||||||
background-color: #f7f8fa;
|
background-color: #f7f8fa;
|
||||||
|
|
|
@ -3,10 +3,10 @@ import './style.css';
|
||||||
import React,{ useState } from 'react';
|
import React,{ useState } from 'react';
|
||||||
import HomeIcon from '../pages/Home/img/主页.jpg';
|
import HomeIcon from '../pages/Home/img/主页.jpg';
|
||||||
import Subject from "../pages/Home/img/题目.jpg";
|
import Subject from "../pages/Home/img/题目.jpg";
|
||||||
import Mark from "../pages/Home/img/问题.jpg";
|
import Analyse from "../pages/Home/img/学习分析.jpg";
|
||||||
import Set from '../pages/Home/img/设置.jpg';
|
import Set from '../pages/Home/img/设置.jpg';
|
||||||
import Logo from '../pages/Home/img/logo.jpg';
|
import Logo from '../pages/Home/img/logo.jpg';
|
||||||
import Computer from '../pages/Home/img/电脑.jpg';
|
import Computer from '../pages/Home/img/实训.jpg';
|
||||||
|
|
||||||
// 导航
|
// 导航
|
||||||
function HeaderNav() {
|
function HeaderNav() {
|
||||||
|
@ -55,11 +55,11 @@ function HeaderNav() {
|
||||||
</div>
|
</div>
|
||||||
<div className='left-nav-li'>
|
<div className='left-nav-li'>
|
||||||
<ul>
|
<ul>
|
||||||
{[{name:'首页',path:'/',ImgSrc:HomeIcon},{name:'练习',path:'subject',ImgSrc:Subject},{name:'实训',path:'train',ImgSrc:Computer},{name:'学习分析',path:'analyse',ImgSrc:Mark},{name:'设置',path:'#',ImgSrc:Set,onClick:handleSettingsClick}].map((item)=>
|
{[{name:'首页',path:'/',ImgSrc:HomeIcon},{name:'练习',path:'subject',ImgSrc:Subject},{name:'实训',path:'train',ImgSrc:Computer},{name:'学习分析',path:'analyse',ImgSrc:Analyse},{name:'设置',path:'#',ImgSrc:Set,onClick:handleSettingsClick}].map((item)=>
|
||||||
<li onClick={item.onClick}>
|
<li onClick={item.onClick}>
|
||||||
<div className='nav-li-box'>
|
<div className='nav-li-box'>
|
||||||
<Link to={item.path} className="custom-link-home" style={{color:'black'}}>
|
<Link to={item.path} className="custom-link-home" style={{color:'black'}}>
|
||||||
<img src={ item.ImgSrc } alt="" width='32px' height='32px'/>
|
<img src={ item.ImgSrc } alt="" width='30px' height='30px'/>
|
||||||
<p>{item.name}</p>
|
<p>{item.name}</p>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -78,8 +78,8 @@
|
||||||
background-image: linear-gradient(190deg,rgba(179, 255, 249, 0.8),rgba(190, 218, 249, 0.6));
|
background-image: linear-gradient(190deg,rgba(179, 255, 249, 0.8),rgba(190, 218, 249, 0.6));
|
||||||
}
|
}
|
||||||
.left-nav-li img{
|
.left-nav-li img{
|
||||||
margin-top: 13px;
|
margin-top: 14px;
|
||||||
margin-right: 10px;
|
margin-right: 12px;
|
||||||
}
|
}
|
||||||
.left-nav-li p{
|
.left-nav-li p{
|
||||||
float: right;
|
float: right;
|
||||||
|
|
|
@ -56,7 +56,7 @@ function HeaderNavTeacher() {
|
||||||
</div>
|
</div>
|
||||||
<div className='left-nav-li'>
|
<div className='left-nav-li'>
|
||||||
<ul>
|
<ul>
|
||||||
{[{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)=>
|
{[{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)=>
|
||||||
<li onClick={item.onClick}>
|
<li onClick={item.onClick}>
|
||||||
<div className='nav-li-box'>
|
<div className='nav-li-box'>
|
||||||
<Link to={item.path} className="custom-link-home" style={{color:'black'}}>
|
<Link to={item.path} className="custom-link-home" style={{color:'black'}}>
|
||||||
|
|
|
@ -63,9 +63,9 @@ function Home(){
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
useEffect(()=>{
|
// useEffect(()=>{
|
||||||
student_succeed_func()
|
// student_succeed_func()
|
||||||
},[])
|
// },[])
|
||||||
|
|
||||||
useEffect(()=>{
|
useEffect(()=>{
|
||||||
if(lesson.length>0){
|
if(lesson.length>0){
|
||||||
|
|
Before Width: | Height: | Size: 9.5 KiB |
Before Width: | Height: | Size: 5.1 KiB |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 22 KiB |
Before Width: | Height: | Size: 9.5 KiB |
Before Width: | Height: | Size: 11 KiB |
|
@ -21,8 +21,6 @@ import ClassID from '../TeacherPages/classlistpages/classId';
|
||||||
import ManageTest from '../TeacherPages/teachermanagetest/ManageTest';
|
import ManageTest from '../TeacherPages/teachermanagetest/ManageTest';
|
||||||
import SendTest from '../TeacherPages/SendTest/SendTest';
|
import SendTest from '../TeacherPages/SendTest/SendTest';
|
||||||
import Marking from '../TeacherPages/MarkingPages/Marking';
|
import Marking from '../TeacherPages/MarkingPages/Marking';
|
||||||
import SendTrain from '../TeacherPages/SendTrain/SendTrain';
|
|
||||||
import Trainmanage from '../TeacherPages/Trainmanage/Trainmanage'
|
|
||||||
|
|
||||||
// 定义一个组件来包裹除了特定页面(exam)外的所有页面使其有导航
|
// 定义一个组件来包裹除了特定页面(exam)外的所有页面使其有导航
|
||||||
const MainLayout = ({ headerNav:HeaderNav }) => {
|
const MainLayout = ({ headerNav:HeaderNav }) => {
|
||||||
|
@ -58,7 +56,6 @@ function App() {
|
||||||
<Route path='managetest/:ClassID' element={<ManageTest />}/>
|
<Route path='managetest/:ClassID' element={<ManageTest />}/>
|
||||||
<Route path="classID/:key" element={<ClassID />} />
|
<Route path="classID/:key" element={<ClassID />} />
|
||||||
<Route path='mark' element={<Marking/>}/>
|
<Route path='mark' element={<Marking/>}/>
|
||||||
<Route path='Trainmanage' element={<Trainmanage/>}/>
|
|
||||||
{/* 其他需要HeaderNavTeacher的页面 */}
|
{/* 其他需要HeaderNavTeacher的页面 */}
|
||||||
</Route>
|
</Route>
|
||||||
|
|
||||||
|
@ -71,7 +68,6 @@ function App() {
|
||||||
<Route path='/teacher/sendtest' element={<SendTest />}/>
|
<Route path='/teacher/sendtest' element={<SendTest />}/>
|
||||||
<Route path='operation1/:operateID' element={<Operation1/>}/>
|
<Route path='operation1/:operateID' element={<Operation1/>}/>
|
||||||
<Route path='operation2/:operateID' element={<Operation2/>}/>
|
<Route path='operation2/:operateID' element={<Operation2/>}/>
|
||||||
<Route path='/teacher/SendTrain' element={<SendTrain/>}/>
|
|
||||||
|
|
||||||
|
|
||||||
{/* 独立的顶级路由,如登录页面,也不包含HeaderNav */}
|
{/* 独立的顶级路由,如登录页面,也不包含HeaderNav */}
|
||||||
|
|