diff --git a/public/react/src/modules/courses/Index.js b/public/react/src/modules/courses/Index.js index eef17f420..69c8b16ea 100644 --- a/public/react/src/modules/courses/Index.js +++ b/public/react/src/modules/courses/Index.js @@ -843,7 +843,7 @@ class CoursesIndex extends Component{ (props) => () } > - () } diff --git a/public/react/src/modules/courses/ListPageIndex.js b/public/react/src/modules/courses/ListPageIndex.js index d95ed6739..895dae020 100644 --- a/public/react/src/modules/courses/ListPageIndex.js +++ b/public/react/src/modules/courses/ListPageIndex.js @@ -28,10 +28,25 @@ const TeacherList= Loadable({ loader: () => import('./members/teacherList'), loading: Loading, }) +//主签到目录 +const Signinmain= Loadable({ + loader: () => import('./signin/mymain/Signinmain'), + loading: Loading, +}); +//老师签到 +const Teachers_signin= Loadable({ + loader: () => import('./signin/teacher/Teachers_signin'), + loading: Loading, +}); +//学生签到 +const Students_signin= Loadable({ + loader: () => import('./signin/student/Students_signin'), + loading: Loading, +}); //学生列表 const StudentsList= Loadable({ - loader: () => import('./members/studentsList'), - loading: Loading, + loader: () => import('./members/studentsList'), + loading: Loading, }); //分班列表 const CourseGroupList= Loadable({ @@ -254,17 +269,37 @@ class ListPageIndex extends Component{ (props) => () } > + {/* 教师签到*/} + () + } + > + {/* 教师列表*/} (this.updatabanners()} {...this.props} {...props} {...this.state} />) } > + {/* 学生签到*/} + () + } + > {/* 学生列表*/} () } > + {/* 主签到 */} + () + } + > + () diff --git a/public/react/src/modules/courses/signin/css/signincdi.css b/public/react/src/modules/courses/signin/css/signincdi.css new file mode 100644 index 000000000..b60b8c6e1 --- /dev/null +++ b/public/react/src/modules/courses/signin/css/signincdi.css @@ -0,0 +1,97 @@ +/* 中间居中 */ +.intermediatecenter{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} +/* 简单居中 */ +.intermediatecenterysls{ + display: flex; + align-items: center; +} + +/* 头顶部居中 */ +.topcenter{ + display: -webkit-flex; + flex-direction: column; + align-items: center; + +} +/* 均匀分开 */ +.spacearound{ + display: flex; + justify-content: space-around; + +} +/* 两边靠墙中间均匀分开 */ +.spacebetween{ + display: flex; + justify-content: space-between; +} +/* 从左分开 */ +.spacearoundflexstart{ + + display: flex; + justify-content: flex-start; +} +.spacebetween{ + display: flex; + justify-content: space-between; +} + +.unpsysls{ + display: inline-block; + text-align: justify; + font-size: 28rpx; +} + +/* x轴正方向排序 */ +/* 一 二 三 四 五 六 七 八 */ +.sortinxdirection{ + display: flex; + flex-direction:row; +} +/* x轴反方向排序 */ +/* 八 七 六 五 四 三 二 一 */ +.xaxisreverseorder{ + display: flex; + flex-direction:row-reverse; +} +/* 垂直布局 正方向*/ +/* 一 + 二 + 三 + 四 + 五 + 六 + 七 + 八 */ +.verticallayout{ + display: flex; + flex-direction:column; +} +/* 垂直布局 反方向*/ +.reversedirection{ + display: flex; + flex-direction:column-reverse; +} +/* 两端对齐 */ +.alignmentatbothends{ + display: flex; + justify-content: space-between; +} +.ws100s{ + width: 100%; +} + +.ws70s{ + width: 70%; +} + +.hs30s{ + height: 30%; +} +.yslmaxheigth80 .ant-tabs .ant-tabs-top{ + border-bottom: 1px solid #ffffff !important; +} diff --git a/public/react/src/modules/courses/signin/mymain/Signinmain.js b/public/react/src/modules/courses/signin/mymain/Signinmain.js new file mode 100644 index 000000000..f1bafc0fe --- /dev/null +++ b/public/react/src/modules/courses/signin/mymain/Signinmain.js @@ -0,0 +1,37 @@ +import React,{ Component } from "react"; +import '../css/signincdi.css'; +import { Tabs } from 'antd'; +const { TabPane } = Tabs; +// 主签到目录 主签到目录 +class Signinmain extends Component{ + constructor(props){ + super(props); + + this.state={ + + } + } + + componentDidMount() { + + } + + componentDidUpdate = (prevProps) => { + console.log("componentDidUpdate"); + + + } + + + // 主签到目录 + render(){ + return( + +
+ +
+
+ ) + } +} +export default Signinmain; diff --git a/public/react/src/modules/courses/signin/student/Students_signin.js b/public/react/src/modules/courses/signin/student/Students_signin.js new file mode 100644 index 000000000..889f106f6 --- /dev/null +++ b/public/react/src/modules/courses/signin/student/Students_signin.js @@ -0,0 +1,53 @@ +import React,{ Component } from "react"; +import '../css/signincdi.css'; +import { Tabs } from 'antd'; +const { TabPane } = Tabs; +//在线学习 +class Teachers_signin extends Component{ + constructor(props){ + super(props); + + this.state={ + + } + } + + componentDidMount() { + + } + + componentDidUpdate = (prevProps) => { + console.log("componentDidUpdate"); + + + } + + callback=(key)=> { + console.log(key); + } + + + + render(){ + return( + +
+
+
+ + + Content of Tab Pane 1 + + + Content of Tab Pane 2 + + +
+ +
+
+
+ ) + } +} +export default Teachers_signin; diff --git a/public/react/src/modules/courses/signin/teacher/Teachers_signin.js b/public/react/src/modules/courses/signin/teacher/Teachers_signin.js new file mode 100644 index 000000000..64c924d87 --- /dev/null +++ b/public/react/src/modules/courses/signin/teacher/Teachers_signin.js @@ -0,0 +1,56 @@ +import React,{ Component } from "react"; +import '../css/signincdi.css'; +import { Tabs } from 'antd'; +const { TabPane } = Tabs; +//在线学习 +class Students_signin extends Component{ + constructor(props){ + super(props); + + this.state={ + + } + } + + componentDidMount() { + + } + + componentDidUpdate = (prevProps) => { + console.log("componentDidUpdate"); + + + } + + callback=(key)=> { + console.log(key); + } + + + + render(){ + return( + +
+
+
+ + + Content of Tab Pane 1 + + + Content of Tab Pane 2 + + + Content of Tab Pane 3 + + +
+ +
+
+
+ ) + } +} +export default Students_signin;