m52mxtq3o
/
educoder
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

签到

Browse Source
PCqiandao
杨树林 5 years ago
parent f40728e51b
commit 64f7475d59
6 changed files with 177 additions and 37 deletions
Show Stats Download Patch File Download Diff File

5
public/react/src/modules/courses/coursesDetail/CoursesLeftNav.js
Unescape View File

@ -1097,7 +1097,8 @@ class Coursesleftnav extends Component{
item.type==="board"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-taolun mr10 fl":"iconfont icon-taolun mr10 fl"} ></i>:
item.type==="course_group"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-fenban mr10 fl":"iconfont icon-fenban mr10 fl"} ></i>:
item.type==="statistics"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-tongji mr10 fl":"iconfont icon-tongji mr10 fl"} ></i>:
item.type==="video"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-bofang2 mr10 fl":"iconfont icon-bofang2 mr10 fl"} ></i>:""
item.type==="attendance"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-qiandao-1 mr10 fl":"iconfont icon-qiandao-1 mr10 fl"} ></i>:
item.type==="video"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-bofang2 mr10 fl":"iconfont icon-bofang2 mr10 fl"} ></i>:""
}
{/*||this.props.location.pathname===this.state.url&&key===this.state.indexs*/}
@ -1238,7 +1239,7 @@ class Coursesleftnav extends Component{
item.type==="attachment"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-ziyuan mr10 fl":"iconfont icon-ziyuan mr10 fl"} ></i>:
item.type==="board"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-taolun mr10 fl":"iconfont icon-taolun mr10 fl"} ></i>:
item.type==="course_group"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-fenban mr10 fl":"iconfont icon-fenban mr10 fl"} ></i>:
item.type==="attendance"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-qiandao-1 mr10 fl":"iconfont icon-qiandao-1 mr10 fl"} ></i>:
item.type==="video"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-bofang2 mr10 fl":"iconfont icon-bofang2 mr10 fl"} ></i>:
item.type==="statistics"?<i className={this.props.location.pathname===item.category_url?"color-blue iconfont icon-tongji mr10 fl":"iconfont icon-tongji mr10 fl"} ></i>:""
}

49
public/react/src/modules/courses/signin/component/Teacherentry.js
Unescape View File

