董佳音 / networkSchool

转到一个项目
Toggle navigation Toggle navigation pinning
董佳音
c40e59f6 1 parent e16076aa dong1026-1 ... dev 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

修改老师端个人中心0921

内嵌 并排对比
正在显示 23 个修改的文件 包含 2911 行增加 和 179 行删除
... ... @@ -386,6 +386,7 @@ body{
height: 280px;
float: left;
background: #fff;
border-radius: 3px;
margin-right: 25px;
cursor: pointer;
margin-top:25px;
... ... @@ -1543,6 +1544,7 @@ body{
float: left;
width: 100%;
padding-top:5px;
padding-bottom:6px;
}
.teacherMyCenter2{
float: left;
... ...
... ... @@ -1401,7 +1401,8 @@
<img class="teacherMyCenterImg" src="images/u373.png" alt="">
<p class="teacherMyCenterInfoBox">
<span class="teacherMyCenterInfo" id="teacherMyCenterTime">上午好,</span>
<span class="teacherMyCenterInfo" id="teacherMyCenterName">小明同学</span>
<span id="teacherMyCenterName">小明同学</span>
<span id="teacherMyCenterStatus">小明同学</span>
</p>
</div>
<div class="teacherMyCenter2">
... ... @@ -1423,11 +1424,6 @@
<label class="myCenterTopRightTit">今日课程</label>
<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" data="1560071471">立即进入</button>
</li>
</ul>
</div>
<div class="teacherMyCerter" id="teacherMyCerter">
... ... @@ -1504,6 +1500,11 @@
<li class="liveInfoLeftLi" data="1">已学完</li>
<li class="liveInfoLeftLi" data="2">收藏</li>
</ul>
<ul class="liveInfoLeft" id="teacherLiveList">
<li class="liveInfoLeftLi liveInfoLeftLiCheck" data="0">正在直播</li>
<li class="liveInfoLeftLi" data="1">未开始</li>
<li class="liveInfoLeftLi" data="4">已结束</li>
</ul>
</div>
<div class="courseMinuteList" id="courseMinuteList">
<div class="courseMinuteListTimeTit">
... ...
... ... @@ -26,5 +26,8 @@ MessageTypes.ADD_CLASS= "add_class"; //创建课堂
//预约成功
MessageTypes.ORDER_FINISH= "order_finish"; //预约成功
//个人中心
MessageTypes.LOGIN_MYCENTER= "login_mycenter"; //预约成功
export default MessageTypes;
... ...
... ... @@ -151,7 +151,7 @@ class AboutClassApe extends Ape {
headers: {siteId:ClassDataProxy.siteId,
pageno:7,
'page':ind,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
//获取课堂数据
if(_data && _data.code == 200){
... ...
... ... @@ -70,7 +70,7 @@ class CollectApe extends Ape {
timeout:5000,
data : data,
headers: {siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
//获取我的课程数据
if(_data && _data.code == 200){
... ...
... ... @@ -91,7 +91,7 @@ class CreateClassApe extends Ape {
data:dataInfo,
headers: {siteId:ClassDataProxy.siteId,
pageno:7,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
//获取课堂数据
if(_data && _data.code == 200){
... ... @@ -268,7 +268,7 @@ class CreateClassApe extends Ape {
url : _url,
data : dateList,
timeout:5000,
headers: {'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
headers: {'token':ClassDataProxy.token},
success:function(_data){
loger.log('创建课堂成功',_data)
//获取课堂数据
... ...
... ... @@ -125,7 +125,7 @@ class CreateGradeApe extends Ape {
headers: {siteId:ClassDataProxy.siteId,
pageno:7,
'page':ind,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
//获取课堂数据
if(_data && _data.code == 200){
... ... @@ -192,7 +192,7 @@ class CreateGradeApe extends Ape {
type: "PUT",
url: _url,
headers: {siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
loger.log('删除成功',_data)
if(_data && _data.code == 200){
... ...
... ... @@ -136,7 +136,7 @@ class CreateUserApe extends Ape {
headers: {siteId:ClassDataProxy.siteId,
pageno:7,
'page':ind,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
//获取课堂数据
if(_data && _data.code == 200){
... ... @@ -288,7 +288,7 @@ class CreateUserApe extends Ape {
type: "PUT",
url: _url,
headers: {siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
loger.log('删除成功',_data)
if(_data && _data.code == 200){
... ...
... ... @@ -133,7 +133,7 @@ class HomeApe extends Ape {
timeout:5000,
data : data,
headers: {siteId:ClassDataProxy.siteId,pageno:num, page:ind,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
//获取我的课程数据
... ...
... ... @@ -65,7 +65,7 @@ class LanclassApe extends Ape {
timeout:5000,
headers: {'page':_ele.text(),
siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo',
'token':ClassDataProxy.token
},
data:{siteId:ClassDataProxy.siteId},
success:function(_data){
... ... @@ -92,7 +92,7 @@ class LanclassApe extends Ape {
timeout:5000,
data:{siteId:ClassDataProxy.siteId,meetingStatus:1},
headers: {siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
//获取课堂数据
if(_data && _data.code == 200){
... ...
... ... @@ -93,7 +93,7 @@ class ListDetailsApe extends Ape {
timeout:5000,
data : data,
headers: {siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
//获取我的课程数据
if(_data && _data.code == 200){
... ... @@ -174,7 +174,7 @@ class ListDetailsApe extends Ape {
$('#lanclassContentInfoPortrait').text();//老师授课老师头像
$('#lanclassContentInfoName').text(_dataList.create_user);//老师授课老师名字
$('#teacherInfoName').text(_dataList.create_user);//老师授课老师名字
$('#lanclassContentInfoTimeStart').text(_dataList.createTime);//老师授课开始时间
$('#lanclassContentInfoTimeStart').text(_dataList.beginTime);//老师授课开始时间
$('#lanclassContentInfoTimeEnd').text(_dataList.endTime);//老师授课结束时间
$('#collectYes');//老师授课是否收藏
$('#collectNo');//老师授课是否收藏
... ...
... ... @@ -65,7 +65,7 @@ class LiveClassApe extends Ape {
timeout:5000,
headers: {'page':_ele.text(),
siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo',
'token':ClassDataProxy.token
},
data:{siteId:ClassDataProxy.siteId},
success:function(_data){
... ... @@ -93,7 +93,7 @@ class LiveClassApe extends Ape {
timeout:5000,
data:{siteId:ClassDataProxy.siteId,meetingStatus:2},
headers: {siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
//获取课堂数据
if(_data && _data.code ==200){
... ...
... ... @@ -332,6 +332,7 @@ class LoginOrRegister extends Ape {
$('#teacherMyCenterName').text( ClassDataProxy.loginName);
this._userLoginAHandler();
this._emit(MessageTypes.LOGIN_IN,{userType: ClassDataProxy.userType});
this._emit(MessageTypes.LOGIN_MYCENTER);
}
updateChangeUser(_data){
... ...
... ... @@ -126,7 +126,7 @@ class ManagementHomePageApe extends Ape {
headers: {
page:ind,
pageno:8,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo',
'token':ClassDataProxy.token
},
success:function(_data){
if(_data && _data.code == 200){
... ...
... ... @@ -75,7 +75,7 @@ const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor=
`;
const adminListEnd = `</tbody></table>`;
//学生端显示老师信息 _teacherName
//学生端显示老师信息
const teacherInfoLeft = `
<div class="teacherCorrelatedInfoBox">
<div class="teacherCorrelatedInfoLeft">
... ... @@ -104,6 +104,7 @@ class MyCenterApe extends Ape {
this.dataList = {};
this.teacherList = {};
this.messageDetails = [];
this.presentInd = 1;//点击翻页默认为第一页
this._judgeListPlace();
this.addEvent();
this.init();
... ... @@ -113,9 +114,10 @@ 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));//直播分类 正在直播 未开始 已结束
$('#teacherInfoList li').on('click',this._teacherInfoListHandler.bind(this));//首页 老师 直播分类 正在直播 未开始 已结束
$('#studentInfoList li').on('click',this._studentInfoListHandler.bind(this));//首页 学生 待学习 已学完 收藏
$('#courseInfoList li').on('click',this._courseInfoListHandler.bind(this));//我的课程 学生 待学习 已学完 收藏
$('#teacherLiveList li').on('click',this._teacherLiveListHandler.bind(this));//我的课程 老师 正在直播 未开始 已结束
$('#subscribeList .liveInfoLeftLi').on('click',this._subscribeListHandler.bind(this));//课程 老师
... ... @@ -161,7 +163,6 @@ class MyCenterApe extends Ape {
$('#teacherMyCerterEndPage').on('click',this._endPageHandler.bind(this));//尾页
$('#teacherMyCerterSpecificPage').on('click',this._assignPageHandler.bind(this));//指定页
}
addEvent() {
... ... @@ -185,6 +186,7 @@ class MyCenterApe extends Ape {
}
//下页
_downPageHandler(){
loger.log('点击下一页')
if(this.presentInd < this.pageNo){
this.presentInd++;
this._teacherLiveModule(this.presentInd);
... ... @@ -231,7 +233,7 @@ class MyCenterApe extends Ape {
timeout:5000,
data : data,
headers: {siteId:ClassDataProxy.siteId,pageno:num, page:ind,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
//获取我的课程数据
... ... @@ -254,16 +256,15 @@ class MyCenterApe extends Ape {
}
})
}
_studentCurriculumInfo(data,num,callback){
_studentCurriculumInfo(num,callback){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/studentMeeting/getStudentMeetingByStudentId/'+ClassDataProxy.id;
let that = this;
$.ajax({
type: "GET",
url: _url,
timeout:5000,
data:data,
headers: {siteId:ClassDataProxy.siteId,pageno:num,id:ClassDataProxy.id,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
headers: {siteId:ClassDataProxy.siteId,pageno:num,id:ClassDataProxy.id,
'token':ClassDataProxy.token},
success:function(_data){
//获取我的课程数据
... ... @@ -294,6 +295,7 @@ class MyCenterApe extends Ape {
this._teacherLiveModule(1);
}
detailPageStudent(){
this._studentCourseModule();
//首页课程
let ind = $('#studentInfoList .liveInfoLeftLiCheck').attr('data');
let studentMyCenterContentList = $('#studentMyCenterContentList');
... ... @@ -324,17 +326,22 @@ class MyCenterApe extends Ape {
this.detailpage();
loger.log('登录老师首页',ClassDataProxy.userType , ClassDataProxy.USER_TYPE_1)
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
//首页默认数据
this.detailPageTeacher();
$('#teacherMyCenterName').text(ClassDataProxy.loginName+'老师');
// this.detailPageTeacher();
$('#teacherMyCenterName').text(ClassDataProxy.loginName);
$('#teacherMyCenterStatus').text('老师');
$('#teacherUI .recordLi').eq(2).hide();
$('#teacherMyCerter').show();
$('#studentMyCerter').hide();
$('#myCenterBox').show();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
//首页默认数据
this.detailPageStudent();
$('#teacherMyCenterName').text(ClassDataProxy.loginName+'同学');
// this.detailPageStudent();
$('#myCenterBox').show();
$('#teacherMyCenterName').text(ClassDataProxy.loginName);
$('#teacherMyCenterStatus').text('同学');
$('#teacherMyCerter').hide();
$('#studentMyCerter').show();
$('#teacherUI .recordLi').eq(2).show();
... ... @@ -385,27 +392,7 @@ class MyCenterApe extends Ape {
this.detailPageStudent();
}
}
//切换类的公用样式
commonality(evt){
$(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck');
}
_teacherInfoListHandler(evt){
this.commonality(evt);
}
//学生端 首页
_studentInfoListHandler(evt){
this.commonality(evt);
this.detailPageStudent();
}
//学生端 我的课程
_courseInfoListHandler(evt){
this.commonality(evt);
this.studentCourses();
}
_subscribeListHandler(evt){
this.commonality(evt);
this.studentBookings();
}
/*-------------------老师-------------------*/
//老师端首页课程显示
_teacherCourseModule(){
... ... @@ -413,7 +400,9 @@ class MyCenterApe extends Ape {
let that = this;
this._teacherCurriculumInfo(data,3,1,function(_data){
//首页今日课程渲染
that._teacherCourseCourse(_data.returnData.data.meetingInfo);
if(_data){
that._teacherCourseCourse(_data.returnData.data.meetingInfo);
}
})
}
//老师端首页课程数据渲染
... ... @@ -441,38 +430,29 @@ class MyCenterApe extends Ape {
}
//老师端首页直播数据
_teacherLiveModule(ind){
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName};
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName,meetingStatus:1};
let that = this;
this._teacherCurriculumInfo(data,4,ind,function(_data){
//首页直播信息渲染
that._teacherLiveCourse(_data.returnData.data);
if(_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)
loger.log('老师端信息想显示',_data)
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();
}
... ... @@ -480,7 +460,7 @@ class MyCenterApe extends Ape {
_meetingName : _dataList[i].meetingName,
_meetingNumber : _dataList[i].meetingNumber,
_create_user : _dataList[i].create_user,
_state : str,
_state : ClassDataProxy.getTimeEnd(_dataList[i].beginTime,_dataList[i].endTime),
_timer : _dataList[i].beginTime + '-' + _dataList[i].endTime,
_num : '0'
})
... ... @@ -496,23 +476,10 @@ class MyCenterApe extends Ape {
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();
}
... ... @@ -520,7 +487,7 @@ class MyCenterApe extends Ape {
_meetingName : _dataList[i].meetingName,
_meetingNumber : _dataList[i].meetingNumber,
_create_user : _dataList[i].create_user,
_state : str,
_state : ClassDataProxy.getTimeEnd(_dataList[i].beginTime,_dataList[i].endTime),
_timer : _dataList[i].beginTime + '-' + _dataList[i].endTime,
_num : '0'
})
... ... @@ -530,21 +497,24 @@ class MyCenterApe extends Ape {
}
/*---------------------------学生-----------------------*/
//学生端首页課程显示
_studentCourseModule(){
let that = this;
this._studentCurriculumInfo({},3,function(_data){
this._studentCurriculumInfo(3,function(_data){
that.studentCourseList(_data.returnData.data);
})
}
studentCourseList(_data){
if(_data){
loger.log('学生端首页课程信息',_data)
let myCurriculumInfo = $('#myCurriculumInfo');
myCurriculumInfo.empty();
let that = this;
if(_data) {
for (let i = 0; i < _data.length; i++) {
let item = _data[i];
let timer = ClassDataProxy.getTimeCountDown(item.meetingBeginTime)
let timer = ClassDataProxy.getTimeCountDown(item.meetingBeginTime,item.meetingEndTime)
loger.log('newTimenewTimenewTimenewTime',timer)
if (item) {
let curInfo = this._format(curriculumList, {
_infoTit: item.meeting_name,
... ... @@ -561,10 +531,10 @@ class MyCenterApe extends Ape {
}
}
}
//学生端首页学习数据
_studentStudyModule(studentMyCenterContentList){
let that = this;
this._studentCurriculumInfo({},4,function(_data){
this._studentCurriculumInfo(4,function(_data){
if(_data){
that.studentStudyList(studentMyCenterContentList,_data.returnData.data);
}
... ... @@ -597,7 +567,7 @@ class MyCenterApe extends Ape {
//已学完
_studentStudyOverModule(studentMyCenterContentList){
let that = this;
this._studentCurriculumInfo({},4,function(_data){
this._studentCurriculumInfo(4,function(_data){
that.studentStudyOverList(studentMyCenterContentList,_data.returnData.data);
})
}
... ... @@ -627,7 +597,7 @@ class MyCenterApe extends Ape {
}
_studenTcollectModule(studentMyCenterContentList){
let that = this;
this._studentCurriculumInfo({},4,function(_data){
this._studentCurriculumInfo(4,function(_data){
that.studentTcollectList(studentMyCenterContentList,_data.returnData.data);
})
}
... ... @@ -694,10 +664,9 @@ class MyCenterApe extends Ape {
url: _url,
timeout:5000,
headers: {siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
data:signInfo,
success:function(_data){
loger.log('修改信息',_data)
//获取个人信息数据
if(_data && _data.code == 200){
loger.log('修改信息成功',_data)
... ... @@ -719,7 +688,6 @@ class MyCenterApe extends Ape {
}
},
error:function(error){
// alert('老师界面获取数据失败')
loger.log(error,'修改信息失败')
}
})
... ... @@ -741,18 +709,15 @@ class MyCenterApe extends Ape {
//我的预约
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){
this._studentCurriculumInfo(12,function(_data){
if(_data){
if(data == '1'){
that._studentSubscribeTeacher(_data.returnData.data)
... ... @@ -826,19 +791,104 @@ class MyCenterApe extends Ape {
//我的课程
myCoursesMessage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
this.teacherCourses(1);
this.teacherCourses();
$('#courseInfoList').hide();
$('#teacherLiveList').show();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
this.studentCourses();
$('#courseInfoList').show();
$('#teacherLiveList').hide();
}
}
teacherCourses(){
let _index = $('#teacherLiveList .liveInfoLeftLiCheck').attr('data');
let courseMinuteList = $('#courseMinuteList');
switch (parseInt(_index)){
case 0:
//正在直播
loger.log('直播首页信息')
this.teacherNowLiveModule(1);
break;
case 1:
//未开始
this.teacherNoneLiveModule(1);
loger.log('直播首页信息1')
break;
case 2:
//已结束
break;
default:
return;
}
}
teacherCourses(ind){
teacherNowLiveModule(ind){
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName,meetingStatus:1};
let that = this;
this._teacherCurriculumInfo(data,12,ind,function(_data){
//首页直播信息渲染
if(_data){
// loger.log('首页直播信息渲染',_data)
that._teacherCourse(_data.returnData.data);
}
})
}
teacherNoneLiveModule(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);
if(_data){
that._teacherCourse(_data.returnData.data);
}
})
}
//老师端课程数据
_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)
}
}
}
}
//学生端 我的课程 切换
studentCourses(){
let ind = $('#courseInfoList .liveInfoLeftLiCheck').attr('data');
... ... @@ -864,7 +914,7 @@ class MyCenterApe extends Ape {
//学生端 我的课程 待学习
studentFutureModule(courseMinuteList){
let that = this;
this._studentCurriculumInfo({},12,function(_data){
this._studentCurriculumInfo(12,function(_data){
if(_data){
that._studentCourseRender(courseMinuteList,_data.returnData.data)
}
... ... @@ -923,7 +973,7 @@ class MyCenterApe extends Ape {
//学生端 我的课程 已学完
studentFormerlyModule(courseMinuteList){
let that = this;
this._studentCurriculumInfo({},12,function(_data){
this._studentCurriculumInfo(12,function(_data){
if(_data){
that._studentFormerlyRender(courseMinuteList,_data.returnData.data)
}
... ... @@ -980,8 +1030,7 @@ class MyCenterApe extends Ape {
//学生端 我的课程 收藏
studentCollectModule(courseMinuteList){
let that = this;
let data = {}
this._studentCurriculumInfo(data,12,function(_data){
this._studentCurriculumInfo(12,function(_data){
if(_data){
loger.log('显示收藏数据',_data)
that._studentCollectRender(courseMinuteList,_data.returnData.data)
... ... @@ -1070,19 +1119,8 @@ class MyCenterApe extends Ape {
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();
}
... ... @@ -1090,7 +1128,7 @@ class MyCenterApe extends Ape {
_meetingName : _dataList[i].meetingName,
_meetingNumber : _dataList[i].meetingNumber,
_create_user : _dataList[i].create_user,
_state : str,
_state : ClassDataProxy.getTimeEnd(_dataList[i].beginTime,_dataList[i].endTime),
_timer : _dataList[i].beginTime + '-' + _dataList[i].endTime,
_num : '0'
})
... ... @@ -1098,52 +1136,7 @@ class MyCenterApe extends Ape {
}
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)
}
}
}
}
//修改密码
_accountPassWordBtnHandler(){
... ... @@ -1169,12 +1162,15 @@ class MyCenterApe extends Ape {
$('#defaultBox').hide();
$('#classifyListBox').hide();
$('#lanclassBox').hide();
$('#liveContentAllBox').hide();
$('#lanclassAllBox').hide();
$('#teacherIntroAllBox').hide();
$('#teacherDetailBox').hide();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
}
$('#myCenterBox').show();
}
_updateInputYesHandler(evt){
let updateInput = $('#updateInput').val();
... ... @@ -1285,7 +1281,7 @@ class MyCenterApe extends Ape {
timeout:5000,
headers: {
siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'
'token':ClassDataProxy.token
},
data:{status:'5'},
success:function(_data){
... ... @@ -1323,6 +1319,32 @@ class MyCenterApe extends Ape {
}
}
}
//切换类的公用样式
commonality(evt){
$(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck');
}
_teacherInfoListHandler(evt){
this.commonality(evt);
}
//学生端 首页
_studentInfoListHandler(evt){
this.commonality(evt);
this.detailPageStudent();
}
//学生端 我的课程
_courseInfoListHandler(evt){
this.commonality(evt);
this.studentCourses();
}
//老师端 我的课程
_teacherLiveListHandler(evt){
this.commonality(evt);
this.teacherCourses();
}
_subscribeListHandler(evt){
this.commonality(evt);
this.studentBookings();
}
//工具类
_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 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 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 {
constructor() {
super();
this.isLocalStorage();
this.data = 0;
this.dataList = {};
this.teacherList = {};
this.messageDetails = [];
this.presentInd = 1;//点击翻页默认为第一页
this._judgeListPlace();
this.addEvent();
// this.init();
}
init() {
$('#personageInfo').on('click',this._myCenterBoxHandler.bind(this));//个人中心
$('#teacherUI li').on('click',this._recordLiHandler.bind(this));//课堂分类
$('#teacherInfoList li').on('click',this._teacherInfoListHandler.bind(this));//首页 老师 直播分类 正在直播 未开始 已结束
$('#studentInfoList li').on('click',this._studentInfoListHandler.bind(this));//首页 学生 待学习 已学完 收藏
$('#courseInfoList li').on('click',this._courseInfoListHandler.bind(this));//我的课程 学生 待学习 已学完 收藏
$('#teacherLiveList li').on('click',this._teacherLiveListHandler.bind(this));//我的课程 老师 正在直播 未开始 已结束
$('#subscribeList .liveInfoLeftLi').on('click',this._subscribeListHandler.bind(this));//课程 老师
$('#updateInputYes').on('click',this._updateInputYesHandler.bind(this));//确定时把输入的信息存入数据中
$('#accountInfoSaveBtn').on('click',this._accountInfoSaveBtnHandler.bind(this));//更新用户信息按钮
$('#updateInputBoxA').on('click',this._hideInputBox.bind(this));//关闭弹框
$('#updateInputNo').on('click',this._hideInputBox.bind(this));//关闭弹框
//修改账户信息
$('#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() {
}
//首页
_createClassHomePage(){
this._teacherLiveModule(1);
}
//首页
_homePageHandler(){
this.presentInd = 1;
this._teacherLiveModule(this.presentInd);
}
//上页
_upPageHandler(){
if(this.presentInd > 1){
this.presentInd--;
this._teacherLiveModule(this.presentInd);
}
}
//下页
_downPageHandler(){
loger.log('点击下一页')
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 : data,
headers: {siteId:ClassDataProxy.siteId,pageno:num, page:ind,
'token':ClassDataProxy.token},
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,'直播数据获取失败')
}
})
}
_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':ClassDataProxy.token},
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();
//首页课程
let ind = $('#studentInfoList .liveInfoLeftLiCheck').attr('data');
let studentMyCenterContentList = $('#studentMyCenterContentList');
switch (parseInt(ind)){
case 0:
//待学习
this._studentStudyModule(studentMyCenterContentList);
break;
case 1:
//已学完
this._studentStudyOverModule(studentMyCenterContentList);
break;
case 2:
//收藏
this._studenTcollectModule(studentMyCenterContentList);
break;
default:
return;
}
}
isLocalStorage(){
let newDate = new Date();
let newHours = newDate.getHours();
let text = newHours>12?'下午好,':'上午好,'
$('#teacherMyCenterTime').text(text);
// this.detailpage();
loger.log('登录老师首页',ClassDataProxy.userType , ClassDataProxy.USER_TYPE_1)
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
//首页默认数据
// this.detailPageTeacher();
$('#teacherMyCenterName').text(ClassDataProxy.loginName);
$('#teacherMyCenterStatus').text('老师');
$('#teacherUI .recordLi').eq(2).hide();
$('#teacherMyCerter').show();
$('#studentMyCerter').hide();
$('#myCenterBox').show();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
//首页默认数据
// this.detailPageStudent();
$('#myCenterBox').show();
$('#teacherMyCenterName').text(ClassDataProxy.loginName);
$('#teacherMyCenterStatus').text('同学');
$('#teacherMyCerter').hide();
$('#studentMyCerter').show();
$('#teacherUI .recordLi').eq(2).show();
}
$('#lanclassBox').hide();
$('#oneselfInfoLoginName').val( ClassDataProxy.loginName);//登录名
$('#oneselfInfoUserName').val(ClassDataProxy.monicker);//用户名
let setMail = $('#setMail');//邮箱
let setPhone = $('#setPhone');//手机号
let userEmail = this.updateEmail(ClassDataProxy.userEmail);
let userMobile = this.updateMobile(ClassDataProxy.userMobile);
setMail.attr('data',ClassDataProxy.userEmail);
setPhone.attr('data',ClassDataProxy.userMobile);
setMail.html(userEmail)
setPhone.html(userMobile)
}
_recordLiHandler(evt){
let ind = $(evt.currentTarget).attr('data');
$(evt.currentTarget).addClass('recordLiCheck').siblings().removeClass('recordLiCheck');
$('.myCenterContentBox').eq(ind).show().siblings().hide();
switch (parseInt(ind)){
case 0:
//首页
this.detailpage();
break;
case 1:
//我的课程
this.myCoursesMessage();
break;
case 2:
//我的预约
this.myBookingsMessage();
break;
case 3:
//个人信息
this._updatMessage();
break;
default:
return;
}
}
detailpage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
//this.detailPageTeacher();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
// this.detailPageStudent();
}
}
/*-------------------老师-------------------*/
//老师端首页课程显示
_teacherCourseModule(){
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName};
let that = this;
this._teacherCurriculumInfo(data,3,1,function(_data){
//首页今日课程渲染
if(_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,meetingStatus:1};
let that = this;
this._teacherCurriculumInfo(data,4,ind,function(_data){
//首页直播信息渲染
if(_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('老师端信息想显示',_data)
this.pageNo = pagenum;
$('#teacherMyCerterPageMsg').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
teacherMyCenterContentList.append(adminListTit)
for(let i = 0;i<_dataList.length;i++){
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 : ClassDataProxy.getTimeEnd(_dataList[i].beginTime,_dataList[i].endTime),
_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;
this.pageNo = pagenum;
$('#teacherMyCerterPageMsg').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
courseMinuteList.append(adminListTit)
for(let i = 0;i<_dataList.length;i++){
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 : ClassDataProxy.getTimeEnd(_dataList[i].beginTime,_dataList[i].endTime),
_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){
loger.log('学生端首页课程信息',_data)
let myCurriculumInfo = $('#myCurriculumInfo');
myCurriculumInfo.empty();
let that = this;
if(_data) {
for (let i = 0; i < _data.length; i++) {
let item = _data[i];
let timer = ClassDataProxy.getTimeCountDown(item.meetingBeginTime,item.meetingEndTime)
loger.log('newTimenewTimenewTimenewTime',timer)
if (item) {
let curInfo = this._format(curriculumList, {
_infoTit: item.meeting_name,
_meetingNumber: item.meetingNumber,
_countDown:timer ,
_isShow: (timer == '已结束') ? 'none' : 'block'
})
myCurriculumInfo.append(curInfo);
} else {
console.error('_gainClassData没数据')
}
}
}
}
}
//学生端首页学习数据
_studentStudyModule(studentMyCenterContentList){
let that = this;
this._studentCurriculumInfo(4,function(_data){
if(_data){
that.studentStudyList(studentMyCenterContentList,_data.returnData.data);
}
})
}
studentStudyList(studentMyCenterContentList,_data){
studentMyCenterContentList.empty();
$('#courseMinutePageBox').hide();
for(let i = 0;i<_data.length;i++){
if(_data[i]){
if(ClassDataProxy.getTimeDay(_data[i].meetingBeginTime)){
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没数据')
}
}
}
//已学完
_studentStudyOverModule(studentMyCenterContentList){
let that = this;
this._studentCurriculumInfo(4,function(_data){
that.studentStudyOverList(studentMyCenterContentList,_data.returnData.data);
})
}
studentStudyOverList(studentMyCenterContentList,_data){
studentMyCenterContentList.empty();
$('#courseMinutePageBox').hide();
for(let i = 0;i<_data.length;i++){
if(_data[i]){
if(!ClassDataProxy.getTimeDay(_data[i].meetingBeginTime)){
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没数据')
}
}
}
_studenTcollectModule(studentMyCenterContentList){
let that = this;
this._studentCurriculumInfo(4,function(_data){
that.studentTcollectList(studentMyCenterContentList,_data.returnData.data);
})
}
studentTcollectList(studentMyCenterContentList,_data){
studentMyCenterContentList.empty();
$('#courseMinutePageBox').hide();
/* for(let i = 0;i<_data.length;i++){
if(_data[i]){
if(!ClassDataProxy.getTimeDay(_data[i].meetingBeginTime)){
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
let loginName = ClassDataProxy.loginName;//登录名
let userMobile = ClassDataProxy.userMobile;//手机号
let userEmail = ClassDataProxy.userEmail;//邮箱
let monicker = ClassDataProxy.monicker;//用户名
let passWord = ClassDataProxy.password;//密码
let oneselfInfoLoginName = $('#oneselfInfoLoginName').val();//登录名
let oneselfInfoUserName = $('#oneselfInfoUserName').val();//用户名
let oneselfInfoMan = $('#oneselfInfoMan');//性别
let setPassWord = $('#setPassWord').attr('data');//密码
let setMail = $('#setMail').attr('data');//邮箱
let setPhone = $('#setPhone').attr('data');//手机号
let signInfo = {};
if(oneselfInfoLoginName != loginName){
signInfo.loginName = oneselfInfoLoginName;
}
if(oneselfInfoUserName != monicker){
signInfo.userName = oneselfInfoUserName;
}
if(!setPassWord){
// signInfo.loginName = oneselfInfoLoginName;
}
if(setMail != userEmail){
signInfo.userEmail = setMail;
}
if(setPhone != userMobile){
signInfo.userMobile = setPhone;
}
let that = this;
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/updateUserByUserId/' + id;
$.ajax({
type: "PUT",
url: _url,
timeout:5000,
headers: {siteId:ClassDataProxy.siteId,
'token':ClassDataProxy.token},
data:signInfo,
success:function(_data){
//获取个人信息数据
if(_data && _data.code == 200){
loger.log('修改信息成功',_data)
ErrorApe.showWarnError('修改信息成功');
ClassDataProxy.loginName =_data.returnData.data.loginName;
ClassDataProxy.monicker = _data.returnData.data.userName;
ClassDataProxy.userEmail = _data.returnData.data.userEmail;
ClassDataProxy.userMobile = _data.returnData.data.userMobile;
window.localStorage.setItem('loginName', ClassDataProxy.loginName);
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{
ErrorApe.showWarnError(_data.returnData.data.msg);
}
},
error:function(error){
loger.log(error,'修改信息失败')
}
})
}
clearLocalStorage(){
window.localStorage.clear();
ClassDataProxy.userType = ClassDataProxy.USER_TYPE_0;
ClassDataProxy.loginName ="";
ClassDataProxy.password =""
ClassDataProxy.token ="";
ClassDataProxy.status = false;
}
//个人信息
_updatMessage(){
$('#oneselfInfoLoginName').val( ClassDataProxy.loginName);//登录名
$('#oneselfInfoUserName').val(ClassDataProxy.monicker);//用户名
}
//我的预约
myBookingsMessage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
this.studentBookings();
}
}
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();
$('#courseInfoList').hide();
$('#teacherLiveList').show();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
this.studentCourses();
$('#courseInfoList').show();
$('#teacherLiveList').hide();
}
}
teacherCourses(){
let _index = $('#teacherLiveList .liveInfoLeftLiCheck').attr('data');
let courseMinuteList = $('#courseMinuteList');
switch (parseInt(_index)){
case 0:
//正在直播
loger.log('直播首页信息')
this.teacherNowLiveModule(1);
break;
case 1:
//未开始
this.teacherNoneLiveModule(1);
loger.log('直播首页信息1')
break;
case 2:
//已结束
break;
default:
return;
}
}
teacherNowLiveModule(ind){
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName,meetingStatus:1};
let that = this;
this._teacherCurriculumInfo(data,12,ind,function(_data){
//首页直播信息渲染
if(_data){
// loger.log('首页直播信息渲染',_data)
that._teacherCourse(_data.returnData.data);
}
})
}
teacherNoneLiveModule(ind){
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName};
let that = this;
this._teacherCurriculumInfo(data,12,ind,function(_data){
//首页直播信息渲染
if(_data){
that._teacherCourse(_data.returnData.data);
}
})
}
//老师端课程数据
_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)
}
}
}
}
//学生端 我的课程 切换
studentCourses(){
let ind = $('#courseInfoList .liveInfoLeftLiCheck').attr('data');
let courseMinuteList = $('#courseMinuteList');
switch (parseInt(ind)){
case 0:
//待学习
this.studentFutureModule(courseMinuteList);
break;
case 1:
//已学完
this.studentFormerlyModule(courseMinuteList);
break;
case 2:
//收藏
this.studentCollectModule(courseMinuteList);
break;
default:
return;
}
}
//学生端 我的课程 待学习
studentFutureModule(courseMinuteList){
let that = this;
this._studentCurriculumInfo(12,function(_data){
if(_data){
that._studentCourseRender(courseMinuteList,_data.returnData.data)
}
});
}
//学生端课程数据 待学习
_studentCourseRender(courseMinuteList,_data){
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={};
//if(ClassDataProxy.getTimeDay(_data[i].meetingBeginTime)){
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){
if(ClassDataProxy.getTimeDay(key)){
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)
}
}
}
}
}
//学生端 我的课程 已学完
studentFormerlyModule(courseMinuteList){
let that = this;
this._studentCurriculumInfo(12,function(_data){
if(_data){
that._studentFormerlyRender(courseMinuteList,_data.returnData.data)
}
});
}
//学生端课程数据 已学完
_studentFormerlyRender(courseMinuteList,_data){
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){
if(!ClassDataProxy.getTimeDay(key)){
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)
}
}
}
}
}
//学生端 我的课程 收藏
studentCollectModule(courseMinuteList){
let that = this;
this._studentCurriculumInfo(12,function(_data){
if(_data){
loger.log('显示收藏数据',_data)
that._studentCollectRender(courseMinuteList,_data.returnData.data)
}
});
}
//学生端课程数据 收藏
_studentCollectRender(courseMinuteList,_data){
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){
if(!ClassDataProxy.getTimeDay(key)){
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)
}
}
}
}
}
//老师端首页显示课程
_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++){
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 : ClassDataProxy.getTimeEnd(_dataList[i].beginTime,_dataList[i].endTime),
_timer : _dataList[i].beginTime + '-' + _dataList[i].endTime,
_num : '0'
})
teacherMyCenterContentList.append(_adminList)
}
teacherMyCenterContentList.append(adminListEnd)
}
//修改密码
_accountPassWordBtnHandler(){
this.data = 0;
this._showInputBox(this.data);
}
//修改邮箱
_accountEmailBtnHandler(){
this.data = 1;
this._showInputBox(this.data);
}
//修改手机号
_accountMobilelBtnHandler(){
this.data = 2;
this._showInputBox(this.data);
}
_myCenterBoxHandler(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_2){
return;
}
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
$('#slideshow').hide();
$('#defaultBox').hide();
$('#classifyListBox').hide();
$('#lanclassBox').hide();
$('#liveContentAllBox').hide();
$('#lanclassAllBox').hide();
$('#teacherIntroAllBox').hide();
$('#teacherDetailBox').hide();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
}
$('#myCenterBox').show();
}
_updateInputYesHandler(evt){
let updateInput = $('#updateInput').val();
switch (parseInt(this.data)){
case 0:
//密码
let reg = /^[0-9a-zA-Z]{8,12}$/;
if(!updateInput || !(reg.test(updateInput))){
ErrorApe.showWarnError('密码格式不正确，请重新输入');
return;
}
$('#setPassWord').attr('data',updateInput);
this._hideInputBox();
break;
case 1:
//邮箱
let filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(!updateInput || !(filter.test(updateInput))){
ErrorApe.showWarnError('邮箱格式不正确，请重新输入');
return;
}
$('#setMail').attr('data',updateInput);
$('#setMail').html(this.updateEmail(updateInput))
this._hideInputBox();
break;
case 2:
//手机号
let reg1 = /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\\d{8}$/;
let regPhone = "^1[3|4|5|8][0-9]\\d{8}$";
let re = new RegExp(regPhone);
if(!updateInput || !(re.test(updateInput))){
ErrorApe.showWarnError('手机格式不正确，请重新输入');
return;
}
$('#setPhone').attr('data',updateInput);
$('#setPhone').html(this.updateMobile(updateInput))
this._hideInputBox();
break;
default:
return;
}
}
_hideInputBox(){
$('#updateInput').val('');
$('#updateInputShade').hide();
}
_showInputBox(ind){
let arr = ['请输入新密码 :','请输入新邮箱 :','请输入新手机号 :']
$('#updateInputShade').show();
$('#updateInputText').text(arr[ind])
}
updateEmail(userEmail){
return userEmail.replace(/(\d{2})\d{2}(\d{1})/, '$1****$2')
}
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':ClassDataProxy.token
},
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');
}
}
}
//切换类的公用样式
commonality(evt){
$(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck');
}
_teacherInfoListHandler(evt){
this.commonality(evt);
}
//学生端 首页
_studentInfoListHandler(evt){
this.commonality(evt);
this.detailPageStudent();
}
//学生端 我的课程
_courseInfoListHandler(evt){
this.commonality(evt);
this.studentCourses();
}
//老师端 我的课程
_teacherLiveListHandler(evt){
this.commonality(evt);
this.teacherCourses();
}
_subscribeListHandler(evt){
this.commonality(evt);
this.studentBookings();
}
//工具类
_format(str, obj) {
return str.replace(/\{(\w+)\}/g, function (match, group, index) {
return obj[group];
});
};
}
export default MyCenterApe;
\ No newline at end of file
... ...
//*
// 首页模块
// */
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 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>`;
//学生端显示老师信息
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 {
constructor() {
super();
this.isLocalStorage();
this.data = 0;
this.dataList = {};
this.teacherList = {};
this.messageDetails = [];
this.presentInd = 1;//点击翻页默认为第一页
this._judgeListPlace();
this.addEvent();
// this.init();
}
init() {
$('#teacherUI li').on('click',this._recordLiHandler.bind(this));//课堂分类
$('#teacherInfoList li').on('click',this._teacherInfoListHandler.bind(this));//首页 老师 直播分类 正在直播 未开始 已结束
$('#studentInfoList li').on('click',this._studentInfoListHandler.bind(this));//首页 学生 待学习 已学完 收藏
$('#courseInfoList li').on('click',this._courseInfoListHandler.bind(this));//我的课程 学生 待学习 已学完 收藏
$('#teacherLiveList li').on('click',this._teacherLiveListHandler.bind(this));//我的课程 老师 正在直播 未开始 已结束
$('#subscribeList .liveInfoLeftLi').on('click',this._subscribeListHandler.bind(this));//课程 老师
$('#updateInputYes').on('click',this._updateInputYesHandler.bind(this));//确定时把输入的信息存入数据中
$('#accountInfoSaveBtn').on('click',this._accountInfoSaveBtnHandler.bind(this));//更新用户信息按钮
$('#updateInputBoxA').on('click',this._hideInputBox.bind(this));//关闭弹框
$('#updateInputNo').on('click',this._hideInputBox.bind(this));//关闭弹框
//修改账户信息
$('#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() {
}
//首页
_createClassHomePage(){
this._teacherLiveModule(1);
}
//首页
_homePageHandler(){
this.presentInd = 1;
this._teacherLiveModule(this.presentInd);
}
//上页
_upPageHandler(){
if(this.presentInd > 1){
this.presentInd--;
this._teacherLiveModule(this.presentInd);
}
}
//下页
_downPageHandler(){
loger.log('点击下一页')
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 : data,
headers: {siteId:ClassDataProxy.siteId,pageno:num, page:ind,
'token':ClassDataProxy.token},
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,'直播数据获取失败')
}
})
}
_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':ClassDataProxy.token},
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();
//首页课程
let ind = $('#studentInfoList .liveInfoLeftLiCheck').attr('data');
let studentMyCenterContentList = $('#studentMyCenterContentList');
switch (parseInt(ind)){
case 0:
//待学习
this._studentStudyModule(studentMyCenterContentList);
break;
case 1:
//已学完
this._studentStudyOverModule(studentMyCenterContentList);
break;
case 2:
//收藏
this._studenTcollectModule(studentMyCenterContentList);
break;
default:
return;
}
}
isLocalStorage(){
let newDate = new Date();
let newHours = newDate.getHours();
let text = newHours>12?'下午好,':'上午好,'
$('#teacherMyCenterTime').text(text);
// this.detailpage();
loger.log('登录老师首页',ClassDataProxy.userType , ClassDataProxy.USER_TYPE_1)
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
//首页默认数据
// this.detailPageTeacher();
$('#teacherMyCenterName').text(ClassDataProxy.loginName);
$('#teacherMyCenterStatus').text('老师');
$('#teacherUI .recordLi').eq(2).hide();
$('#teacherMyCerter').show();
$('#studentMyCerter').hide();
$('#myCenterBox').show();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
//首页默认数据
// this.detailPageStudent();
$('#myCenterBox').show();
$('#teacherMyCenterName').text(ClassDataProxy.loginName);
$('#teacherMyCenterStatus').text('同学');
$('#teacherMyCerter').hide();
$('#studentMyCerter').show();
$('#teacherUI .recordLi').eq(2).show();
}
$('#lanclassBox').hide();
$('#oneselfInfoLoginName').val( ClassDataProxy.loginName);//登录名
$('#oneselfInfoUserName').val(ClassDataProxy.monicker);//用户名
let setMail = $('#setMail');//邮箱
let setPhone = $('#setPhone');//手机号
let userEmail = this.updateEmail(ClassDataProxy.userEmail);
let userMobile = this.updateMobile(ClassDataProxy.userMobile);
setMail.attr('data',ClassDataProxy.userEmail);
setPhone.attr('data',ClassDataProxy.userMobile);
setMail.html(userEmail)
setPhone.html(userMobile)
}
_recordLiHandler(evt){
let ind = $(evt.currentTarget).attr('data');
$(evt.currentTarget).addClass('recordLiCheck').siblings().removeClass('recordLiCheck');
$('.myCenterContentBox').eq(ind).show().siblings().hide();
switch (parseInt(ind)){
case 0:
//首页
this.detailpage();
break;
case 1:
//我的课程
this.myCoursesMessage();
break;
case 2:
//我的预约
this.myBookingsMessage();
break;
case 3:
//个人信息
this._updatMessage();
break;
default:
return;
}
}
detailpage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
//this.detailPageTeacher();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
// this.detailPageStudent();
}
}
/*-------------------老师-------------------*/
//老师端首页课程显示
_teacherCourseModule(){
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName};
let that = this;
this._teacherCurriculumInfo(data,3,1,function(_data){
//首页今日课程渲染
if(_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,meetingStatus:1};
let that = this;
this._teacherCurriculumInfo(data,4,ind,function(_data){
//首页直播信息渲染
if(_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('老师端信息想显示',_data)
this.pageNo = pagenum;
$('#teacherMyCerterPageMsg').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
teacherMyCenterContentList.append(adminListTit)
for(let i = 0;i<_dataList.length;i++){
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 : ClassDataProxy.getTimeEnd(_dataList[i].beginTime,_dataList[i].endTime),
_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;
this.pageNo = pagenum;
$('#teacherMyCerterPageMsg').html('第'+page+'页/共'+pagenum+'页，有'+count+'个记录');
courseMinuteList.append(adminListTit)
for(let i = 0;i<_dataList.length;i++){
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 : ClassDataProxy.getTimeEnd(_dataList[i].beginTime,_dataList[i].endTime),
_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){
loger.log('学生端首页课程信息',_data)
let myCurriculumInfo = $('#myCurriculumInfo');
myCurriculumInfo.empty();
let that = this;
if(_data) {
for (let i = 0; i < _data.length; i++) {
let item = _data[i];
let timer = ClassDataProxy.getTimeCountDown(item.meetingBeginTime,item.meetingEndTime)
loger.log('newTimenewTimenewTimenewTime',timer)
if (item) {
let curInfo = this._format(curriculumList, {
_infoTit: item.meeting_name,
_meetingNumber: item.meetingNumber,
_countDown:timer ,
_isShow: (timer == '已结束') ? 'none' : 'block'
})
myCurriculumInfo.append(curInfo);
} else {
console.error('_gainClassData没数据')
}
}
}
}
}
//学生端首页学习数据
_studentStudyModule(studentMyCenterContentList){
let that = this;
this._studentCurriculumInfo(4,function(_data){
if(_data){
that.studentStudyList(studentMyCenterContentList,_data.returnData.data);
}
})
}
studentStudyList(studentMyCenterContentList,_data){
studentMyCenterContentList.empty();
$('#courseMinutePageBox').hide();
for(let i = 0;i<_data.length;i++){
if(_data[i]){
if(ClassDataProxy.getTimeDay(_data[i].meetingBeginTime)){
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没数据')
}
}
}
//已学完
_studentStudyOverModule(studentMyCenterContentList){
let that = this;
this._studentCurriculumInfo(4,function(_data){
that.studentStudyOverList(studentMyCenterContentList,_data.returnData.data);
})
}
studentStudyOverList(studentMyCenterContentList,_data){
studentMyCenterContentList.empty();
$('#courseMinutePageBox').hide();
for(let i = 0;i<_data.length;i++){
if(_data[i]){
if(!ClassDataProxy.getTimeDay(_data[i].meetingBeginTime)){
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没数据')
}
}
}
_studenTcollectModule(studentMyCenterContentList){
let that = this;
this._studentCurriculumInfo(4,function(_data){
that.studentTcollectList(studentMyCenterContentList,_data.returnData.data);
})
}
studentTcollectList(studentMyCenterContentList,_data){
studentMyCenterContentList.empty();
$('#courseMinutePageBox').hide();
/* for(let i = 0;i<_data.length;i++){
if(_data[i]){
if(!ClassDataProxy.getTimeDay(_data[i].meetingBeginTime)){
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
let loginName = ClassDataProxy.loginName;//登录名
let userMobile = ClassDataProxy.userMobile;//手机号
let userEmail = ClassDataProxy.userEmail;//邮箱
let monicker = ClassDataProxy.monicker;//用户名
let passWord = ClassDataProxy.password;//密码
let oneselfInfoLoginName = $('#oneselfInfoLoginName').val();//登录名
let oneselfInfoUserName = $('#oneselfInfoUserName').val();//用户名
let oneselfInfoMan = $('#oneselfInfoMan');//性别
let setPassWord = $('#setPassWord').attr('data');//密码
let setMail = $('#setMail').attr('data');//邮箱
let setPhone = $('#setPhone').attr('data');//手机号
let signInfo = {};
if(oneselfInfoLoginName != loginName){
signInfo.loginName = oneselfInfoLoginName;
}
if(oneselfInfoUserName != monicker){
signInfo.userName = oneselfInfoUserName;
}
if(!setPassWord){
// signInfo.loginName = oneselfInfoLoginName;
}
if(setMail != userEmail){
signInfo.userEmail = setMail;
}
if(setPhone != userMobile){
signInfo.userMobile = setPhone;
}
let that = this;
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/updateUserByUserId/' + id;
$.ajax({
type: "PUT",
url: _url,
timeout:5000,
headers: {siteId:ClassDataProxy.siteId,
'token':ClassDataProxy.token},
data:signInfo,
success:function(_data){
//获取个人信息数据
if(_data && _data.code == 200){
loger.log('修改信息成功',_data)
ErrorApe.showWarnError('修改信息成功');
ClassDataProxy.loginName =_data.returnData.data.loginName;
ClassDataProxy.monicker = _data.returnData.data.userName;
ClassDataProxy.userEmail = _data.returnData.data.userEmail;
ClassDataProxy.userMobile = _data.returnData.data.userMobile;
window.localStorage.setItem('loginName', ClassDataProxy.loginName);
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{
ErrorApe.showWarnError(_data.returnData.data.msg);
}
},
error:function(error){
loger.log(error,'修改信息失败')
}
})
}
clearLocalStorage(){
window.localStorage.clear();
ClassDataProxy.userType = ClassDataProxy.USER_TYPE_0;
ClassDataProxy.loginName ="";
ClassDataProxy.password =""
ClassDataProxy.token ="";
ClassDataProxy.status = false;
}
//个人信息
_updatMessage(){
$('#oneselfInfoLoginName').val( ClassDataProxy.loginName);//登录名
$('#oneselfInfoUserName').val(ClassDataProxy.monicker);//用户名
}
//我的预约
myBookingsMessage(){
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
this.studentBookings();
}
}
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();
$('#courseInfoList').hide();
$('#teacherLiveList').show();
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
this.studentCourses();
$('#courseInfoList').show();
$('#teacherLiveList').hide();
}
}
teacherCourses(){
let _index = $('#teacherLiveList .liveInfoLeftLiCheck').attr('data');
let courseMinuteList = $('#courseMinuteList');
switch (parseInt(_index)){
case 0:
//正在直播
loger.log('直播首页信息')
this.teacherNowLiveModule(1);
break;
case 1:
//未开始
this.teacherNoneLiveModule(1);
loger.log('直播首页信息1')
break;
case 2:
//已结束
break;
default:
return;
}
}
teacherNowLiveModule(ind){
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName,meetingStatus:1};
let that = this;
this._teacherCurriculumInfo(data,12,ind,function(_data){
//首页直播信息渲染
if(_data){
// loger.log('首页直播信息渲染',_data)
that._teacherCourse(_data.returnData.data);
}
})
}
teacherNoneLiveModule(ind){
let data = {siteId:ClassDataProxy.siteId,create_user : ClassDataProxy.loginName};
let that = this;
this._teacherCurriculumInfo(data,12,ind,function(_data){
//首页直播信息渲染
if(_data){
that._teacherCourse(_data.returnData.data);
}
})
}
//老师端课程数据
_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)
}
}
}
}
//学生端 我的课程 切换
studentCourses(){
let ind = $('#courseInfoList .liveInfoLeftLiCheck').attr('data');
let courseMinuteList = $('#courseMinuteList');
switch (parseInt(ind)){
case 0:
//待学习
this.studentFutureModule(courseMinuteList);
break;
case 1:
//已学完
this.studentFormerlyModule(courseMinuteList);
break;
case 2:
//收藏
this.studentCollectModule(courseMinuteList);
break;
default:
return;
}
}
//学生端 我的课程 待学习
studentFutureModule(courseMinuteList){
let that = this;
this._studentCurriculumInfo(12,function(_data){
if(_data){
that._studentCourseRender(courseMinuteList,_data.returnData.data)
}
});
}
//学生端课程数据 待学习
_studentCourseRender(courseMinuteList,_data){
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={};
//if(ClassDataProxy.getTimeDay(_data[i].meetingBeginTime)){
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){
if(ClassDataProxy.getTimeDay(key)){
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)
}
}
}
}
}
//学生端 我的课程 已学完
studentFormerlyModule(courseMinuteList){
let that = this;
this._studentCurriculumInfo(12,function(_data){
if(_data){
that._studentFormerlyRender(courseMinuteList,_data.returnData.data)
}
});
}
//学生端课程数据 已学完
_studentFormerlyRender(courseMinuteList,_data){
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){
if(!ClassDataProxy.getTimeDay(key)){
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)
}
}
}
}
}
//学生端 我的课程 收藏
studentCollectModule(courseMinuteList){
let that = this;
this._studentCurriculumInfo(12,function(_data){
if(_data){
loger.log('显示收藏数据',_data)
that._studentCollectRender(courseMinuteList,_data.returnData.data)
}
});
}
//学生端课程数据 收藏
_studentCollectRender(courseMinuteList,_data){
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){
if(!ClassDataProxy.getTimeDay(key)){
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)
}
}
}
}
}
//老师端首页显示课程
_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++){
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 : ClassDataProxy.getTimeEnd(_dataList[i].beginTime,_dataList[i].endTime),
_timer : _dataList[i].beginTime + '-' + _dataList[i].endTime,
_num : '0'
})
teacherMyCenterContentList.append(_adminList)
}
teacherMyCenterContentList.append(adminListEnd)
}
//修改密码
_accountPassWordBtnHandler(){
this.data = 0;
this._showInputBox(this.data);
}
//修改邮箱
_accountEmailBtnHandler(){
this.data = 1;
this._showInputBox(this.data);
}
//修改手机号
_accountMobilelBtnHandler(){
this.data = 2;
this._showInputBox(this.data);
}
_updateInputYesHandler(evt){
let updateInput = $('#updateInput').val();
switch (parseInt(this.data)){
case 0:
//密码
let reg = /^[0-9a-zA-Z]{8,12}$/;
if(!updateInput || !(reg.test(updateInput))){
ErrorApe.showWarnError('密码格式不正确，请重新输入');
return;
}
$('#setPassWord').attr('data',updateInput);
this._hideInputBox();
break;
case 1:
//邮箱
let filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(!updateInput || !(filter.test(updateInput))){
ErrorApe.showWarnError('邮箱格式不正确，请重新输入');
return;
}
$('#setMail').attr('data',updateInput);
$('#setMail').html(this.updateEmail(updateInput))
this._hideInputBox();
break;
case 2:
//手机号
let reg1 = /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\\d{8}$/;
let regPhone = "^1[3|4|5|8][0-9]\\d{8}$";
let re = new RegExp(regPhone);
if(!updateInput || !(re.test(updateInput))){
ErrorApe.showWarnError('手机格式不正确，请重新输入');
return;
}
$('#setPhone').attr('data',updateInput);
$('#setPhone').html(this.updateMobile(updateInput))
this._hideInputBox();
break;
default:
return;
}
}
_hideInputBox(){
$('#updateInput').val('');
$('#updateInputShade').hide();
}
_showInputBox(ind){
let arr = ['请输入新密码 :','请输入新邮箱 :','请输入新手机号 :']
$('#updateInputShade').show();
$('#updateInputText').text(arr[ind])
}
updateEmail(userEmail){
return userEmail.replace(/(\d{2})\d{2}(\d{1})/, '$1****$2')
}
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':ClassDataProxy.token
},
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');
}
}
}
//切换类的公用样式
commonality(evt){
$(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck');
}
_teacherInfoListHandler(evt){
this.commonality(evt);
}
//学生端 首页
_studentInfoListHandler(evt){
this.commonality(evt);
this.detailPageStudent();
}
//学生端 我的课程
_courseInfoListHandler(evt){
this.commonality(evt);
this.studentCourses();
}
//老师端 我的课程
_teacherLiveListHandler(evt){
this.commonality(evt);
this.teacherCourses();
}
_subscribeListHandler(evt){
this.commonality(evt);
this.studentBookings();
}
//工具类
_format(str, obj) {
return str.replace(/\{(\w+)\}/g, function (match, group, index) {
return obj[group];
});
};
}
export default MyCenterApe;
\ No newline at end of file
... ...
... ... @@ -147,7 +147,7 @@ class PartTimeTeachingApe extends Ape {
headers: {siteId:ClassDataProxy.siteId,
pageno:7,
'page':ind,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
//获取课堂数据
if(_data && _data.code == 200){
... ...
... ... @@ -145,7 +145,7 @@ class PlayRecordApe extends Ape {
headers: {siteId:ClassDataProxy.siteId,
pageno:7,
page:ind,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
if(_data && _data.code == 200){
loger.log(_data,'录制回放数据信息')
... ...
... ... @@ -41,7 +41,7 @@ class SubscribeApe extends Ape {
"meetingId":id
},
headers: {siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
success:function(_data){
let arr = ['收藏成功！','预约成功！','报名成功！']
//获取课堂数据
... ...
... ... @@ -53,7 +53,7 @@ class TeacherDetailApe extends Ape {
timeout:5000,
headers: {'page':_ele.text(),
siteId:ClassDataProxy.siteId,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo',
'token':ClassDataProxy.token
},
data:{siteId:ClassDataProxy.siteId,userType : 1},
success:function(_data){
... ... @@ -84,7 +84,7 @@ class TeacherDetailApe extends Ape {
timeout:5000,
headers: {siteId:ClassDataProxy.siteId,
userType : 1,
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
'token':ClassDataProxy.token},
data:{siteId:ClassDataProxy.siteId,userType : 1},
success:function(_data){
//获取课堂数据
... ...
... ... @@ -24,7 +24,11 @@ import AboutClassApe from 'ape/AboutClassApe';//约课界面
import ListDetailsApe from 'ape/ListDetailsApe';//列表详情
import AdministratorApe from 'ape/AdministratorApe';//管理员
import PlayRecordApe from 'ape/PlayRecordApe';//录制管理
import MyCenterApe from 'ape/MyCenterApe';//个人中心
import MyCenterStudentApe from 'ape/MyCenterStudentApe';//个人中心老师
import MyCenterTeacherApe from 'ape/MyCenterTeacherApe';//个人中心学生
import SubscribeApe from 'ape/SubscribeApe';//预约
import CollectApe from 'ape/CollectApe';//预约
... ... @@ -50,6 +54,9 @@ let _listDetailsApe;
let _administratorApe;
let _playRecordApe;
let _myCenterApe;
let _myCenterStudentApe;
let _myCenterTeacherApe;
let _subscribeApe;
let _collectApe;
... ... @@ -140,6 +147,7 @@ class Main {
_loginOrRegister = new LoginOrRegister();
_loginOrRegister.on(MessageTypes.LOGIN_OUT,this.loginOut.bind(this));
_loginOrRegister.on(MessageTypes.LOGIN_IN,this.loginIn.bind(this));
_loginOrRegister.on(MessageTypes.LOGIN_MYCENTER,this.loginMycenter.bind(this));
//互动课堂
_lanclassApe = new LanclassApe();
... ... @@ -174,6 +182,11 @@ class Main {
//个人中心
_myCenterApe = new MyCenterApe();
//个人中心学生
_myCenterStudentApe = new MyCenterStudentApe();
//个人中心老师
_myCenterTeacherApe = new MyCenterTeacherApe();
//预约管理
_subscribeApe = new SubscribeApe();
_subscribeApe.on(MessageTypes.ORDER_FINISH,this.orderFinish.bind(this));
... ... @@ -214,6 +227,17 @@ class Main {
}
}
}
//个人中心
loginMycenter(){
loger.log('个人中心')
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){
// _myCenterTeacherApe
loger.log('个人中心老师')
}else if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
// _myCenterStudentApe
loger.log('个人中心学生')
}
}
switchClass(_data){
let ind = parseInt(_data);
... ... @@ -293,6 +317,7 @@ class Main {
let userEmail = window.localStorage.getItem('userEmail')|| '';
let monicker = window.localStorage.getItem('monicker')|| '';
let status = window.localStorage.getItem('status')|| '';
let token = window.localStorage.getItem('token')|| '';
ClassDataProxy.userType = parseInt(userType);
ClassDataProxy.loginName = loginName;
... ... @@ -303,6 +328,7 @@ class Main {
ClassDataProxy.userEmail = userEmail;
ClassDataProxy.monicker = monicker;
ClassDataProxy.status = status;
ClassDataProxy.token = token;
loger.log('进入课堂时显示的type值',ClassDataProxy.userType)
switch (parseInt(userType)){
... ... @@ -360,7 +386,7 @@ class Main {
$('#teacherMyCerter').show();
$('#studentMyCerter').hide();
$('.recordLi2').eq(0).addClass('recordLiCheck').siblings().removeClass('recordLiCheck');
$('#teacherUI .recordLi').eq(2).hide();
$('#liveContentAllBox').hide();
$('#lanclassAllBox').hide();
$('#teacherIntroAllBox').hide();
... ...
... ... @@ -188,15 +188,17 @@ class ClassDataProxy {
}
}
//计算时间戳倒计时
static getTimeCountDown(start){
static getTimeCountDown(start,end){
let newDate = Date.parse(new Date());
//开始时间
let newTime = Date.parse(new Date(start))
//结束时间
let endTime = Date.parse(new Date(end))
let t = newTime - newDate;
console.log(t)
let t = newDate - endTime;
let y = newDate - newTime;
let hour=Math.floor(t/1000/60/60%24);
let min=Math.floor(t/1000/60%60);
... ... @@ -212,10 +214,15 @@ class ClassDataProxy {
sec = "0" + sec;
}
if(t<0){
return '已结束';
if(t < 0){
if(y < 0){
return hour + ":" + min + ":" + sec;
}else{
return '马上加入';
}
}else{
return hour + ":" + min + ":" + sec;
return '已结束';
}
}
//判断是否是今天
... ... @@ -261,6 +268,27 @@ class ClassDataProxy {
return newMonth + '月' + newDate +'日 ' + ' '+newStartHours + ':00' + ' - ' + newEndHours+':00';
}
}
static getTimeEnd(start,end){
let newDate = Date.parse(new Date());
//开始时间
let newTime = Date.parse(new Date(start))
//结束时间
let endTime = Date.parse(new Date(end))
let t = newDate - endTime;//结束时间
let y = newDate - newTime;//开始时间
if(t<0){
if(y < 0){
return '未开始';
}else{
return '准备';
}
}else{
return '已结束';
}
}
}
//Class
... ...