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

签到

Browse Source
PCqiandao
杨树林 5 years ago
parent 8f2dec86d0
commit cd4abc4481
8 changed files with 307 additions and 141 deletions
Show Stats Download Patch File Download Diff File

120
public/react/src/modules/courses/signin/component/Detailss.js
Unescape View File

@ -0,0 +1,120 @@
import React,{ Component } from "react";
import '../css/signincdi.css';
import { Progress } from 'antd';
import axios from 'axios';
//条目
class Detailss extends Component{
//条目组件
constructor(props){
super(props);
this.state={
}
}
componentDidMount() {
}
componentDidUpdate = (prevProps) => {
}
render(){
const isAdmin =this.props.isAdmin();
return(
<React.Fragment>
<div className="ws100s edu-back-white " >
<div className="ws100s teacherentrydiv ">
<p className="ws100s teachedivp ymaxnamewidthdivp">
2020-03-10第五次签到
</p>
<div className="ws100s sortinxdirection mt17">
<div className="teachedivps">
签到人数：
</div>
<div className="progressivps">
<Progress percent={30} />
</div>
<div className="progressivpss">
已签到22 / 应签到55
</div>
</div>
<div className="ws100s sortinxdirection mt5">
<div className="ws80s sortinxdirection">
<div className="teachedivps h40s">
签到发起人：
</div>
<div className="teachedivpsy ymaxnamewidth60 h40s">
胡一菲
</div>
<div className="teachedivps ml20 h40s">
签到方式：
</div>
<div className="teachedivpsy ymaxnamewidth80 h40s">
二维码签到
</div>
<div className="teachedivps ml20 h40s">
开始结束时间：
</div>
<div className="teachedivpsy h40s">
2010-03-10 10:00-11:00
</div>
</div>
<div className="ws20s sortinxdirection">
{
isAdmin===true?
<div className="ws100s xaxisreverseorder">
<div className="jiezhis h40s">截止</div>
<div className="shanchu h40s">删除</div>
</div>
:
(
this.props.defaultActiveKey==="1"?
<div className="ws100s xaxisreverseorder">
<div className="qiandaobutton xiaoshou">
签到
</div>
</div>
:
<div className="ws100s xaxisreverseorder">
{/*<div className="zcqiandao xiaoshou">*/}
{/* 正常签到*/}
{/*</div>*/}
{/*<div className="qjqiandao xiaoshou">*/}
{/* 请假*/}
{/*</div>*/}
<div className="kkqiandao xiaoshou">
旷课
</div>
</div>
)
}
</div>
</div>
</div>
</div>
</React.Fragment>
)
}
}
export default Detailss;

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