@ -1,6 +1,8 @@
import React,{ Component } from "react";
import '../css/signincdi.css';
import { Progress } from 'antd';
import axios from 'axios';
//条目
class Teacherentry extends Component{
//条目组件
@ -41,33 +43,33 @@ class Teacherentry extends Component{
<Progress percent={30} />
</div>
<div className="progressivpss">
已签到22 /应签到55
已签到22 / 应签到55
</div>
</div>
<div className="ws100s sortinxdirection mt17">
<div className="ws100s sortinxdirection mt5">
<div className="ws80s sortinxdirection">
<div className="teachedivps ">
<div className="teachedivps h40s">
签到发起人：
</div>
<div className="teachedivpsy ymaxnamewidth60">
<div className="teachedivpsy ymaxnamewidth60 h40s">
胡一菲
</div>
<div className="teachedivps ml20">
<div className="teachedivps ml20 h40s">
签到方式：
</div>
<div className="teachedivpsy ymaxnamewidth80">
<div className="teachedivpsy ymaxnamewidth80 h40s">
二维码签到
</div>
<div className="teachedivps ml20">
<div className="teachedivps ml20 h40s">
开始结束时间：
</div>
<div className="teachedivpsy">
<div className="teachedivpsy h40s">
2010-03-10 10:00-11:00
</div>
</div>
@ -75,23 +77,34 @@ class Teacherentry extends Component{
<div className="ws20s sortinxdirection">
{
isAdmin===true?
<div className="ws100s xaxisreverseorder">
<div className="jiezhis h40s">截止</div>
<div className="shanchu h40s">删除</div>
</div>
:
(
this.props.defaultActiveKey==="0"?
this.props.defaultActiveKey==="1"?
<div className="ws100s xaxisreverseorder">
<div className="jiezhis">截止</div>
<div className="shanchu">删除</div>
<div className="qiandaobutton xiaoshou">
签到
</div>
</div>
:
<div className="ws100s xaxisreverseorder">
<div className="jiezhis">截止</div>
<div className="shanchu">删除</div>
</div>
)
:
<div className="ws100s xaxisreverseorder">
{/*<div className="zcqiandao xiaoshou">*/}
{/* 正常签到*/}
{/*</div>*/}
{/*<div className="qjqiandao xiaoshou">*/}
{/* 请假*/}
{/*</div>*/}
</div>
<div className="kkqiandao xiaoshou">
旷课
</div>
</div>
)
}
</div>

19
public/react/src/modules/courses/signin/component/teachercomponent/Teaccomponent.js
Unescape View File

@ -1,5 +1,6 @@
import React,{ Component } from "react";
import '../../css/signincdi.css';
import axios from 'axios';
import Teacherentry from "../Teacherentry";
//在线学习
class Teaccomponent extends Component{
@ -13,9 +14,21 @@ class Teaccomponent extends Component{
}
componentDidMount() {
const coureid=this.props.match.params.coursesId;
let urls = `/courses/${coureid}/attendances.json`;
axios.get(urls, {
params: {
history: this.props.defaultActiveKey==="1"?undefined:true
}
}).then((response) => {
console.log(response);
})
}
componentDidUpdate = (prevProps) => {
@ -26,9 +39,9 @@ class Teaccomponent extends Component{
render(){
return(
<React.Fragment>
<div className="ws100s mt20 h500">
<Teacherentry defaultActiveKey={this.props.defaultActiveKey}{...this.props} {...this.state}></Teacherentry>
</div>
</React.Fragment>
)
}

80
public/react/src/modules/courses/signin/css/signincdi.css
Unescape View File

@ -91,6 +91,9 @@
.ws80s{
width: 80%;
}
.ws50s{
width: 50%;
}
.hs30s{
height: 30%;
}
@ -239,3 +242,80 @@
color:rgba(245,108,108,1);
margin-right: 30px;
}
.qiandaobutton{
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
line-height: 40px;
width:100px;
height:40px;
background:rgba(64,158,255,1);
border-radius:4px;
}
.zcqiandao{
width:100px;
height:40px;
border:1px solid rgba(38,199,201,1);
border-radius:4px;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(38,199,201,1);
text-align: center;
line-height: 40px;
}
.qjqiandao{
width:100px;
height:40px;
border:1px solid #EAAE4E;
border-radius:4px;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:#EAAE4E;
text-align: center;
line-height: 40px;
}
.kkqiandao{
width:100px;
height:40px;
border:1px solid #FF835C;
border-radius:4px;
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:#FF835C;
text-align: center;
line-height: 40px;
}
.h40s{
line-height: 40px ;
}
.mt40{
margin-top: 40px !important;
}
.h500{
min-height: 500px;
}
.kkp{
font-size:14px;
font-family:Microsoft YaHei;
font-weight:400;
}
.pr32{
padding-right: 32px;
}
.mr20r{
margin-right: 20px;
}

7
public/react/src/modules/courses/signin/mymain/Signinmain.js
Unescape View File

@ -3,6 +3,8 @@ import '../css/signincdi.css';
import { Tabs } from 'antd';
import Teachers_signin from '../teacher/Teachers_signin';
import Students_signin from '../student/Students_signin';
import axios from 'axios';
const { TabPane } = Tabs;
// 主签到目录 主签到目录
class Signinmain extends Component{
@ -30,13 +32,10 @@ class Signinmain extends Component{
return(
<React.Fragment>
<div >
<div>
<Teachers_signin {...this.state} {...this.props}>
</Teachers_signin>
</div>
</React.Fragment>
)

54
public/react/src/modules/courses/signin/teacher/Teachers_signin.js
Unescape View File

@ -4,6 +4,8 @@ import { Tabs,Pagination} from 'antd';
import Teaccomponent from '../component/teachercomponent/Teaccomponent';
import Histeacomponent from '../component/teachercomponent/Histeacomponent';
import Createsignmodel from '../model/Createsignmodel';
import axios from 'axios';
const { TabPane } = Tabs;
//在线学习
class Students_signin extends Component{
@ -49,7 +51,9 @@ class Students_signin extends Component{
render(){
let {page,per_page,count,defaultActiveKey} =this.state
let {page,per_page,count,defaultActiveKey} =this.state;
const isAdmin =this.props.isAdmin();
return(
<React.Fragment>
<Createsignmodel
@ -65,7 +69,9 @@ class Students_signin extends Component{
<Tabs defaultActiveKey="1" onChange={this.callback}>
<TabPane tab="正在签到" key="1">
<p className="mt20 mysligtes">共3个签到正在进行</p>
<Teaccomponent defaultActiveKey={defaultActiveKey} {...this.state} {...this.props}></Teaccomponent>
<Teaccomponent defaultActiveKey={defaultActiveKey} {...this.state} {...this.props}></Teaccomponent>
<div className="mb30 clearfix educontent mt40 intermediatecenter">
<Pagination showQuickJumper current={page} onChange={this.paginationonChange}
@ -74,22 +80,50 @@ class Students_signin extends Component{
</div>
</TabPane>
<TabPane tab="历史签到" key="2">
<p className="mt20 mysligtes">共3个签到正在进行</p>
<div className="ws100s mt20 sortinxdirection">
<p className=" ws50s mysligtes sortinxdirection">共3个签到正在进行</p>
{
isAdmin===false?
<div className="ws50s xaxisreverseorder">
<p className="kkp pr32 " style={{color:"#FF835C"}}>旷课：2</p>
<p className="kkp mr20r" style={{color:"#EAAE4E"}}>请假：2</p>
<p className="kkp mr20r" style={{color:"#26C7C9"}}>正常签到：10</p>
</div>
:
""
}
</div>
<Teaccomponent defaultActiveKey={defaultActiveKey} {...this.state} {...this.props}></Teaccomponent>
<div className="mb30 clearfix educontent mt40 intermediatecenter">
<Pagination showQuickJumper current={page} onChange={this.paginationonChange}
pageSize={per_page}
total={count}></Pagination>
</div>
</TabPane>
<TabPane tab="签到统计" key="3">
Content of Tab Pane 3
</TabPane>
{
isAdmin===true?
<TabPane tab="签到统计" key="3">
Content of Tab Pane 3
</TabPane>
:
""
}
</Tabs>
<div className="positiondivs sortinxdirection xiaoshou">
<i className="iconfont icon-bianji5 posiivsicon"></i>
<p className="posiivs xiaoshou" onClick={()=>this.Createsign()}>创建签到</p>
</div>
{
isAdmin?
<div className="positiondivs sortinxdirection xiaoshou">
<i className="iconfont icon-bianji5 posiivsicon"></i>
<p className="posiivs xiaoshou" onClick={()=>this.Createsign()}>创建签到</p>
</div>
:""
}
</div>
</div>

Write Preview
Loading…
Cancel
Save