董佳音 / networkSchool

转到一个项目
Toggle navigation Toggle navigation pinning
董佳音
48d50ef7 1 parent 165d507d dong1026-1 ... 0908-1 dev dong0912-1 dong0913-1 dong0914-1 dong0921-1 dong0928-1 dong0928-2 dong1009-1 dong1011-1 dong1011-2 dong1012-1 v1.9.1.20171017 v1.9.0.20171012 v1.8.10.20171011 v1.8.9.20171011 v1.8.8.20170929 v1.8.7.20170928 v1.8.6.20170928 v1.8.3.20170914 v1.8.2.20170914 v1.8.0.20170912

修改老师和学生端预约信息

内嵌 并排对比
正在显示 22 个修改的文件 包含 2405 行增加 和 279 行删除
... ... @@ -27,6 +27,10 @@ a {
}
a:hover {
color: #f30;
text-decoration: none;
}
table a:hover{
color: #58afed;
text-decoration: none;
}
... ... @@ -139,6 +143,7 @@ body{
width:100%;
display: inline-block;
margin-top: 26px;
outline: none;
}
.header_seekBtn{
position: absolute;
... ... @@ -387,9 +392,6 @@ body{
.classifyList:hover{
box-shadow: 1px 5px 15px #adadad;
}
.classifyListR{
margin-right:0px;
}
.pageNumContentBox{
width:100%;
height: 40px;
... ... @@ -561,6 +563,9 @@ body{
margin:67px 50px 0 30px;
float:left;
}
.teacherDetailInfoDetail{
float: left;
}
.teacherDetailInfoDetailBox{
float: left;
padding-top:50px;
... ... @@ -722,13 +727,16 @@ body{
font-size: 14px;
margin-bottom:8px;
cursor: pointer;
display: inline-block;
margin-right: 20px;
text-align: center;
}
.addUserIcon{
background: url("../images/add.png") no-repeat;
width: 16px;
height: 16px;
float: left;
margin: 8px 9px 0 9px;
margin: 8px 0 0 9px;
}
.classManagementRightTitle{
padding:0 30px;
... ... @@ -807,18 +815,47 @@ body{
.t_box{
border:1px solid #e6e6e6;
border-bottom: none;
table-layout: fixed;
width: 100%;
}
.tr_center{
background: #fff;
color: #333333;
font-size: 14px;
border-bottom:1px solid #e6e6e6;
}
.tr_centerR{
border-right: 1px solid #e6e6e6;
}
.tr_main{
font-size: 12px;
color: #333333;
border-bottom:1px solid #e6e6e6;
padding-top:10px;
}
.tr_mainNone{
width:998px;
padding-top:12px;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.tr_BtnTd{
padding-left: 5px;
}
.tr_memberList{
color: #333333;
padding: 0 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tr_memberListSpan{
padding-right:8px;
}
.tr_BtnTdA{
color:#3498db;
padding-right: 12px;
}
.tr_mainLeft{
border-left:1px solid #e6e6e6;
}
... ... @@ -829,6 +866,9 @@ body{
margin: 0 3px;
color:#3498db;
}
.classHandlePortCheck{
color:#999999;
}
.classHandlePort1{
margin: 0 12px;
}
... ... @@ -1035,6 +1075,9 @@ body{
position: absolute;
bottom: 20px;
}
.form_button1{
width: 105px;
}
.createClassBtn{
width: 80px;
height:34px;
... ... @@ -1110,6 +1153,10 @@ body{
.step_page1{
padding-top:15px;
}
.step_page2{
margin:30px 50px 0;
height:393px;
}
.createClassMoreOptionBox{
cursor: pointer;
margin-top:10px;
... ... @@ -1141,6 +1188,9 @@ body{
.form_item2{
padding:7px 0;
}
.form_item3{
margin-bottom:15px;
}
.step_page1Title2{
}
.short_select{
... ... @@ -1180,6 +1230,7 @@ body{
cursor: pointer;
}
.copyrightMsg{
width: 100%;
color: #999999;
font-size: 12px;
float: left;
... ... @@ -1446,7 +1497,6 @@ body{
}
.myCenterLeftBox{
width:200px;
height:270px;
background: #fff;
float: left;
margin-right: 15px;
... ... @@ -1503,7 +1553,7 @@ body{
float: left;
}
.teacherGradeImgBox{
float: left;
}
.teacherGradeImg{
width:16px;
... ... @@ -1523,6 +1573,10 @@ body{
padding-bottom: 10px;
display: inline-block;
}
.myCenterTopRightContent{
color:#999;
font-size: 12px;
}
.teacherTodayCourseList{
font-size: 12px;
color:#333333;
... ... @@ -1536,10 +1590,19 @@ body{
float: left;
line-height: 28px;
padding:5px 0;
width:220px;
margin-right: 20px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.courseDetailInfo1{
line-height: 28px;
padding:5px 0 5px 125px;
padding:5px 0;
}
.teacherMyCerter,.studentMyCerter{
float: left;
display: none;
}
.teacherEnterClass{
height: 28px;
... ... @@ -1560,9 +1623,11 @@ body{
font-size: 12px;
color:#666666;
float: left;
margin-bottom:8px;
}
.myCenterContentList{
width:1005px;
height:221px;
float: left;
margin-top:15px;
}
... ... @@ -1571,7 +1636,31 @@ body{
height: 232px;
float: left;
background: #fff;
margin-right: 25px;
margin-right: 21px;
margin-bottom:25px;
cursor: pointer;
position: relative;
}
.myCenterContentMask{
width: 235px;
height: 138px;
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, .3);
display: none;
}
.myCenterContentMaskBtn{
height: 32px;
width: 70px;
border-radius: 3px;
background: #3498db;
font-size: 12px;
color:#fff;
display: inline-block;
border:none;
margin-left:82px;
margin-top:53px;
cursor: pointer;
}
.classifyListMyCenter:hover{
... ... @@ -1689,9 +1778,11 @@ body{
}
.courseMinuteList{
float: left;
margin-top:8px;
}
.courseMinuteListTimeTit{
height:60px;
float: left;
}
.courseMinuteListTime{
font-size: 16px;
... ... @@ -1707,7 +1798,7 @@ body{
display: inline-block;
}
.teacherCorrelatedInfoBox{
margin-top:15px;
margin-bottom:15px;
float: left;
width: 1005px;
height:200px;
... ... @@ -1768,12 +1859,16 @@ body{
.teacherCorrelatedInfoCenter{
float: left;
margin-top: 20px;
width: 500px;
height: 160px;
overflow: hidden;
}
.teacherCorrelatedInfoCenter img{
.teachercourseImg{
width:230px;
height: 160px;
margin-right: 20px;
float: left;
cursor: pointer;
}
.teacherCorrelatedInfoBtn{
width:72px;
... ... @@ -1891,4 +1986,38 @@ body{
.classHandleThen{
color:#ccc;
}
.classifyListR{
margin-right:0px;
}
/*班级信息*/
.classStudentsListBox{
width:370px;
height: 225px;
overflow: hidden;
float: left;
}
.createGrade{
width:630px;
height: 535px;
}
.statusList{
padding:0 12px;
}
/*兼课信息*/
.partTimeTeachingBox{
display: none;
}
/*数据获取失败提示信息*/
.dataErrorTitle{
font-size: 14px;
color: #999999;
text-align: center;
}
.dataHomeErrorTitle{
font-size: 14px;
color: #999999;
text-align: center;
line-height: 305px;
}
... ...
... ... @@ -184,7 +184,14 @@
</li>
<li class="teacherDetailInfoDetailLi">
<span class="teacherDetailInfoDetail">评分：</span>
<span class="teacherDetailInfoDetailGrade" id="teacherDetailInfoDetailGrade">少儿英语</span>
<!--<span class="teacherDetailInfoDetailGrade" id="teacherDetailInfoDetailGrade">少儿英语</span>-->
<div class="teacherGradeImgBox">
<img class="teacherGradeImg" src="images/collect.png" alt="">
<img class="teacherGradeImg" src="images/collect.png" alt="">
<img class="teacherGradeImg" src="images/collect.png" alt="">
<img class="teacherGradeImg" src="images/not-collect.png" alt="">
<img class="teacherGradeImg" src="images/not-collect.png" alt="">
</div>
</li>
</ul>
</div>
... ... @@ -197,7 +204,7 @@
授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容
</p>
</div>
<button class="teacherDetailOrderBtn btnHover" id="orderBtn" data="1">我要预约</button>
<button class="teacherDetailOrderBtn btnHover" id="orderBtn" data="1" value='1'>我要预约</button>
</div>
</div>
<div class="teacherDetailContent">
... ... @@ -236,10 +243,9 @@
</ul>
<div class="teacherDetailCurriculum">
<span class="teacherDetailCurriculumTitle">他的课程</span>
<span class="teacherDetailCurriculumList">《少儿英语上》</span>
<span class="teacherDetailCurriculumList">《少儿英语上》</span>
<span class="teacherDetailCurriculumList">《少儿英语上》</span>
<span class="teacherDetailCurriculumList">《少儿英语上》</span>
<div id="teacherDetailCurriculum">
</div>
</div>
</div>
</div>
... ... @@ -351,6 +357,13 @@
</div>
</div>
<div class="classManagementRight" id="classManagementRight2">
<div class="addUserBtn" id="addClassBtn">
<label class="addUserIcon"></label>
<span class="addUserText">创建班级</span>
</div>
<div class="addUserBtn" id="manageClassBtn">
<span class="addUserText">管理班级</span>
</div>
<div class="classManagementRightTitle" id="classManagementRightTitle2">
<div class="liveInfoRight" id="liveInfoRight2">
<input class="liveInfoRightInput" id="liveInfoRightInput2" type="text">
... ... @@ -358,34 +371,6 @@
</div>
</div>
<div class="classManagementRightContent" id="courseContent2">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" class="t_box">
<tbody>
<tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<th width="9%" class="tr_center">
课堂主题
</th>
<th width="8%" class="tr_center">
课堂号
</th>
<th width="8%" class="tr_center">
老师
</th>
<th width="6%" class="tr_center">
课堂状态
</th>
<th width="24%" class="tr_center">
课堂时间
</th>
<th width="6%" class="tr_center">
在线人数
</th>
<th width="22%" class="tr_center">
操作
</th>
</tr>
</tbody>
</table>
</div>
<div class="classHandlerPageBox" id="classHandlerPageBox2">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
... ... @@ -563,11 +548,6 @@
</div>
<div class="classManagementRight" id="classManagementRight6">
<div class="classManagementRightTitle" id="classManagementRightTitle6">
<ul class="liveInfoLeft" id="liveInfoList">
<li class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</li>
<li class="liveInfoLeftLi">未开始</li>
<li class="liveInfoLeftLi">已结束</li>
</ul>
<div class="liveInfoRight" id="liveInfoRight6">
<input class="liveInfoRightInput" id="liveInfoRightInput6" type="text">
<img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn6" src="images/nav_link_14.png" alt="">
... ... @@ -614,44 +594,35 @@
</div>
</div>
<div class="classManagementRight" id="classManagementRight7">
<div class="classManagementRightTitle" id="classManagementRightTitle">
<div class="liveInfoRight" id="liveInfoRight">
<input class="liveInfoRightInput" id="liveInfoRightInput" type="text">
<img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn" src="images/nav_link_14.png" alt="">
</div>
<div class="liveInfoCenter" id="liveInfoCenter">
<span class="liveInfoCenterTime">时间</span>
<div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveStart"></div>
<span class="liveInfoCenterTime">至</span>
<div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveEnd"></div>
</div>
<div class="classManagementRightTitle" id="classManagementRightTitle7">
</div>
<div class="classManagementRightContent" id="courseContent">
<div class="classManagementRightContent" id="courseContent7">
</div>
<div class="classHandlerPageBox" id="classHandlerPageBox">
<div class="classHandlerPageBox" id="classHandlerPageBox7">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td height="60" colspan="11" class="tr_bottom" style="">
<span class="classHandlerPageMsg" id="classHandlerPageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页，有16个记录</span>
<span class="classHandlerPageMsg" id="classHandlerPageMsg7" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页，有16个记录</span>
<ul class="classHandlerPageInfoBox">
<li class="classHandlerPageInfo">
<span class="classHandlerHomePage" id="classHandlerHomePage">首页</span>
<span class="classHandlerHomePage" id="classHandlerHomePage7">首页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerUpPage" id="classHandlerUpPage">上一页</span>
<span class="classHandlerUpPage" id="classHandlerUpPage7">上一页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerDownPage" id="classHandlerDownPage">下一页</span>
<span class="classHandlerDownPage" id="classHandlerDownPage7">下一页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerEndPage" id="classHandlerEndPage">尾页</span>
<span class="classHandlerEndPage" id="classHandlerEndPage7">尾页</span>
</li>
<li class="classHandlerPageInfo">
<input id="classHandlerPageInfoInput" class="classHandlerPageInfoInput" type="text">
<input id="classHandlerPageInfoInput7" class="classHandlerPageInfoInput" type="text">
</li>
<li class="classHandlerPageInfo classHandlerPageInfoCheck">
<span id="classHandlerSpecificPage">GO</span>
<span id="classHandlerSpecificPage7">GO</span>
</li>
</ul>
</td>
... ... @@ -887,7 +858,7 @@
<label class="step_page1Time">开始时间</label>
<div class="createClassTime createClassTime1" id="createClassStartTime"></div>
<select id="meeting_starthour" class="createClassTime">
<option value="00">
<option value="00" selected="selected">
0 点
</option>
<option value="01">
... ... @@ -920,7 +891,7 @@
<option value="10">
10 点
</option>
<option value="11" selected="selected">
<option value="11">
11 点
</option>
<option value="12">
... ... @@ -1003,7 +974,7 @@
<label class="step_page1Time">结束时间</label>
<div class="createClassTime createClassTime1" id="createClassEndTime"></div>
<select id="meeting_endhour" class="createClassTime">
<option value="00">
<option value="00" selected="selected">
0 点
</option>
<option value="01">
... ... @@ -1036,7 +1007,7 @@
<option value="10">
10 点
</option>
<option value="11" selected="selected">
<option value="11">
11 点
</option>
<option value="12">
... ... @@ -1357,47 +1328,78 @@
</div>
<div class="myCenterTopRightBox">
<label class="myCenterTopRightTit">今日课程</label>
<ul>
<li class="teacherTodayCourseList">
<span class="courseDetailInfo">《初中英语（上）》</span>
<span class="courseDetailInfo1">距开始还有：<i class="teacherStartContent">00:09:10</i></span>
<button class="teacherEnterClass btnHover">立即进入</button>
</li>
<ul id="myCurriculumInfo">
<div class="myCenterTopRightContent">暂无课程！</div>
<li class="teacherTodayCourseList">
<span class="courseDetailInfo">《初中英语（上）》</span>
<span class="courseDetailInfo1">距开始还有：<i class="teacherStartContent">02:09:10</i></span>
<button class="teacherEnterClass btnHover">立即进入</button>
<button class="teacherEnterClass btnHover" data="1560071471">立即进入</button>
</li>
</ul>
</div>
<div class="myCenterContentTitleBox">
<div class="liveInfoLeft" id="teacherInfoList">
<div class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</div>
<div class="liveInfoLeftLi">未开始</div>
<div class="liveInfoLeftLi">已结束</div>
<div class="teacherMyCerter" id="teacherMyCerter">
<div class="myCenterContentTitleBox">
<ul class="liveInfoLeft" id="teacherInfoList">
<li class="liveInfoLeftLi liveInfoLeftLiCheck" data="1">正在直播</li>
<li class="liveInfoLeftLi" data="0">未开始</li>
<li class="liveInfoLeftLi" data="2">已结束</li>
</ul>
</div>
</div>
<div class="myCenterContentList">
<div class="classifyListMyCenter">
<img class="myCenterContentListImg" src="images/u373.png" alt="">
<p class="myCenterContentListTit">初一英语阅读理解习题课</p>
<p class="myCenterContentListTit1">主讲人：方圆</p>
<p class="myCenterContentMin">45min</p>
<span class="myCenterContentTimer">2016-09-12</span>
<div class="myCenterContentList" id="teacherMyCenterContentList">
<div class="myCenterTopRightContent">&nbsp;&nbsp;暂无课程！</div>
</div>
<div class="classifyListMyCenter">
<img class="myCenterContentListImg" src="images/u373.png" alt="">
<p class="myCenterContentListTit">初一英语阅读理解习题课</p>
<p class="myCenterContentListTit1">主讲人：方圆</p>
<p class="myCenterContentMin">45min</p>
<span class="myCenterContentTimer">2016-09-12</span>
<div class="classHandlerPageBox" id="teacherMyCerterPageBox">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td height="60" colspan="11" class="tr_bottom" style="">
<span class="classHandlerPageMsg" id="teacherMyCerterPageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页，有16个记录</span>
<ul class="classHandlerPageInfoBox">
<li class="classHandlerPageInfo">
<span class="classHandlerHomePage" id="teacherMyCerterHomePage">首页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerUpPage" id="teacherMyCerterUpPage">上一页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerDownPage" id="teacherMyCerterDownPage">下一页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerEndPage" id="teacherMyCerterEndPage">尾页</span>
</li>
<li class="classHandlerPageInfo">
<input id="teacherMyCerterPageInfoInput" class="classHandlerPageInfoInput" type="text">
</li>
<li class="classHandlerPageInfo classHandlerPageInfoCheck">
<span id="teacherMyCerterSpecificPage">GO</span>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="classifyListMyCenter">
<img class="myCenterContentListImg" src="images/u373.png" alt="">
<p class="myCenterContentListTit">初一英语阅读理解习题课</p>
<p class="myCenterContentListTit1">主讲人：方圆</p>
<p class="myCenterContentMin">45min</p>
<span class="myCenterContentTimer">2016-09-12</span>
</div>
<div class="studentMyCerter" id="studentMyCerter">
<div class="myCenterContentTitleBox">
<ul class="liveInfoLeft" id="studentInfoList">
<li class="liveInfoLeftLi liveInfoLeftLiCheck" data="1">待学习</li>
<li class="liveInfoLeftLi" data="0">已学完</li>
<li class="liveInfoLeftLi" data="2">收藏</li>
</ul>
</div>
<div class="myCenterContentList" id="studentMyCenterContentList">
<div class="myCenterTopRightContent">&nbsp;&nbsp;暂无课程！</div>
<div class="classifyListMyCenter">
<div class="myCenterContentMask">
<button class="myCenterContentMaskBtn btnHover" data="1560071471">进入学习</button>
</div>
<img class="myCenterContentListImg" src="images/u373.png" alt="">
<p class="myCenterContentListTit">初一英语阅读理解习题课</p>
<p class="myCenterContentListTit1">主讲人：方圆</p>
<p class="myCenterContentMin">45min</p>
<span class="myCenterContentTimer">2016-09-12</span>
</div>
</div>
</div>
</div>
... ... @@ -1410,12 +1412,15 @@
<div class="liveInfoLeftLi">收藏</div>
</div>
</div>
<div class="courseMinuteList">
<div class="courseMinuteList" id="courseMinuteList">
<div class="courseMinuteListTimeTit">
<span class="courseMinuteListTime">2017-09-04</span>
<span class="courseMinuteListWire"></span>
</div>
<div class="classifyListMyCenter">
<div class="myCenterContentMask">
<button class="myCenterContentMaskBtn btnHover" data="1560071471">进入学习</button>
</div>
<img class="myCenterContentListImg" src="images/u374.png" alt="">
<p class="myCenterContentListTit">初一英语阅读理解习题课</p>
<p class="myCenterContentListTit1">主讲人：方圆</p>
... ... @@ -1423,31 +1428,64 @@
<span class="myCenterContentTimer">2016-09-12</span>
</div>
</div>
<div class="classHandlerPageBox" id="courseMinutePageBox">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td height="60" colspan="11" class="tr_bottom" style="">
<span class="classHandlerPageMsg" id="courseMinutePageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页，有16个记录</span>
<ul class="classHandlerPageInfoBox">
<li class="classHandlerPageInfo">
<span class="classHandlerHomePage" id="courseMinuteHomePage">首页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerUpPage" id="courseMinuteUpPage">上一页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerDownPage" id="courseMinuteDownPage">下一页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerEndPage" id="courseMinuteEndPage">尾页</span>
</li>
<li class="classHandlerPageInfo">
<input id="courseMinutePageInfoInput" class="classHandlerPageInfoInput" type="text">
</li>
<li class="classHandlerPageInfo classHandlerPageInfoCheck">
<span id="courseMinuteSpecificPage">GO</span>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--我的预约-->
<div class="myCenterContentBox">
<div class="myCenterContentTitleBox studyContent">
<div class="liveInfoLeft" id="subscribeList">
<div class="liveInfoLeftLi liveInfoLeftLiCheck">课程</div>
<div class="liveInfoLeftLi">老师</div>
<div class="liveInfoLeftLi liveInfoLeftLiCheck" data="0">课程</div>
<div class="liveInfoLeftLi" data="1">老师</div>
</div>
</div>
<div class="teacherCorrelatedInfoBox">
<div class="teacherCorrelatedInfoLeft">
<img class="teacherCorrelatedInfoImg" id="teacherCorrelatedInfoImg" src="images/u293.png" alt="">
<div class="teacherCorrelatedInfo">
<b class="teacherCorrelatedInfoName" id="teacherCorrelatedInfoName">张媛媛</b>
<b class="teacherCorrelatedInfoMajor">北京市|少儿英语</b>
<b class="teacherCorrelatedInfoCourse">课程:50</b>
<span class="teacherCorrelatedInfoMajorMsg">毕业于外国语学院，专业8级</span>
<p class="cancelReservationBtn" id="cancelReservationBtn">取消预约</p>
<div id="teacherCorrelatedInfo">
<div class="teacherCorrelatedInfoBox">
<div class="teacherCorrelatedInfoLeft">
<img class="teacherCorrelatedInfoImg" id="teacherCorrelatedInfoImg" src="images/u293.png" alt="">
<div class="teacherCorrelatedInfo">
<b class="teacherCorrelatedInfoName" id="teacherCorrelatedInfoName">张媛媛</b>
<b class="teacherCorrelatedInfoMajor">北京市|少儿英语</b>
<b class="teacherCorrelatedInfoCourse">课程:50</b>
<span class="teacherCorrelatedInfoMajorMsg">毕业于外国语学院，专业8级</span>
<p class="cancelReservationBtn" id="cancelReservationBtn">取消预约</p>
</div>
</div>
<div class="teacherCorrelatedInfoCenter">
<img src="images/u374.png" alt="">
<img src="images/u374.png" alt="">
</div>
<div class="teacherCorrelatedInfoBtn">更多课程</div>
</div>
<div class="teacherCorrelatedInfoCenter">
<img src="images/u374.png" alt="">
<img src="images/u374.png" alt="">
</div>
<div class="teacherCorrelatedInfoBtn">更多课程</div>
</div>
</div>
<!--个人信息-->
... ... @@ -1467,6 +1505,10 @@
<input class="oneselfInfoInput" id="oneselfInfoUserName" placeholder="洋洋" type="text">
</li>
<li class="oneselfInfoList">
<label class="oneselfInfoHeader">年龄</label>
<input class="oneselfInfoInput" id="oneselfInfoAge" type="text">
</li>
<li class="oneselfInfoList">
<label class="oneselfInfoHeader">性别</label>
<input class="allowPublic allowPublicDetail" id="oneselfInfoMan" name="videoQuality" type="radio" value="0" checked="checked">
<label for="oneselfInfoMan">
... ... @@ -1741,6 +1783,663 @@
</div>
</div>
</div>
<!--创建班级-->
<div id="createGradeBox" class="userSignBox">
<div id="createGrade" class="createClass createGrade">
<div class="createClassHandler">
<span class="createClassHandlerTitle" id="createGradeTitle">新建班级</span>
<a href="javascript: void(0)" id="createGradeA" class="createClassA iconfont">&#xe638;</a>
</div>
<div class="step_page1">
<div class="form_item form_item3">
<label class="step_page1Title">
班级名称：
</label>
<div class="step_page1_widget">
<input id="createGradeName" name="createGradeName" type="text" class="classThemeInfo" value="">
</div>
</div>
<div class="form_item form_item3">
<label class="step_page1Title">
班主任：
</label>
<div class="step_page1_widget">
<select name="allotSpeaker" id="classTeacherName" class="classThemeInfo classThemeInfoSelect">
<option value="">
张媛媛
</option>
</select>
</div>
</div>
<div class="form_item form_item3">
<label class="step_page1Title">
&nbsp;
</label>
<div class="addUserBtn" id="teacherAddUserBtn">
<span class="addUserText">添加用户</span>
</div>
</div>
<div class="form_item form_item3">
<label class="step_page1Title">
&nbsp;
</label>
<div class="classStudentsListBox">
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="t_box">
<tr height="32" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="2%" class="tr_center tr_centerR">
张泽
</td>
<td width="2%" class="tr_center">
英语
</td>
<td width="8%" class="tr_center"></td>
</tr>
<tr height="32" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="2%" class="tr_center tr_centerR">
张泽
</td>
<td width="2%" class="tr_center">
英语
</td>
<td width="8%" class="tr_center"></td>
</tr>
<tr height="32" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="2%" class="tr_center tr_centerR">
张泽
</td>
<td width="2%" class="tr_center">
英语
</td>
<td width="8%" class="tr_center"></td>
</tr>
</table>
</div>
</div>
</div>
<div class="form_button form_button1">
<input id="createGradeSubmit" type="button" value="完成" class="createClassBtn createClassConfirm btnHover">
</div>
</div>
</div>
<!--管理班级-->
<div id="manageClassBox" class="userSignBox">
<div id="manageClass" class="createClass userClass">
<div class="createClassHandler">
<span class="createClassHandlerTitle" id="manageClassTitle">班级管理</span>
<a href="javascript: void(0)" id="manageClassA" class="createClassA iconfont">&#xe638;</a>
</div>
<div class="step_page2">
<table cellpadding="0" cellspacing="0" border="0" class="t_box">
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<th width="70" class="tr_center tr_centerR">
班级
</th>
<th width="70" class="tr_center tr_centerR">
班主任
</th>
<th width="350" class="tr_center tr_centerR">
成员
</th>
<td width="110" class="tr_center">
操作
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
<tr height="30" align="center" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<td width="3%" class="tr_center tr_centerR">
一班
</td>
<td width="3%" class="tr_center tr_centerR">
刘晓萌
</td>
<td width="15%" class="tr_center tr_centerR tr_memberList">
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
<span class="tr_memberListSpan">紫色</span>
</td>
<td width="4%" class="tr_center tr_BtnTd">
<a class="tr_BtnTdA" href="">更改成员</a>
<a class="tr_BtnTdA" href="">删除</a>
</td>
</tr>
</table>
</div>
<div class="form_button form_button1">
<input id="manageClassSubmit" type="button" value="完成" class="createClassBtn createClassConfirm btnHover">
</div>
</div>
</div>
<!--兼课界面-->
<div class="partTimeTeachingBox" id="partTimeTeachingBox">
<div class="classManagementRightTitle" id="partTimeTeachingTitle">
<ul class="liveInfoLeft" id="partTimeTeachingList">
<li class="liveInfoLeftLi liveInfoLeftLiCheck" data="1">全部课堂</li>
<li class="liveInfoLeftLi" data="0">问题课堂</li>
<li class="liveInfoLeftLi" data="2">正常课堂</li>
</ul>
<div class="liveInfoRight" id="partTimeTeachingSeek">
<input class="liveInfoRightInput" id="partTimeTeachingInput" type="text">
<img class="liveInfoRightInputBtn" id="partTimeTeachingInputBtn" src="images/nav_link_14.png" alt="">
</div>
<div class="liveInfoCenter" id="partTimeTeachingTime">
<span class="liveInfoCenterTime">时间</span>
<div class="liveInfoCenterLiveCase liveInfoCenterLiveStart" id="partTimeTeachingContentStart"></div>
<span class="liveInfoCenterTime">至</span>
<div class="liveInfoCenterLiveCase liveInfoCenterLiveEnd" id="partTimeTeachingContentEnd"></div>
</div>
</div>
<div class="classManagementRightContent" id="partTimeTeachingContent">
<table cellpadding="0" cellspacing="0" border="0" class="t_box">
<tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<th width="7%" class="tr_center">
课堂主题
</th>
<th width="7%" class="tr_center">
课堂号
</th>
<th width="7%" class="tr_center">
老师
</th>
<th width="7%" class="tr_center">
在线人数
</th>
<th width="13%" class="tr_center">
课堂时间
</th>
<th width="11%" class="tr_center">
课堂状态
</th>
<th width="9%" class="tr_center">
操作
</th>
</tr>
<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6">
<td width="7%" class="tr_main tr_mainLeft">少儿主页</td>
<td width="7%" class="tr_main">18910187266</td>
<td width="7%" class="tr_main">谁看下</td>
<td width="7%" class="tr_main">21</td>
<td width="13%" class="tr_main">2017-09-09 09:23:21 - 2017-09-09 21:12:21</td>
<td width="11%" class="tr_main">
<span class="statusList">老师 : <img class="teacherStatusYes" src="images/normal.png" alt=""><img class="teacherStatusNo" src="images/trouble.png" alt=""></span>
<span class="statusList" >学生 : <img class="studentStatusYes" src="images/normal.png" alt=""><img class="studentStatusNo" src="images/absent.png" alt=""></span>
</td>
<td width="9%" class="tr_main tr_mainRight" align="center">
<a id="{_removeInd}" class="classHandlePort deleteClass" data="{_aboutMsg}" href="###">加入课堂</a>
<a id="{_joinInd}" class="classHandlePort resolveBtn" href="###" data="{_aboutMsg}">已解决</a>
</td>
</tr>
</table>
</div>
<div class="classHandlerPageBox" id="partTimeTeachingPageBox">
<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
<td height="60" colspan="11" class="tr_bottom" style="">
<span class="classHandlerPageMsg" id="partTimeTeachingPageBoxMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页，有16个记录</span>
<ul class="classHandlerPageInfoBox">
<li class="classHandlerPageInfo">
<span class="classHandlerHomePage" id="partTimeTeachingHomePage">首页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerUpPage" id="partTimeTeachingUpPage">上一页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerDownPage" id="partTimeTeachingDownPage">下一页</span>
</li>
<li class="classHandlerPageInfo">
<span class="classHandlerEndPage" id="partTimeTeachingEndPage">尾页</span>
</li>
<li class="classHandlerPageInfo">
<input id="partTimeTeachingPageInfoInput" class="classHandlerPageInfoInput" type="text">
</li>
<li class="classHandlerPageInfo classHandlerPageInfoCheck">
<span id="partTimeTeachingSpecificPage">GO</span>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="footerBg">
<div class="footer">
... ...
... ... @@ -140,7 +140,7 @@ class AboutClassApe extends Ape {
}
// 约课界面
userAdminHandler(ind){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/getUser';
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/studentMeeting/queryStudentMeeting/markettest';
let that = this;
$.ajax({
... ... @@ -167,7 +167,8 @@ class AboutClassApe extends Ape {
},
error:function(error){
//alert('直播数据获取失败')
loger.log(error,'直播数据获取失败')
that._gainUserClassDataErr();
loger.log(error,'约课数据获取失败')
}
})
}
... ... @@ -178,9 +179,10 @@ class AboutClassApe extends Ape {
let count = _data.count;
let page = _data.page;
let pageno = _data.pageno;
this.pageNo = pageno;
$('#classHandlerPageMsg4').html('第'+page+'页/共'+pageno+'页，有'+count+'个记录');
let pagenum = Math.ceil(count / pageno);
this.pageNo = pagenum;
loger.log('预约显示页码',_data)
$('#classHandlerPageMsg4').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
courseContent.append(adminListTit);
if(_dataList){
if(count <= 7){
... ... @@ -202,7 +204,19 @@ class AboutClassApe extends Ape {
courseContent.append(adminListEnd);
}
}
_gainUserClassData1(_data){
_gainUserClassDataErr(){
let courseContent = $('#courseContent4');
courseContent.empty();
courseContent.append(adminListTit);
let _adminList = '<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6">' +
'<td class="tr_main tr_mainNone">' +
'该课堂暂无约课数据～'+
'</td>>'+
'</tr>'
courseContent.append(_adminList);
courseContent.append(adminListEnd);
}
/*_gainUserClassData1(_data){
let _dataList = _data.users;
let courseContent = $('#courseContent4');
courseContent.empty();
... ... @@ -232,10 +246,9 @@ class AboutClassApe extends Ape {
}
courseContent.append(adminListEnd);
}
}
}*/
_switchover(evt){
$(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck');
}
_userClassListHandler(evt){
this._switchover(evt);
... ...
... ... @@ -26,7 +26,9 @@ class CreateClassApe extends Ape {
init() {
$('#collectYes').hide();
//默认显示当前时间戳
let that = this;
this._showPresentTime();
//创建课堂
$('#createClassA').on('click',this._closeClassHandler.bind(this));//关闭创建课堂
$('.main_closeBtn').on('click',this._closeClassHandler.bind(this));//关闭创建课堂
... ... @@ -58,10 +60,11 @@ class CreateClassApe extends Ape {
let month = (newDate.getMonth()+1)<10?'0'+(newDate.getMonth()+1):(newDate.getMonth()+1);
let date = newDate.getDate()<10?'0'+newDate.getDate():newDate.getDate();
let timer = newDate.getFullYear() + '-'+ month +'-'+ date;
let hours = newDate.getHours();
let hours = newDate.getHours()<10?'0'+newDate.getHours():newDate.getHours();
let hoursEnd = (newDate.getHours() + 2)<10?'0'+(newDate.getHours() + 2):(newDate.getHours() + 2);
$('.createClassTime1').text(timer);
$("#meeting_starthour").find("option[value = '"+hours+"']").attr("selected","selected");
$('#meeting_endhour').find("option[value = '"+ (hours + 2) +"']").attr("selected","selected");
$("#meeting_starthour").find("option[value='"+ hours +"']").attr("selected","selected");
$('#meeting_endhour').find("option[value = '"+ hoursEnd +"']").attr("selected","selected");
}
_createClassBtnHandler(){
$('#createClassBox').show();
... ... @@ -121,7 +124,7 @@ class CreateClassApe extends Ape {
let isPublic = $("input[name='allowPublic']:checked").val();//是否公开课堂
let meetingType = $("input[name='meetingType']:checked").val();//课堂类型
let h5Module = $("input[name='h5Module']:checked").val();//是否支持H5
let partcKey = $('#partcKey').val(); //课堂密码
let partcKey = $('#partcKey'); //课堂密码
let meetingContent = $("meeting_content").val();//课堂描述
let classTeacherInfo = $('#classTeacherInfo').val();
... ... @@ -134,22 +137,26 @@ class CreateClassApe extends Ape {
presenterPassword.focus();
return false;
}
console.log('第一步信息完成')
if(partcKey.val().length < 6 || partcKey.val().length > 12){
presenterPassword.focus();
return false;
}
console.log('第一步信息完成',classTeacherInfo)
let dateList ={
"meetingName":meetingName.val(),
"presenterPassword":presenterPassword.val(),
"hostPwd":partcKey.val(),
"isPublic":isPublic,
"meetingType":meetingType,
"h5Module":h5Module,
"partcKey":'',
"meetingContent":meetingContent,
"loginName":classTeacherInfo
"userName":classTeacherInfo
}
this.classDateList = dateList;
$('#scheduleForm1').hide();
$('#scheduleForm2').show();
}
_createClassUpHandler(){
$('#scheduleForm1').show();
... ... @@ -247,14 +254,15 @@ class CreateClassApe extends Ape {
detailClass(){
let dateList = this.classDateList;
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/createMeeting';
let userName = window.localStorage.getItem('loginName');
//let userName = window.localStorage.getItem('loginName');
let userType = window.localStorage.getItem('userType');
dateList.siteId = 'networkschool';
dateList.userId = '123';
dateList.userName = userName;
// dateList.userName = userName;
dateList.userType = userType;
let that = this;
console.log('创建课堂前数据',dateList)
$.ajax({
type : "POST",
url : _url,
... ... @@ -262,6 +270,7 @@ class CreateClassApe extends Ape {
timeout:5000,
headers: {'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
loger.log('创建课堂成功',_data)
//获取课堂数据
if(_data && _data.code == 0){
loger.log('创建课堂成功',_data)
... ... @@ -281,6 +290,7 @@ class CreateClassApe extends Ape {
_closeCreateClass(){
$('#classThemeUserName').val('');
$('#classThemePassWord').val('');
$('#partcKey').val('');
$("input[name='allowPublic']").get(0).checked = true;
$("input[name='meetingType']").get(0).checked = true;
$("input[name='h5Module']").get(0).checked = true;
... ... @@ -319,6 +329,9 @@ class CreateClassApe extends Ape {
this._setMarginTopHandler($('#teacherDetailReminders'));//预约成功弹框
this._setMarginTopHandler($('#createUser'));//注册老师账号
this._setMarginTopHandler($('#createClass'));//创建课堂
this._setMarginTopHandler($('#createGrade'));//创建班级
this._setMarginTopHandler($('#manageClass'));//管理班级
}
//设置弹框位置 方法
_setMarginTopHandler(_data){
... ...
//*
// 班级管理模块
// */
import Loger from "../Loger";
import Ape from "./Ape";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import ErrorApe from "./ErrorApe";
let loger = Loger.getLoger('PC-CreateGradeApe');
const adminListTit = `<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" class="t_box">
<tbody>
<tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<th width="8%" class="tr_center">
登录名
</th>
<th width="8%" class="tr_center">
姓名
</th>
<th width="8%" class="tr_center">
科目
</th>
<th width="8%" class="tr_center">
上课总数
</th>
<th width="8%" class="tr_center">
最新约课
</th>
<th width="10%" class="tr_center">
操作
</th>
</tr>
`;
//管理首页
const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6">
<td width="8%" class="tr_main tr_mainLeft">{_loginName}</td>
<td width="8%" class="tr_main">{_userName}</td>
<td width="8%" class="tr_main">{_course}</td>
<td width="8%" class="tr_main">{_totalNmu}</td>
<td width="8%" class="tr_main">{_latest}</td>
<td width="10%" class="tr_main tr_mainRight" align="center">
<a id="{_removeInd}" class="classHandlePort deleteClass" data="{_aboutMsg}" href="###">删除</a>
<a id="{_joinInd}" class="classHandlePort" href="###" data="{_aboutMsg}">查看约课信息</a>
</td>
</tr>
`;
const adminListEnd = `</tbody></table>`;
class CreateGradeApe extends Ape {
constructor() {
super();
this.pageNo = 0;
this.presentInd = 1;
this.addEvent();
this.init();
}
init() {
//班级管理
$('#addClassBtn').on('click',this._addClassBtnHandler.bind(this));//创建班级按钮
$('#manageClassBtn').on('click',this._manageClassBtnHandler.bind(this));//创建班级按钮
$('#createGradeA').on('click',this._closeCreateGradeHandler.bind(this));//关闭新建班级课堂
$('#manageClassA').on('click',this._closemanageClassHandler.bind(this));//关闭班级管理课堂
$('#classHandlerHomePage2').on('click',this._homePageHandler.bind(this));//首页
$('#classHandlerUpPage2').on('click',this._upPageHandler.bind(this));//上页
$('#classHandlerDownPage2').on('click',this._downPageHandler.bind(this));//下页
$('#classHandlerEndPage2').on('click',this._endPageHandler.bind(this));//尾页
$('#classHandlerSpecificPage2').on('click',this._assignPageHandler.bind(this));//指定页
// $('#courseContent2').on('click','.deleteClass',this._deleteClass.bind(this));//删除课堂
}
addEvent() {
}
//首页
_homePageHandler(){
this.presentInd = 1;
this.userAdminHandler(this.presentInd);
}
//上页
_upPageHandler(){
if(this.presentInd >1){
this.presentInd--;
this.userAdminHandler(this.presentInd);
}
}
//下页
_downPageHandler(){
if(this.presentInd < this.pageNo){
this.presentInd++;
this.userAdminHandler(this.presentInd);
}
}
//尾页
_endPageHandler(){
this.presentInd = this.pageNo;
this.userAdminHandler(this.presentInd);
}
//指定页
_assignPageHandler(){
let inputVal = $('#classHandlerPageInfoInput2').val();
if(parseInt(inputVal) <= this.pageNo || parseInt(inputVal) >= 1 ){
this.userAdminHandler(parseInt(inputVal));
}
}
//用户管理 创建用户界面
userAdminHandler(ind){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/getUser';
let that = this;
let dataInfo = {
siteId : ClassDataProxy.siteId,
}
$.ajax({
type: "POST",
url: _url,
timeout:5000,
data:dataInfo,
headers: {siteId:ClassDataProxy.siteId,
pageno:7,
'page':ind,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
//获取课堂数据
if(_data && _data.code == 200){
//loger.log(_data,'班级界面用户列表数据')
that._gainUserClassData(_data.returnData.data);
}
},
error:function(error){
//alert('直播数据获取失败')
that._gainUserClassDataErr();
loger.log(error,'班级数据获取失败')
}
})
}
_gainUserClassData(_data){
let _dataList = _data.users;
let courseContent = $('#courseContent2');
courseContent.empty();
let count = _data.count;
let page = _data.page;
let pageno = _data.pageno;
let pagenum = Math.ceil(count / pageno);
this.pageNo = pagenum;
$('#classHandlerPageMsg2').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
courseContent.append(adminListTit);
if(_dataList){
if(count <= 7){
$('#classHandlerPageBox2').hide();
}
for(let i = 0;i<_dataList.length;i++){
let _adminList = this._format(adminList,{
_loginName : _dataList[i].loginName,
_userName : _dataList[i].userName,
_course : '暂无',
_totalNmu : '2',
_latest : '1',
_removeInd : 'classDoc'+i,
_joinInd : 'classMedia'+i,
_aboutMsg : _dataList[i].id
})
courseContent.append(_adminList);
}
courseContent.append(adminListEnd);
}
}
_gainUserClassDataErr(){
let courseContent = $('#courseContent2');
courseContent.empty();
courseContent.append(adminListTit);
let _adminList = '<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6">' +
'<td class="tr_main tr_mainNone">' +
'该课堂暂无班级数据～'+
'</td>>'+
'</tr>'
courseContent.append(_adminList);
courseContent.append(adminListEnd);
}
_deleteClass(evt){
let id = $(evt.target).attr('data');
loger.log('删除',id)
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/delUserByUserId/' + id;
let that = this;
$.ajax({
type: "PUT",
url: _url,
headers: {siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
loger.log('删除成功',_data)
if(_data && _data.code == 200){
// that.detailPage();
// that._gainClassData(_data.returnData.data);
}
},
error:function(error){
loger.log(error,'失败')
}
})
}
//创建班级
_addClassBtnHandler(){
$('#createGradeBox').show();
}
//管理班级
_manageClassBtnHandler(){
$('#manageClassBox').show();
}
//关闭创建班级
_closeCreateGradeHandler(){
$('#createGradeBox').hide();
}
//关闭班级管理
_closemanageClassHandler(){
$('#manageClassBox').hide();
}
//工具类
_format(str, obj) {
return str.replace(/\{(\w+)\}/g, function (match, group, index) {
return obj[group];
});
};
}
export default CreateGradeApe;
\ No newline at end of file
... ...
... ... @@ -120,7 +120,6 @@ class CreateUserApe extends Ape {
}
//用户管理 创建用户界面
userAdminHandler(ind){
this.createUserClassUI();
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/getUser';
let that = this;
... ... @@ -147,7 +146,8 @@ class CreateUserApe extends Ape {
},
error:function(error){
//alert('直播数据获取失败')
loger.log(error,'直播数据获取失败')
that._gainUserClassDataErr();
loger.log(error,'用户列表获取失败')
}
})
}
... ... @@ -158,8 +158,9 @@ class CreateUserApe extends Ape {
let count = _data.count;
let page = _data.page;
let pageno = _data.pageno;
this.pageNo = pageno;
$('#classHandlerPageMsg3').html('第'+page+'页/共'+pageno+'页，有'+count+'个记录');
let pagenum = Math.ceil(count / pageno);
this.pageNo = pagenum;
$('#classHandlerPageMsg3').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
courseContent.append(adminListTit);
if(_dataList){
if(count <= 7){
... ... @@ -181,7 +182,19 @@ class CreateUserApe extends Ape {
courseContent.append(adminListEnd);
}
}
createUserClassUI(){
_gainUserClassDataErr(){
let courseContent = $('#courseContent3');
courseContent.empty();
courseContent.append(adminListTit);
let _adminList = '<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6">' +
'<td class="tr_main tr_mainNone">' +
'该课堂暂无用户列表数据～'+
'</td>>'+
'</tr>'
courseContent.append(_adminList);
courseContent.append(adminListEnd);
}
//用户管理
_addUserBtnHandler(){
... ... @@ -280,12 +293,13 @@ class CreateUserApe extends Ape {
loger.log('删除成功',_data)
if(_data && _data.code == 200){
that.detailPage();
// that.detailPage();
// that._gainClassData(_data.returnData.data);
}
},
error:function(error){
loger.log(error,'失败')
that._gainUserClassDataErr();
loger.log(error,'用户列表数据获取失败')
}
})
}
... ...
... ... @@ -37,7 +37,6 @@ class HomeApe extends Ape {
}
init() {
// this.subscribe();
$('#defaultBtn').on('click',this._lanclassBtnHandler.bind(this));
}
... ... @@ -81,31 +80,11 @@ class HomeApe extends Ape {
},
error:function(error){
//alert('首页数据获取失败')
that._gainClassDataErr();
console.log(error,'首页数据获取失败')
}
})
}
subscribe(){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
$.ajax({
type: "GET",
url: _url,
timeout:5000,
data:{siteId:ClassDataProxy.siteId},
headers: {siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
// loger.log(_data,'成功')
//获取课堂数据
if(_data && _data.code == 200){
that._gainClassData(_data.returnData.data);
}
},
error:function(error){
console.log(error,'失败')
}
})
}
studentClick(){
$('#slideshow').show();
$('#defaultBox').show();
... ... @@ -124,6 +103,7 @@ class HomeApe extends Ape {
teacherIntro.empty();
if(_data){
let _dataList = _data.meetingInfo;
//直播互动
for(let i = 0;i<_dataList.length;i++){
if(i<8){
let j = (i%4)==3;
... ... @@ -140,6 +120,7 @@ class HomeApe extends Ape {
lanclassList.append(_classifyList);
}
}
//老师
for(let i = 0;i<_dataList.length;i++){
if(i<8){
let j = (i%4)==3;
... ... @@ -148,9 +129,9 @@ class HomeApe extends Ape {
_classifyListR : j?'classifyListR':'',
_id : _dataList[i].id,
_msgImg :'../images/u373.png',
_classroomTitle : _dataList[i].meetingName,
_classroomTitle : _dataList[i].create_user,
_schoolTime : _getTime,
_subscribeNum : '34人已预约'
_subscribeNum : _dataList[i].reservationNumber+'人预约'
})
teacherIntro.append(_classifyList);
}
... ... @@ -158,6 +139,19 @@ class HomeApe extends Ape {
}
}
_gainClassDataErr(){
let liveList = $('#liveList');
let lanclassList = $('#lanclassList');
let teacherIntro = $('#teacherIntro');
liveList.empty();
lanclassList.empty();
teacherIntro.empty();
let _classifyList = '<div class="dataHomeErrorTitle">数据获取失败～</div>'
liveList.append(_classifyList)
lanclassList.append(_classifyList)
teacherIntro.append(_classifyList)
}
//工具类
_format(str, obj) {
return str.replace(/\{(\w+)\}/g, function (match, group, index) {
... ...
... ... @@ -111,6 +111,7 @@ class LanclassApe extends Ape {
},
error:function(error){
//alert('互动界面获取数据失败')
that._gainClassDataErr();
console.log(error,'互动界面获取数据失败')
}
})
... ... @@ -194,6 +195,12 @@ class LanclassApe extends Ape {
pagingDivInnerHTML += '</div>';
pageNumContentBox.append(pagingDivInnerHTML);
}
_gainClassDataErr(){
let classifyListContent = $('#classifyListContent');
classifyListContent.empty();
let _classifyList = '<div class="dataErrorTitle">数据获取失败～</div>'
classifyListContent.append(_classifyList)
}
//工具类
_format(str, obj) {
return str.replace(/\{(\w+)\}/g, function (match, group, index) {
... ...
... ... @@ -27,6 +27,14 @@ class ListDetailsApe extends Ape {
}
_curriculumListHandler(evt){
let buttonIsCheck = $('#orderBtn').attr('value','1');
if($('#orderBtn').attr('value') == '1'){
$('#orderBtn').attr('disabled',true)
$('#orderBtn').css('background','#3498db')
}
$('#slideshow').hide();
let _id = evt.currentTarget.id;
this._id = _id;
... ... @@ -74,7 +82,6 @@ class ListDetailsApe extends Ape {
this._classDateContent(_data.returnData.data);
}
_classDateContent(_data){
loger.log('进入详细页显示信息',_data)
let _dataList = _data.meetingInfo[0];
if(this.isDate){
this._lanclassRender(_dataList);
... ...
... ... @@ -111,6 +111,7 @@ class LanclassApe extends Ape {
},
error:function(error){
//alert('直播数据获取失败')
that._gainClassDataErr();
loger.log(error,'直播数据获取失败')
}
})
... ... @@ -128,6 +129,12 @@ class LanclassApe extends Ape {
this._classDatepageNum(this.classDateList);
}
}
_gainClassDataErr(){
let classifyListContent = $('#classifyListContent');
classifyListContent.empty();
let _classifyList = '<div class="dataErrorTitle">数据获取失败～</div>'
classifyListContent.append(_classifyList)
}
_classDateTitle(){
$('#classifyListTitle').html($('.header_listMsgCheck').attr('data'));
}
... ...
... ... @@ -112,6 +112,9 @@ class LoginOrRegister extends Ape {
$('#exitBox').hide();
$('#classManagementBox').hide();
$('#defaultBtn').addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck');
$('.myCenterContentBox').eq(0).show().siblings().hide();
$('#teacherUI .recordLi2').eq(0).addClass('recordLiCheck').siblings().removeClass('recordLiCheck');
}
... ...
... ... @@ -57,7 +57,6 @@ const adminListEnd = `</tbody></table>`;
class ManagementHomePageApe extends Ape {
constructor() {
super();
this.classDateList = {};//课堂的所有数据
this.pageNo = 0;
this.presentInd = 1;
this.addEvent();
... ... @@ -82,100 +81,76 @@ class ManagementHomePageApe extends Ape {
}
//首页
_createClassHomePage(){
this.detailPage();
this.detailPage(1);
}
//首页
_homePageHandler(){
this.presentInd = 1;
this._pageNumBtnHandler(this.presentInd);
this.detailPage(this.presentInd);
}
//上页
_upPageHandler(){
if(this.presentInd > 1){
this.presentInd--;
this._pageNumBtnHandler(this.presentInd);
this.detailPage(this.presentInd);
}
}
//下页
_downPageHandler(){
if(this.presentInd < this.pageNo){
this.presentInd++;
this._pageNumBtnHandler(this.presentInd);
this.detailPage(this.presentInd);
}
}
//尾页
_endPageHandler(){
this.presentInd = this.pageNo;
this._pageNumBtnHandler(this.presentInd);
this.detailPage(this.presentInd);
}
//指定页
_assignPageHandler(){
let inputVal = $('#classHandlerPageInfoInput').val();
if(parseInt(inputVal) <= this.pageNo || parseInt(inputVal) >= 1 ){
this._pageNumBtnHandler(parseInt(inputVal));
this.detailPage(parseInt(inputVal));
}
}
//点击翻页
_pageNumBtnHandler(ind){
detailPage(ind){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
let that = this;
let status = $('#liveInfoList0').find('.liveInfoLeftLiCheck').attr('data');
$.ajax({
type: "POST",
url: _url,
data:{siteId:ClassDataProxy.siteId},
headers: {'page':ind,
data:{siteId:ClassDataProxy.siteId,meetingStatus:status},
headers: {
page:ind,
pageno:8,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo',
},
success:function(_data){
if(_data.code != 200 ){
loger.warn(_data.returnData.data.msg)
}
if(_data && _data.code == 200){
that.classDateList = _data.returnData.data;
that._gainClassData(_data.returnData.data);
}
},
error:function(error){
console.log(error,'失败')
that._gainUserClassDataErr();
console.log(error,'管理员首页')
}
})
}
detailPage(){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
let that = this;
let status = $('#liveInfoList0').find('.liveInfoLeftLiCheck').attr('data');
loger.log('当前点击的状态',status)
$.ajax({
type: "POST",
url: _url,
data:{siteId:ClassDataProxy.siteId,meetingStatus:status},
headers: {siteId:ClassDataProxy.siteId,
pageno:8,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
if(_data && _data.code == 200){
loger.log('渲染首页数据',_data)
that._gainClassData(_data.returnData.data);
}
},
error:function(error){
console.log(error,'失败')
}
})
}
_gainClassData(_data){
let courseContent = $('#courseContent0');
courseContent.empty();
let count = _data.count;
let page = _data.page;
let pageno = _data.pageno;
let pagenum = Math.ceil(count / pageno);
let _dataList = _data.meetingInfo;
this.pageNo = pageno;
$('#classHandlerPageMsg0').html('第'+page+'页/共'+pageno+'页，有'+count+'个记录');
this.pageNo = pagenum;
$('#classHandlerPageMsg0').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
courseContent.append(adminListTit);
if(_dataList){
if(count <= 8){
... ... @@ -201,11 +176,22 @@ class ManagementHomePageApe extends Ape {
courseContent.append(adminListEnd);
}
}
_gainUserClassDataErr(){
let courseContent = $('#courseContent0');
courseContent.empty();
courseContent.append(adminListTit);
let _adminList = '<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6">' +
'<td class="tr_main tr_mainNone">' +
'该课堂暂无课程数据～'+
'</td>>'+
'</tr>'
courseContent.append(_adminList);
courseContent.append(adminListEnd);
}
//删除课堂
_deleteClass(evt){
let id = $(evt.target).attr('data');
loger.log('删除课堂',id)
//http://networkshool.xuedianyun.com/3m/conference_domain.do#
$.ajax({
type: "POST",
url: "http://networkshool.xuedianyun.com/3m/meeting/updateToCancel.do",
... ...
... ... @@ -7,16 +7,93 @@ import Ape from "./Ape";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import ErrorApe from "./ErrorApe";
import MessageTypes from "../MessageTypes";
const classifyList = `<div class="classifyList {_classifyListR}" id="{_id}">
<img class="curriculumListImg" src="{_msgImg}" alt="">
<p class="curriculumListTit">{_classroomTitle}</p>
<p class="curriculumListInfo">
<span class="curriculumListTime">{_schoolTime}</span>
<span class="curriculumListNum">{_subscribeNum}</span>
</p>
const classifyList = `<div class="courseMinuteListTimeTit" style="display: {_isShowTitle}">
<span class="courseMinuteListTime">{_liveTimer}</span>
<span class="courseMinuteListWire"></span>
</div>
<div class="classifyListMyCenter {_classifyListR}">
<div class="myCenterContentMask accessLearningBtn">
<button class="myCenterContentMaskBtn btnHover" data="{_meetingNumber}">进入学习</button>
</div>
<div class="myCenterContentMask cancelReservation">
<button class="myCenterContentMaskBtn btnHover" data="{_studentMeetingId}">取消预约</button>
</div>
<img class="myCenterContentListImg" src="{_msgImg}" alt="">
<p class="myCenterContentListTit">{_meetingName}</p>
<p class="myCenterContentListTit1">主讲人：{_create_user}</p>
<p class="myCenterContentMin">45min</p>
<span class="myCenterContentTimer">{_liveTimer}</span>
</div>`;
const curriculumList = `<li class="teacherTodayCourseList">
<span class="courseDetailInfo">{_infoTit}</span>
<span class="courseDetailInfo1">距开始还有：<i class="teacherStartContent">{_countDown}</i></span>
<button class="teacherEnterClass btnHover" data="{_meetingNumber}" style="display: {_isShow}">立即进入</button>
</li>`;
const adminListTit = `<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" class="t_box">
<tbody>
<tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<th width="7%" class="tr_center">
课堂主题
</th>
<th width="7%" class="tr_center">
课堂号
</th>
<th width="7%" class="tr_center">
老师
</th>
<th width="7%" class="tr_center">
课堂状态
</th>
<th width="15%" class="tr_center">
课堂时间
</th>
<th width="7%" class="tr_center">
在线人数
</th>
<th width="10%" class="tr_center">
操作
</th>
</tr>
`;
//管理首页
const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6">
<td width="7%" class="tr_main tr_mainLeft">{_meetingName}</td>
<td width="7%" class="tr_main">{_meetingNumber}</td>
<td width="7%" class="tr_main">{_create_user}</td>
<td width="7%" class="tr_main">{_state}</td>
<td width="15%" class="tr_main">{_timer}</td>
<td width="7%" class="tr_main">{_num}</td>
<td width="10%" class="tr_main tr_mainRight" align="center">
<a class="classHandlePort deleteClass" data="{_aboutMsg}" href="###">文档</a>
<a class="classHandlePort deleteClass" data="{_aboutMsg}" href="###">多媒体</a>
<a class="classHandlePort resolveBtn" href="###" data="{_aboutMsg}">伴音</a>
</td>
</tr>
`;
const adminListEnd = `</tbody></table>`;
//学生端显示老师信息 _teacherName
const teacherInfoLeft = `
<div class="teacherCorrelatedInfoBox">
<div class="teacherCorrelatedInfoLeft">
<img class="teacherCorrelatedInfoImg" id="teacherCorrelatedInfoImg" src="images/u293.png" alt="">
<div class="teacherCorrelatedInfo">
<b class="teacherCorrelatedInfoName" id="teacherCorrelatedInfoName">{_teacherName}</b>
<b class="teacherCorrelatedInfoMajor">北京市|少儿英语</b>
<b class="teacherCorrelatedInfoCourse">课程:50</b>
<span class="teacherCorrelatedInfoMajorMsg">毕业于外国语学院，专业8级</span>
<p class="cancelReservationBtn"">取消预约</p>
</div>
</div>
<div class="teacherCorrelatedInfoCenter">`;
const teacherInfoCenter= `<img class="teachercourseImg" data="{_id}" src="{_imgSrc}" alt="">`;
const teacherInfoRight = `</div> <div class="teacherCorrelatedInfoBtn" data="{_teacherName}">更多课程</div>
</div></div>`;
const teacherDetail = `<span class="teacherDetailCurriculumList">《{_detailList}》</span>`
let loger = Loger.getLoger('PC-MyCenterApe');
class MyCenterApe extends Ape {
... ... @@ -24,6 +101,10 @@ class MyCenterApe extends Ape {
super();
this.isLocalStorage();
this.data = 0;
this.dataList = {};
this.teacherList = {};
this.messageDetails = [];
this._judgeListPlace();
this.addEvent();
this.init();
}
... ... @@ -32,6 +113,8 @@ class MyCenterApe extends Ape {
$('#personageInfo').on('click',this._myCenterBoxHandler.bind(this));//个人中心
$('#teacherUI li').on('click',this._recordLiHandler.bind(this));//课堂分类
$('#teacherInfoList li').on('click',this._teacherInfoListHandler.bind(this));//直播分类 正在直播 未开始 已结束
$('#subscribeList .liveInfoLeftLi').on('click',this._subscribeListHandler.bind(this));//课程 老师
$('#updateInputYes').on('click',this._updateInputYesHandler.bind(this));//确定时把输入的信息存入数据中
... ... @@ -43,43 +126,200 @@ class MyCenterApe extends Ape {
$('#accountPassWordBtn').on('click',this._accountPassWordBtnHandler.bind(this));//密码
$('#accountEmailBtn').on('click',this._accountEmailBtnHandler.bind(this));//邮箱
$('#accountMobilelBtn').on('click',this._accountMobilelBtnHandler.bind(this));//手机号
$('#studentMyCenterContentList').on('mouseenter','.classifyListMyCenter',this._mouseenter.bind(this));//个人中心移入进入课堂
$('#studentMyCenterContentList').on('mouseleave','.classifyListMyCenter',this._mouseleave.bind(this));//个人中心移出进入课堂
$('#courseMinuteList').on('mouseenter','.classifyListMyCenter',this._mouseenter.bind(this));//课程移入进入课堂
$('#courseMinuteList').on('mouseleave','.classifyListMyCenter',this._mouseleave.bind(this));//课程移出进入课堂
$('#teacherCorrelatedInfo').on('mouseenter','.classifyListMyCenter',this._cancelMouseenter.bind(this));//我的预约 课程移入显示取消预约
$('#teacherCorrelatedInfo').on('mouseleave','.classifyListMyCenter',this._cancelMouseleave.bind(this));//我的预约 课程移出隐藏取消预约
$('#studentMyCenterContentList').on('click','.accessLearningBtn',this._enterClassRoomHandler.bind(this));//我的预约进入课堂
$('#courseMinuteList').on('click','.accessLearningBtn',this._enterClassRoomHandler.bind(this));//我的预约进入课堂
$('#myCurriculumInfo').on('click','.teacherEnterClass',this._enterClassRoomHandler.bind(this));//我的课程进入课堂
$('#teacherCorrelatedInfo').on('click','.teacherCorrelatedInfoBtn',this._teacherSubscribeMoveHandler.bind(this));//点击预约查看当前点击的更多信息
$('#teacherCorrelatedInfo').on('click','.cancelReservation',this._cancelSubscribeHandler.bind(this));//取消预约
$('#teacherCorrelatedInfo').on('click','.teachercourseImg',this._teacherClassDetails.bind(this));//点击进入老师课堂详情页
$('#teacherMyCerterHomePage').on('click',this._homePageHandler.bind(this));//首页
$('#teacherMyCerterUpPage').on('click',this._upPageHandler.bind(this));//上页
$('#teacherMyCerterDownPage').on('click',this._downPageHandler.bind(this));//下页
$('#teacherMyCerterEndPage').on('click',this._endPageHandler.bind(this));//尾页
$('#teacherMyCerterSpecificPage').on('click',this._assignPageHandler.bind(this));//指定页
}
addEvent() {
}
_curriculumInfo(){
//首页
_createClassHomePage(){
this._teacherLiveModule(1);
}
//首页
_homePageHandler(){
this.presentInd = 1;
this._teacherLiveModule(this.presentInd);
}
//上页
_upPageHandler(){
if(this.presentInd > 1){
this.presentInd--;
this._teacherLiveModule(this.presentInd);
}
}
//下页
_downPageHandler(){
if(this.presentInd < this.pageNo){
this.presentInd++;
this._teacherLiveModule(this.presentInd);
}
}
//尾页
_endPageHandler(){
this.presentInd = this.pageNo;
this._teacherLiveModule(this.presentInd);
}
//指定页
_assignPageHandler(){
let inputVal = $('#teacherMyCerterPageInfoInput').val();
if(parseInt(inputVal) <= this.pageNo || parseInt(inputVal) >= 1 ){
this._teacherLiveModule(parseInt(inputVal));
}
}
loadMeeting(meeting){
let status = meeting["meetingStatus"];
if(status != ''){
if (status == "1" || status == "2") {
return '已开始';
}else{
if (status == "2") {
// alert("会议已经开始！");
return '已开始';
} else if (status == "3") {
return '未开始';
// alert("未到开始时间！");
} else if (status == "4") {
// alert("会议已经结束！");
return '已结束';
}
}
}
}
//老师端数据请求
_teacherCurriculumInfo(data,num,ind,callback){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
let that = this;
$.ajax({
type: "POST",
url: _url,
timeout:5000,
data:{siteId:ClassDataProxy.siteId,userType:1},
headers: {siteId:ClassDataProxy.siteId,
data : data,
headers: {siteId:ClassDataProxy.siteId,pageno:num, page:ind,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
loger.log(_data,'个人中心用户列表数据')
//获取课堂数据
//that._gainClassData(_data);
//获取我的课程数据
if(_data && _data.code == 200){
if(callback){
callback(_data);
}
}else{
if(callback){
callback(null);
}
}
},
error:function(error){
//alert('直播数据获取失败')
if(callback){
callback(null);
}
loger.log(error,'直播数据获取失败')
}
})
}
_studentCurriculumInfo(num,callback){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/studentMeeting/getStudentMeetingByStudentId/'+ClassDataProxy.id;
let that = this;
$.ajax({
type: "GET",
url: _url,
timeout:5000,
headers: {siteId:ClassDataProxy.siteId,pageno:num,id:ClassDataProxy.id,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
//获取我的课程数据
if(_data && _data.code == 200){
if(callback){
callback(_data);
}
}else{
if(callback){
callback(null);
}
}
},
error:function(error){
//alert('直播数据获取失败')
if(callback){
callback(null);
}
loger.log(error,'直播数据获取失败')
}
})
}
//老师端首页默认数据
detailPageTeacher(){
//首页课程
this._teacherCourseModule();
//首页直播信息
this._teacherLiveModule(1);
}
detailPageStudent(){
//首页课程
this._studentCourseModule();
//首页显示信息
this._studentStudyModule();
}
isLocalStorage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
this._curriculumInfo();
}
$('#teacherMyCenterName').text(ClassDataProxy.loginName);
$('.myCenterContentBox').eq(0).show().siblings().hide();
let newDate = new Date();
let newHours = newDate.getHours();
let text = newHours>12?'下午好,':'上午好,'
$('#teacherMyCenterTime').text(text);
$('.recordLi2').eq(0).addClass('recordLiCheck').siblings().removeClass('recordLiCheck');
this.detailpage();
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
//首页默认数据
this.detailPageTeacher();
$('#teacherMyCenterName').text(ClassDataProxy.loginName+'老师');
$('#teacherUI .recordLi').eq(2).hide();
$('#teacherMyCerter').show();
$('#studentMyCerter').hide();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
//首页默认数据
this.detailPageStudent();
$('#teacherMyCenterName').text(ClassDataProxy.loginName+'同学');
$('#teacherMyCerter').hide();
$('#studentMyCerter').show();
$('#teacherUI .recordLi').eq(2).show();
}
$('#lanclassBox').hide();
$('#oneselfInfoLoginName').val( ClassDataProxy.loginName);//登录名
$('#oneselfInfoUserName').val(ClassDataProxy.monicker);//用户名
let setMail = $('#setMail');//邮箱
... ... @@ -98,12 +338,15 @@ class MyCenterApe extends Ape {
switch (parseInt(ind)){
case 0:
//首页
this.detailpage();
break;
case 1:
//我的课程
this.myCoursesMessage();
break;
case 2:
//我的预约
this.myBookingsMessage();
break;
case 3:
//个人信息
... ... @@ -113,7 +356,204 @@ class MyCenterApe extends Ape {
return;
}
}
detailpage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
this.detailPageTeacher();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
this.detailPageStudent();
}
}
_teacherInfoListHandler(evt){
$(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck');
}
_subscribeListHandler(evt){
$(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck');
this.studentBookings();
}
/*-------------------老师-------------------*/
//老师端首页课程显示
_teacherCourseModule(){
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName};
let that = this;
this._teacherCurriculumInfo(data,3,1,function(_data){
//首页今日课程渲染
that._teacherCourseCourse(_data.returnData.data.meetingInfo);
})
}
//老师端首页课程数据渲染
_teacherCourseCourse(_data){
let myCurriculumInfo = $('#myCurriculumInfo');
myCurriculumInfo.empty();
let that = this;
if(_data) {
for (let i = 0; i < _data.length; i++) {
let item = _data[i];
if (item) {
let curInfo = this._format(curriculumList, {
_infoTit: item.meetingName,
_meetingNumber: item.meetingNumber,
_countDown: that.loadMeeting(item),
_isShow: (that.loadMeeting(item) == '已开始') ? 'block' : 'none'
})
myCurriculumInfo.append(curInfo);
} else {
console.error('_gainClassData没数据')
}
}
}
}
//老师端首页直播数据
_teacherLiveModule(ind){
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName};
let that = this;
this._teacherCurriculumInfo(data,4,ind,function(_data){
//首页直播信息渲染
that._teacherLiveCourse(_data.returnData.data);
})
}
_teacherLiveCourse(_data){
let teacherMyCenterContentList = $('#teacherMyCenterContentList');
teacherMyCenterContentList.empty();
let count = _data.count;
let page = _data.page;
let pageno = _data.pageno;
let pagenum = Math.ceil(count / pageno);
let _dataList = _data.meetingInfo;
loger.log('老师端首页数据显示',_dataList)
this.pageNo = pagenum;
$('#teacherMyCerterPageMsg').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
teacherMyCenterContentList.append(adminListTit)
for(let i = 0;i<_dataList.length;i++){
let str = '';
switch (parseInt(_dataList[i].meetingStatus)){
case 1:
case 2:
str = '正在直播';
break;
case 4:
str = '已结束';
break;
default:
return;
}
if(count <= 8){
$('#teacherMyCerterPageBox').hide();
}
let _adminList = this._format(adminList,{
_meetingName : _dataList[i].meetingName,
_meetingNumber : _dataList[i].meetingNumber,
_create_user : _dataList[i].create_user,
_state : str,
_timer : _dataList[i].beginTime + '-' + _dataList[i].endTime,
_num : '0'
})
teacherMyCenterContentList.append(_adminList)
}
teacherMyCenterContentList.append(adminListEnd)
}
_teacherCourse(_data){
let courseMinuteList = $('#courseMinuteList');
courseMinuteList.empty();
let count = _data.count;
let page = _data.page;
let pageno = _data.pageno;
let pagenum = Math.ceil(count / pageno);
let _dataList = _data.meetingInfo;
loger.log('老师端首页数据显示',_dataList)
this.pageNo = pagenum;
$('#teacherMyCerterPageMsg').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
courseMinuteList.append(adminListTit)
for(let i = 0;i<_dataList.length;i++){
let str = '';
switch (parseInt(_dataList[i].meetingStatus)){
case 1:
case 2:
str = '正在直播';
break;
case 4:
str = '已结束';
break;
default:
return;
}
if(count <= 8){
$('#teacherMyCerterPageBox').hide();
}
let _adminList = this._format(adminList,{
_meetingName : _dataList[i].meetingName,
_meetingNumber : _dataList[i].meetingNumber,
_create_user : _dataList[i].create_user,
_state : str,
_timer : _dataList[i].beginTime + '-' + _dataList[i].endTime,
_num : '0'
})
courseMinuteList.append(_adminList)
}
courseMinuteList.append(adminListEnd)
}
/*---------------------------学生-----------------------*/
_studentCourseModule(){
let that = this;
this._studentCurriculumInfo(3,function(_data){
that.studentCourseList(_data.returnData.data);
})
}
studentCourseList(_data){
if(_data){
let myCurriculumInfo = $('#myCurriculumInfo');
myCurriculumInfo.empty();
let that = this;
if(_data) {
for (let i = 0; i < _data.length; i++) {
let item = _data[i];
if (item) {
let curInfo = this._format(curriculumList, {
_infoTit: item.meeting_name,
_meetingNumber: item.meetingNumber,
_countDown: that.loadMeeting(item),
_isShow: (that.loadMeeting(item) == '已开始') ? 'block' : 'none'
})
myCurriculumInfo.append(curInfo);
} else {
console.error('_gainClassData没数据')
}
}
}
}
}
_studentStudyModule(){
let that = this;
this._studentCurriculumInfo(4,function(_data){
that.studentStudyList(_data.returnData.data);
})
}
studentStudyList(_data){
let studentMyCenterContentList = $('#studentMyCenterContentList');
studentMyCenterContentList.empty();
$('#courseMinutePageBox').hide();
for(let i = 0;i<_data.length;i++){
if(_data[i]){
let j = (i%4)==3;
let _classifyList = this._format(classifyList,{
_classifyListR : j?'classifyListR':'',
_isShowTitle : 'none',
_meetingNumber : _data[i].meetingNumber,
_msgImg : '../images/u373.png',
_meetingName : _data[i].meeting_name,
_create_user : _data[i].teacherName,
_liveTimer : _data[i].meetingBeginTime.split(' ')[0]
})
studentMyCenterContentList.append(_classifyList)
}else{
console.error('_gainClassData没数据')
}
}
}
//提交用户信息修改
_accountInfoSaveBtnHandler(){
let id = ClassDataProxy.id;//id
... ... @@ -160,6 +600,7 @@ class MyCenterApe extends Ape {
//获取个人信息数据
if(_data && _data.code == 200){
loger.log('修改信息成功',_data)
ErrorApe.showWarnError('修改信息成功');
ClassDataProxy.loginName =_data.returnData.data.loginName;
ClassDataProxy.monicker = _data.returnData.data.userName;
... ... @@ -169,7 +610,7 @@ class MyCenterApe extends Ape {
window.localStorage.setItem('monicker', ClassDataProxy.monicker);
window.localStorage.setItem('userEmail', ClassDataProxy.userEmail);
window.localStorage.setItem('userMobile', ClassDataProxy.userMobile);
$('#teacherMyCenterName').html(ClassDataProxy.loginName);
}else if(_data.code == 400){
ErrorApe.showWarnError('账号未修改');
}else{
... ... @@ -196,6 +637,270 @@ class MyCenterApe extends Ape {
$('#oneselfInfoLoginName').val( ClassDataProxy.loginName);//登录名
$('#oneselfInfoUserName').val(ClassDataProxy.monicker);//用户名
}
//我的预约
myBookingsMessage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
this.teacherBookings();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
this.studentBookings();
}
}
teacherBookings(){
}
studentBookings(){
let that = this;
let data = $('#subscribeList').find('.liveInfoLeftLiCheck').attr('data');
this._studentCurriculumInfo(12,function(_data){
if(_data){
if(data == '1'){
that._studentSubscribeTeacher(_data.returnData.data)
}else{
that._studentSubscribe(_data.returnData.data)
}
}
});
}
_studentSubscribe(_data){
let teacherCorrelatedInfo = $('#teacherCorrelatedInfo');
teacherCorrelatedInfo.empty();
for(let i = 0;i<_data.length;i++){
if(_data[i]){
let j = (i%4)==3;
let _classifyList = this._format(classifyList,{
_classifyListR : j?'classifyListR':'',
_isShowTitle : 'none',
_meetingNumber : _data[i].meetingNumber,
_msgImg : '../images/u373.png',
_meetingName : _data[i].meeting_name,
_create_user : _data[i].teacherName,
_liveTimer : _data[i].meetingBeginTime.split(' ')[0],
_studentMeetingId : _data[i].studentMeetingId
})
teacherCorrelatedInfo.append(_classifyList)
}else{
console.error('_gainClassData没数据')
}
}
}
_studentSubscribeTeacher(_data){
let teacherCorrelatedInfo = $('#teacherCorrelatedInfo');
teacherCorrelatedInfo.empty();
if(_data){
this.teacherList={};
for(let i = 0;i<_data.length;i++){
let item=_data[i];
if(item){
let temp = item.teacherName;
if(!this.teacherList[temp]) {
this.teacherList[temp] = [];
}
this.teacherList[temp].push(item)
}
}
for( let key in this.teacherList){
let teacherInfo = ''
let arrList = this.teacherList[key];
teacherInfo = this._format(teacherInfoLeft,{
_teacherName : key,
// meetingNumber
})
for(let n = 0;n<arrList.length;n++){
teacherInfo += this._format(teacherInfoCenter,{
_imgSrc : 'images/u374.png',
_id : arrList[n].teacherName
})
}
teacherInfo += this._format(teacherInfoRight,{
_teacherName : key
})
teacherCorrelatedInfo.append(teacherInfo)
}
}
}
//我的课程
myCoursesMessage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
this.teacherCourses(1);
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
this.studentCourses();
}
}
teacherCourses(ind){
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName};
let that = this;
this._teacherCurriculumInfo(data,12,ind,function(_data){
//首页直播信息渲染
that._teacherCourse(_data.returnData.data);
})
}
studentCourses(){
let that = this;
this._studentCurriculumInfo(12,function(_data){
if(_data){
that._studentCourseRender(_data.returnData.data)
}
});
}
//老师端首页显示课程
_teacherHomeCourse(_data){
let myCurriculumInfo = $('#myCurriculumInfo');
myCurriculumInfo.empty();
if(_data){
for(let i = 0;i < 3;i++){
let item = _data[i];
if(item){
let curInfo = this._format(curriculumList,{
_infoTit : item.meetingName,
_meetingNumber : item.meetingNumber,
_countDown : that.loadMeeting(item),
_isShow : (that.loadMeeting(item)=='已开始')?'block':'none'
})
myCurriculumInfo.append(curInfo);
}else{
console.error('_gainClassData没数据')
}
}
}
}
//老师端首页直播信息
_liveClassData(_data){
let teacherMyCenterContentList = $('#teacherMyCenterContentList');
teacherMyCenterContentList.empty();
let count = _data.count;
let page = _data.page;
let pageno = _data.pageno;
let pagenum = Math.ceil(count / pageno);
let _dataList = _data.meetingInfo;
this.pageNo = pagenum;
$('#teacherMyCerterPageMsg').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
teacherMyCenterContentList.append(adminListTit)
for(let i = 0;i<_dataList.length;i++){
let str = '';
switch (parseInt(_dataList[i].meetingStatus)){
case 1:
case 2:
str = '正在直播';
break;
case 4:
str = '已结束';
break;
default:
return;
}
if(count <= 8){
$('#teacherMyCerterPageBox').hide();
}
let _adminList = this._format(adminList,{
_meetingName : _dataList[i].meetingName,
_meetingNumber : _dataList[i].meetingNumber,
_create_user : _dataList[i].create_user,
_state : str,
_timer : _dataList[i].beginTime + '-' + _dataList[i].endTime,
_num : '0'
})
teacherMyCenterContentList.append(_adminList)
}
teacherMyCenterContentList.append(adminListEnd)
}
//老师端课程数据
_teacherCourseRender(_data){
let courseMinuteList = $('#courseMinuteList');
courseMinuteList.empty();
let count = _data.count;
let page = _data.page;
let pageno = _data.pageno;
let pagenum = Math.ceil(count / pageno);
let _dataList = _data.meetingInfo;
this.pageNo = pagenum;
$('#courseMinutePageMsg').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
if(count <= 12){
$('#courseMinutePageBox').hide();
}
//存储数据按日期分类
this.dataList={};
for(let i = 0;i<_dataList.length;i++){
let item=_dataList[i];
if(item){
let temp = item.beginTime.split(' ')[0]
if(!this.dataList[temp]) {
this.dataList[temp] = [];
}
this.dataList[temp].push(item)
}
}
for(let key in this.dataList){
let j = (key%4)==3;
let arrList = this.dataList[key];
if(arrList){
for(let n = 0;n<arrList.length;n++){
let _classifyList = this._format(classifyList,{
_classifyListR : j?'classifyListR':'',
_isShowTitle : n == 0 ?'block':'none',
_meetingNumber : arrList[n].meetingNumber,
_msgImg : '../images/u373.png',
_meetingName : arrList[n].meetingName,
_create_user : arrList[n].create_user,
_liveTimer : key
})
courseMinuteList.append(_classifyList)
}
}
}
}
//学生端课程数据
_studentCourseRender(_data){
let courseMinuteList = $('#courseMinuteList');
courseMinuteList.empty();
let count = _data.count;
let page = _data.page;
let pageno = _data.pageno;
let pagenum = Math.ceil(count / pageno);
let _dataList = _data;
this.pageNo = pagenum;
$('#courseMinutePageMsg').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
if(count <= 12){
$('#courseMinutePageBox').hide();
}
//存储数据按日期分类
this.dataList={};
for(let i = 0;i<_dataList.length;i++){
let item=_dataList[i];
if(item){
let temp = item.meetingBeginTime.split(' ')[0]
if(!this.dataList[temp]) {
this.dataList[temp] = [];
}
this.dataList[temp].push(item)
}
}
for(let key in this.dataList){
let arrList = this.dataList[key];
if(arrList){
for(let n = 0;n<arrList.length;n++){
let j = (n%4) == 3;
let _classifyList = this._format(classifyList,{
_classifyListR : j ?'classifyListR':'',
_isShowTitle : n == 0 ?'block':'none',
_meetingNumber : arrList[n].meetingNumber,
_msgImg : '../images/u373.png',
_meetingName : arrList[n].meeting_name,
_create_user : arrList[n].teacherName,
_liveTimer : key
})
courseMinuteList.append(_classifyList)
}
}
}
}
//修改密码
_accountPassWordBtnHandler(){
this.data = 0;
... ... @@ -220,6 +925,10 @@ class MyCenterApe extends Ape {
$('#defaultBox').hide();
$('#classifyListBox').hide();
$('#lanclassBox').hide();
$('#teacherDetailBox').hide();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
}
$('#myCenterBox').show();
}
... ... @@ -280,6 +989,95 @@ class MyCenterApe extends Ape {
updateMobile(userMobile){
return userMobile.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2')
}
_enterClassRoomHandler(evt){
let ind = $(evt.target).attr('data');
window.open('http://networkshool.xuedianyun.com/3m/attend.do?meetingNumber=' + ind);
}
_mouseenter(evt){
$(evt.currentTarget).find('.accessLearningBtn').show();
}
_mouseleave(evt){
$(evt.currentTarget).find('.accessLearningBtn').hide();
}
_cancelMouseenter(evt){
$(evt.currentTarget).find('.cancelReservation').show();
}
_cancelMouseleave(evt){
$(evt.currentTarget).find('.cancelReservation').hide();
}
_teacherSubscribeMoveHandler(evt){
$('#teacherDetailBox').show();
$('#myCenterBox').hide();
let buttonIsCheck = $('#orderBtn').attr('value','0');
if($('#orderBtn').attr('value') == '0'){
$('#orderBtn').attr('disabled',false)
$('#orderBtn').css('background','#ccc')
}
let teacherDetailCurriculum = $('#teacherDetailCurriculum');
teacherDetailCurriculum.empty();
let _data = $(evt.target).attr('data');
if(_data){
let _dataList = this.teacherList[_data];
$('#teacherDetailInfoDetailName').html(_dataList[0].teacherName);
for(let i = 0;i<_dataList.length;i++){
let _teacherDetail = this._format(teacherDetail,{
_detailList : _dataList[i].meeting_name
})
teacherDetailCurriculum.append(_teacherDetail)
}
}
}
_cancelSubscribeHandler(evt){
let _id = $(evt.target).attr('data');
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/studentMeeting/updateStudentMeetingBySite/'+_id;
let that = this;
$.ajax({
type: "PUT",
url: _url,
timeout:5000,
headers: {
siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'
},
data:{status:'5'},
success:function(_data){
//获取课堂数据
if(_data && _data.code == 200){
that.studentBookings();
}
},
error:function(error){
console.log(error,'失败')
}
})
}
_teacherClassDetails(evt){
let name = $(evt.target).attr('data');
let ind = $(evt.target).index();
let _data = this.teacherList[name][ind]
$('#lanclassBox').show();
$('#myCenterBox').hide();
$('#lanclassContentTitle').html(_data.meeting_name);
$('#lanclassContentInfoName').html(_data.teacherName);
$('#lanclassContentInfoTimeStart').html('开始时间：'+_data.meetingBeginTime);
$('#lanclassContentInfoTimeEnd').html('结束时间：'+_data.meetingEndTime);
}
_judgeListPlace(){
let i;
let curriculumList = document.getElementsByClassName('classifyListMyCenter');
for(i=0;i<curriculumList.length;i++){
if((i%4) == 3){
$(curriculumList[i]).addClass('classifyListR');
}
}
}
//工具类
_format(str, obj) {
return str.replace(/\{(\w+)\}/g, function (match, group, index) {
... ...
//*
// 兼课模块
// */
import Loger from "../Loger";
import Ape from "./Ape";
import $ from "jquery";
import ClassDataProxy from "proxy/ClassDataProxy";
import ErrorApe from "./ErrorApe";
import MessageTypes from "../MessageTypes";
const adminListTit = `<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" class="t_box">
<tbody>
<tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6">
<th width="8%" class="tr_center">
课堂主题
</th>
<th width="8%" class="tr_center">
课堂号
</th>
<th width="8%" class="tr_center">
老师
</th>
<th width="8%" class="tr_center">
在线人数
</th>
<th width="8%" class="tr_center">
课堂时间
</th>
<th width="8%" class="tr_center">
课堂状态
</th>
<th width="10%" class="tr_center">
操作
</th>
</tr>
`;
//管理首页
const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6">
<td width="8%" class="tr_main tr_mainLeft">{_loginName}</td>
<td width="8%" class="tr_main">{_userName}</td>
<td width="8%" class="tr_main">{_course}</td>
<td width="8%" class="tr_main">{_totalNmu}</td>
<td width="8%" class="tr_main">
</td>
<td width="10%" class="tr_main tr_mainRight" align="center">
<a id="{_removeInd}" class="classHandlePort deleteClass" data="{_aboutMsg}" href="###">更改成员</a>
<a id="{_joinInd}" class="classHandlePort" href="###" data="{_aboutMsg}">删除</a>
</td>
</tr>
`;
const adminListEnd = `</tbody></table>`;
let loger = Loger.getLoger('PC-PartTimeTeachingApe');
class PartTimeTeachingApe extends Ape {
constructor() {
super();
this.isLocalStorage();
this.data = 0;
this.addEvent();
this.init();
}
init() {
$('#partTimeTeachingContent').on('click','.resolveBtn',this._switchresolveHandler.bind(this));
$('#partTimeTeachingList li').on('click',this._userClassListHandler.bind(this));//用户列表
$('#partTimeTeachingHomePage').on('click',this._homePageHandler.bind(this));//首页
$('#partTimeTeachingUpPage').on('click',this._upPageHandler.bind(this));//上页
$('#partTimeTeachingDownPage').on('click',this._downPageHandler.bind(this));//下页
$('#partTimeTeachingEndPage').on('click',this._endPageHandler.bind(this));//尾页
$('#partTimeTeachingSpecificPage').on('click',this._assignPageHandler.bind(this));//指定页
}
addEvent() {
}
isLocalStorage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_32){
$('#partTimeTeachingBox').show();
}
}
//兼课列表中解决状态
_switchresolveHandler(evt){
if($(evt.target).html() == '已解决'){
$(evt.target).addClass('classHandlePortCheck')
.html('待解决')
}else{
$(evt.target).removeClass('classHandlePortCheck')
.html('已解决')
}
}
_switchover(evt){
$(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck');
}
_userClassListHandler(evt){
this._switchover(evt);
this.userAdminHandler(1);
}
//首页
_homePageHandler(){
this.presentInd = 1;
this.userAdminHandler(this.presentInd);
}
//上页
_upPageHandler(){
if(this.presentInd >1){
this.presentInd--;
this.userAdminHandler(this.presentInd);
}
}
//下页
_downPageHandler(){
if(this.presentInd < this.pageNo){
this.presentInd++;
this.userAdminHandler(this.presentInd);
}
}
//尾页
_endPageHandler(){
this.presentInd = this.pageNo;
this.userAdminHandler(this.presentInd);
}
//指定页
_assignPageHandler(){
let inputVal = $('#classHandlerPageInfoInput3').val();
if(parseInt(inputVal) <= this.pageNo || parseInt(inputVal) >= 1 ){
this.userAdminHandler(parseInt(inputVal));
}
}
//用户管理 创建用户界面
userAdminHandler(ind){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/getUser';
let that = this;
let data = $('#userClassList3').find('.liveInfoLeftLiCheck').attr('data');
let dataInfo = {
siteId : ClassDataProxy.siteId,
userType : data
}
$.ajax({
type: "POST",
url: _url,
timeout:5000,
data:dataInfo,
headers: {siteId:ClassDataProxy.siteId,
pageno:7,
'page':ind,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
//获取课堂数据
if(_data && _data.code == 200){
//loger.log(_data,'创建用户界面用户列表数据')
that._gainUserClassData(_data.returnData.data);
}
},
error:function(error){
//alert('直播数据获取失败')
loger.log(error,'直播数据获取失败')
}
})
}
_gainUserClassData(_data){
let _dataList = _data.users;
let courseContent = $('#courseContent3');
courseContent.empty();
let count = _data.count;
let page = _data.page;
let pageno = _data.pageno;
let pagenum = Math.ceil(count / pageno);
this.pageNo = pagenum;
$('#classHandlerPageMsg3').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
courseContent.append(adminListTit);
if(_dataList){
if(count <= 7){
$('#classHandlerPageBox3').hide();
}
for(let i = 0;i<_dataList.length;i++){
let _adminList = this._format(adminList,{
_loginName : _dataList[i].loginName,
_userName : _dataList[i].userName,
_course : '暂无',
_totalNmu : '2',
_latest : '1',
_removeInd : 'classDoc'+i,
_joinInd : 'classMedia'+i,
_aboutMsg : _dataList[i].id
})
courseContent.append(_adminList);
}
courseContent.append(adminListEnd);
}
}
//工具类
_format(str, obj) {
return str.replace(/\{(\w+)\}/g, function (match, group, index) {
return obj[group];
});
};
}
export default PartTimeTeachingApe;
\ No newline at end of file
... ...
... ... @@ -153,7 +153,8 @@ class PlayRecordApe extends Ape {
}
},
error:function(error){
console.log(error,'失败')
that._gainUserClassDataErr();
console.log(error,'录制回放数据信息失败')
}
})
}
... ... @@ -164,8 +165,9 @@ class PlayRecordApe extends Ape {
let count = _data.count;
let page = _data.page;
let pageno = _data.pageno;
this.pageNo = pageno;
$('#classHandlerPageMsg5').html('第'+page+'页/共'+pageno+'页，有'+count+'个记录');
let pagenum = Math.ceil(count / pageno);
this.pageNo = pagenum;
$('#classHandlerPageMsg5').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
courseContent.append(adminListTit);
if(_dataList){
if(count <= 7){
... ... @@ -187,7 +189,20 @@ class PlayRecordApe extends Ape {
courseContent.append(adminListEnd);
}
}
_gainUserClassDataErr(){
let courseContent = $('#courseContent5');
courseContent.empty();
courseContent.append(adminListTit);
let _adminList = '<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6">' +
'<td class="tr_main tr_mainNone">' +
'该课堂暂无录制回放数据～'+
'</td>>'+
'</tr>'
courseContent.append(_adminList);
courseContent.append(adminListEnd);
}
//工具类
_format(str, obj) {
return str.replace(/\{(\w+)\}/g, function (match, group, index) {
... ...
... ... @@ -33,7 +33,6 @@ class SubscribeApe extends Ape {
let that = this;
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/studentMeeting/addStudentMeeting';
let status = $(evt.currentTarget).attr('data');
let id = $('#lanclassBox').attr('data');
this.id = id;
$.ajax({
type: "POST",
... ... @@ -43,12 +42,10 @@ class SubscribeApe extends Ape {
"status":parseInt(status),
"meetingId":id
},
headers: {siteId:'markettest',
headers: {siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
let arr = ['收藏成功！','预约成功！','报名成功！']
loger.log(_data,'预约信息')
loger.log(ClassDataProxy.loginName,'预约信息')
//获取课堂数据
if(_data && _data.code == 200){
loger.log(_data,'预约信息')
... ...
... ... @@ -92,7 +92,6 @@ class TeacherDetailApe extends Ape {
}
}
detailPage(){
loger.log('老师界面渲染')
let that = this;
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
$.ajax({
... ... @@ -100,10 +99,10 @@ class TeacherDetailApe extends Ape {
url: _url,
timeout:5000,
headers: {siteId:ClassDataProxy.siteId,
userType : 1,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
data:{siteId:ClassDataProxy.siteId},
success:function(_data){
loger.log('老师界面渲染数据',_data)
//获取课堂数据
if(_data && _data.code == 200){
that._gainClassData(_data);
... ... @@ -112,10 +111,17 @@ class TeacherDetailApe extends Ape {
},
error:function(error){
// alert('老师界面获取数据失败')
that._gainClassDataErr();
loger.log(error,'老师界面获取数据失败')
}
})
}
_gainClassDataErr(){
let classifyListContent = $('#classifyListContent');
classifyListContent.empty();
let _classifyList = '<div class="dataErrorTitle">数据获取失败～</div>'
classifyListContent.append(_classifyList)
}
//清除列表数据
_clearListContent(){
let classifyListContent = $('#classifyListContent');
... ...
... ... @@ -15,9 +15,11 @@ import LanclassApe from 'ape/LanclassApe';//互动课堂
import LiveClassApe from 'ape/LiveClassApe';//直播课堂
import HomeApe from 'ape/HomeApe';//首页
import TeacherDetailApe from 'ape/TeacherDetailApe';//老师
import PartTimeTeachingApe from 'ape/PartTimeTeachingApe';//兼课
import ManagementHomePageApe from 'ape/ManagementHomePageApe';//管理员首页
import CreateClassApe from 'ape/CreateClassApe';//创建课堂
import CreateUserApe from 'ape/CreateUserApe';//创建用户界面
import CreateGradeApe from 'ape/CreateGradeApe';//创建班级界面
import AboutClassApe from 'ape/AboutClassApe';//约课界面
import ListDetailsApe from 'ape/ListDetailsApe';//列表详情
import AdministratorApe from 'ape/AdministratorApe';//管理员
... ... @@ -36,9 +38,11 @@ let _lanclassApe;
let _liveClassApe;
let _homeApe;
let _teacherDetailApe;
let _partTimeTeachingApe;
let _managementHomePageApe;
let _createClassApe;
let _createUserApe;
let _createGradeApe;
let _aboutClassApe;
let _listDetailsApe;
let _administratorApe;
... ... @@ -48,7 +52,7 @@ let _subscribeApe;
class Main {
constructor() {
this.clientVersion="v1.7.5.20170908";
this.clientVersion="v1.7.6.20170908";
loger.warn("clientVersion:"+this.clientVersion);
let locationProtocol= location.protocol;
... ... @@ -68,7 +72,6 @@ class Main {
this.init();
//默认显示管理员首页
this.switchClass(0);
this.switchClass(3);
}
//获取地址栏参数
... ... @@ -142,6 +145,8 @@ class Main {
_homeApe.on(MessageTypes.HOME_SKIP,this.homeSkip.bind(this));
//老师
_teacherDetailApe = new TeacherDetailApe();
//兼课
_partTimeTeachingApe = new PartTimeTeachingApe();
//创建课堂
_managementHomePageApe = new ManagementHomePageApe();
//创建课堂
... ... @@ -149,6 +154,8 @@ class Main {
_createClassApe.on(MessageTypes.ADD_CLASS,this.addClass.bind(this));
//创建用户老师
_createUserApe = new CreateUserApe();
//创建班级
_createGradeApe = new CreateGradeApe();
//创建约课
_aboutClassApe = new AboutClassApe();
//列表详情
... ... @@ -214,6 +221,7 @@ class Main {
break;
case 2:
//班级管理
_createGradeApe.userAdminHandler(1);
break;
case 3:
//用户管理
... ... @@ -263,7 +271,6 @@ class Main {
ClassDataProxy.userEmail = userEmail;
ClassDataProxy.monicker = monicker;
ClassDataProxy.status = status;
loger.log('进入课堂时显示的type值',ClassDataProxy.userType)
switch (parseInt(userType)){
... ... @@ -281,6 +288,7 @@ class Main {
break;
case ClassDataProxy.USER_TYPE_32:
loger.log('兼课')
this.partTimeTeaching();
break;
default:
loger.log('游客')
... ... @@ -300,6 +308,7 @@ class Main {
$('#myCenterBox').hide();
$('#lanclassBox').hide();
$('#classifyListBox').hide();
$('#partTimeTeachingBox').hide();
$('#recordUl .recordLi').eq(0).addClass('recordLiCheck').siblings().removeClass('recordLiCheck');
$('.classManagementRight').eq(0).show().siblings().hide();
}
... ... @@ -312,8 +321,11 @@ class Main {
$('#androidDownload').hide();
$('#classManagementBox').hide();
$('#classifyListBox').hide();
$('#partTimeTeachingBox').hide();
$('#myCenterBox').show();
$('.myCenterContentBox').eq(0).show();
$('.myCenterContentBox').eq(0).show().siblings().hide();
$('#teacherMyCerter').show();
$('#studentMyCerter').hide();
$('.recordLi2').eq(0).addClass('recordLiCheck').siblings().removeClass('recordLiCheck');
}
_student(){
... ... @@ -324,9 +336,24 @@ class Main {
$('#teacherDetailBox').hide();
$('#lanclassBox').hide();
$('#myCenterBox').hide();
$('.myCenterContentBox').eq(0).show();
$('#partTimeTeachingBox').hide();
$('.myCenterContentBox').eq(0).show().siblings().hide();
$('#teacherMyCerter').hide();
$('#studentMyCerter').show();
$('.recordLi2').eq(0).addClass('recordLiCheck').siblings().removeClass('recordLiCheck');
}
partTimeTeaching(){
$('#slideshow').hide();
$('#defaultBox').hide();
$('.curriculumBox').hide();
$('#header_list').hide();
$('#header_seek').hide();
$('#androidDownload').hide();
$('#classManagementBox').hide();
$('#classifyListBox').hide();
$('#myCenterBox').hide();
$('#partTimeTeachingBox').show();
}
//获取国际化语言
_localConfig() {
let language = navigator.language || navigator.browserLanguage;
... ...
... ... @@ -176,40 +176,16 @@ class ClassDataProxy {
//结束时间
let oldTime = Date.parse(new Date(end))
if(newDate - oldTime > 0 ){
if(newDate - newTime < 0 && newDate - oldTime > 0){
console.log('正在直播')
return 0;
}else if(newDate < oldTime < 0){
return '正在直播';
}else if(newDate - oldTime < 0 && newTime - newDate > 0){
console.log('未开始')
return 1;
}else if(newDate - oldTime < 0){
return '未开始';
}else if(newDate - newDate > 0 && newDate - oldTime < 0 ){
console.log('已结束')
return 2;
return '已结束';
}
/*let newTime = new Date();
let newStart = new Date(start)
let date = newStart.getDate() - newTime.getDate();
let newHours = newStart.getHours();//小时
let oldHours = newTime.getHours();
let newMonth = newStart.getMonth()+1;//月
let oldMonth = newTime.getMonth()+1;
let newDate = newStart.getDate();//日
let newEndHours = oldHours <10 ? '0' + oldHours : oldHours;
let newStartHours = newHours <10 ? '0' + newHours : newHours;
let newStartDate = newStart.getDate()+1<10?'0'+newStart.getDate():newStart.getDate();
let newStartDay = newStart.getDay()<10?'0'+newStart.getDay():newStart.getDay();
if(date < 0){
return '结束了';
}else if( date > 0){
return '未结束';
}*/
}
//计算时间差值显示列表
static getTimeDifference(start,end){
... ... @@ -311,8 +287,8 @@ ClassDataProxy.curVideoQuality = 2;//画面质量 0-低;1-中;2-高;
ClassDataProxy.ssTunnelAppURL = '';//屏幕共享插件的地址
ClassDataProxy.locationProtocol="http://";
ClassDataProxy.locationProt = "192.168.31.8:3000";//端口
//ClassDataProxy.locationProt = "123.56.73.119:3000";//端口
//ClassDataProxy.locationProt = "192.168.31.8:3000";//端口
ClassDataProxy.locationProt = "123.56.73.119:3000";//端口
ClassDataProxy.locationProtDomain = "market.xuedianyun.com/";//端口
ClassDataProxy.SCENE_DOC=0;
... ...