@ -101,7 +101,7 @@ class Teacherentry extends Component {
:
item.edit_auth === true ?
<div className="ws100s xaxisreverseorder">
<div className="jiezhis h40s xiaoshou">编辑</div>
<div className="jiezhis h40s xiaoshou" onClick={()=>this.props.qiandaoxiangq(true)}>编辑</div>
<div className="shanchu h40s xiaoshou" onClick={()=>this.props.thisdelete(item.id)}>删除</div>
</div>
:

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

@ -140,6 +140,7 @@ class Teaccomponent extends Component{
mydatas.map((object, index) => {
return (
<Teacherentry
qiandaoxiangq={(b)=>this.props.qiandaoxiangq(b)}
thisdelete={(id)=>this.thisdelete(id)}
thisEnd={(id)=>this.thisEnd(id)}
item={object} key={index}

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

@ -153,6 +153,12 @@
font-weight: bold;
color: #1890ff;
}
.posiivsiconmyss{
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #999999;
}
.xiaoshou{
cursor:pointer !important;
}
@ -324,3 +330,10 @@
.color-reds{
color:rgba(245,108,108,1) !important;
}
.fh{
font-size:16px;
font-family:Microsoft YaHei;
font-weight:400;
color:rgba(153,153,153,1);
}

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

@ -2,7 +2,7 @@ import React,{ Component } from "react";
import '../css/signincdi.css';
import { Tabs } from 'antd';
import Teachers_signin from '../teacher/Teachers_signin';
import Students_signin from '../student/Students_signin';
import Students_signin from '../student/Signindetails';
import axios from 'axios';
const { TabPane } = Tabs;

52
public/react/src/modules/courses/signin/student/Signindetails.js
Unescape View File

@ -0,0 +1,52 @@
import React,{ Component } from "react";
import '../css/signincdi.css';
import Detailss from '../component/Detailss';
//在线学习
class Signindetails extends Component{
constructor(props){
super(props);
this.state={
}
}
componentDidMount() {
}
componentDidUpdate = (prevProps) => {
console.log("componentDidUpdate");
}
callback=(key)=> {
console.log(key);
}
render(){
return(
<React.Fragment>
<div className="ws100s" style={{
position: "relative",
}}>
<div className="ws100s xaxisreverseorder" style={{
position: "absolute",
top: "-29px",
}}>
<p className="sortinxdirection xiaoshou" onClick={()=>this.props.qiandaoxiangq(false)}>
<i className="iconfont icon-zuojiantou posiivsiconmyss mr5"></i>
<p className="fh mr20"> 返回</p>
</p>
</div>
<Detailss {...this.props} {...this.state}></Detailss>
</div>
</React.Fragment>
)
}
}
export default Signindetails;

53
public/react/src/modules/courses/signin/student/Students_signin.js
Unescape View File

@ -1,53 +0,0 @@
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(
<React.Fragment>
<div className="">
<div className="clearfix yslmaxheigthk" >
<div className="ws100s">
<Tabs defaultActiveKey="1" onChange={this.callback}>
<TabPane tab="正在签到" key="1">
Content of Tab Pane 1
</TabPane>
<TabPane tab="历史签到" key="2">
Content of Tab Pane 2
</TabPane>
</Tabs>
</div>
</div>
</div>
</React.Fragment>
)
}
}
export default Teachers_signin;

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

@ -1,11 +1,13 @@
import React,{ Component } from "react";
import '../css/signincdi.css';
import { Tabs,Pagination} from 'antd';
import {queryString} from 'educoder';
import Teaccomponent from '../component/teachercomponent/Teaccomponent';
import Createsignmodel from '../model/Createsignmodel';
import Studentssignmodels from "../model/Studentssignmodel";
import Qrcodesignin from "../model/Qrcodesignin";
import Signinstatistics from "../Signinstatistics/Signinstatistics";
import Signindetails from '../student/Signindetails';
import axios from 'axios';
const { TabPane } = Tabs;
@ -29,6 +31,8 @@ class Students_signin extends Component{
Studentssigntypedata:null,
Qrcodesignintype:false,
Qrcodesignintypedata:null,
switchs:false,
}
}
@ -39,6 +43,11 @@ class Students_signin extends Component{
limit:5
}
this.gogetdatas(data);
// const query = this.props.location.search;
// const parsed = queryString.parse(query);
// console.log("parsed");
// console.log(parsed);
}
componentDidUpdate = (prevProps) => {
@ -167,13 +176,24 @@ class Students_signin extends Component{
}
qiandaoxiangq=(bool)=>{
this.setState({
switchs:bool
})
// if(bool){
// var currenturl = window.location.href;
// var newUrl = (currenturl.split("?"))[0];
// window.history.pushState('','',newUrl+'?type='+2);
// }
}
render(){
let {page,per_page,count,defaultActiveKey,limit,attendances_count,datas,absence_count,leave_count,normal_count,
Studentssigntype,Studentssigntypedata,Qrcodesignintype,Qrcodesignintypedata,
Studentssigntype,Studentssigntypedata,Qrcodesignintype,Qrcodesignintypedata,switchs
} =this.state;
const isAdmin =this.props.isAdmin();
@ -205,7 +225,8 @@ class Students_signin extends Component{
getsetdatas={()=>this.getsetdatas()}
GotomQrcodesodesy={(d,b)=>this.GotomQrcodesodesy(d,b)}
/>
{
switchs===false?
<div className="clearfix yslmaxheigthk" >
<div className="ws100s" style={{
position: "relative"
@ -214,6 +235,7 @@ class Students_signin extends Component{
<TabPane tab="正在签到" key="1">
<p className="mt20 mysligtes">共{attendances_count}个签到正在进行</p>
<Teaccomponent
qiandaoxiangq={(b)=>this.qiandaoxiangq(b)}
Gotomodes={(d,b)=>this.Gotomodes(d,b)}
GotomQrcodesodesy={(d,b)=>this.GotomQrcodesodesy(d,b)}
getsetdatas={()=>this.getsetdatas()}
@ -251,6 +273,7 @@ class Students_signin extends Component{
<Teaccomponent
qiandaoxiangq={(b)=>this.qiandaoxiangq(b)}
Gotomodes={(d,b)=>this.Gotomodes(d,b)}
GotomQrcodesodesy={(d,b)=>this.GotomQrcodesodesy(d,b)}
getsetdatas={()=>this.getsetdatas()}
@ -291,6 +314,16 @@ class Students_signin extends Component{
</div>
</div>
:
// 签到详情
<Signindetails
{...this.props}
{...this.state}
qiandaoxiangq={(b)=>this.qiandaoxiangq(b)}
></Signindetails>
}
</div>
</React.Fragment>
)

Write Preview
Loading…
Cancel
Save