正在显示
14 个修改的文件
包含
552 行增加
和
117 行删除
@@ -155,6 +155,7 @@ body{ | @@ -155,6 +155,7 @@ body{ | ||
155 | .DownloadLoginBox{ | 155 | .DownloadLoginBox{ |
156 | float: right; | 156 | float: right; |
157 | font-size: 16px; | 157 | font-size: 16px; |
158 | + cursor: pointer; | ||
158 | } | 159 | } |
159 | .DownloadLoginBox li{ | 160 | .DownloadLoginBox li{ |
160 | float: left; | 161 | float: left; |
@@ -182,11 +183,40 @@ body{ | @@ -182,11 +183,40 @@ body{ | ||
182 | margin-left:20px; | 183 | margin-left:20px; |
183 | } | 184 | } |
184 | .userLoginBtn{ | 185 | .userLoginBtn{ |
185 | - width:30px; | ||
186 | - height:30px; | ||
187 | - border-radius: 50%; | ||
188 | - margin:15px 0 0 15px; | 186 | + margin-left:15px; |
189 | cursor: pointer; | 187 | cursor: pointer; |
188 | + position: relative; | ||
189 | +} | ||
190 | +.userLoginText{ | ||
191 | + height: 70px; | ||
192 | + line-height: 70px; | ||
193 | +} | ||
194 | +.userLoginText:hover{ | ||
195 | + color:#3498db; | ||
196 | +} | ||
197 | +.exitBox{ | ||
198 | + position: absolute; | ||
199 | + left:-48px; | ||
200 | + top:55px; | ||
201 | + width:130px; | ||
202 | + height:78px; | ||
203 | + padding-top:20px; | ||
204 | + background: #fff; | ||
205 | + box-shadow: 0px 1px 2px #adadad; | ||
206 | + display: none; | ||
207 | + z-index: 1; | ||
208 | +} | ||
209 | +.exitList{ | ||
210 | + width:100%; | ||
211 | + height: 28px; | ||
212 | + line-height: 28px; | ||
213 | + font-size: 14px; | ||
214 | + color:#333; | ||
215 | + text-align: center; | ||
216 | +} | ||
217 | +.exitList:hover{ | ||
218 | + background: #3498db; | ||
219 | + color:#fff; | ||
190 | } | 220 | } |
191 | .userLoginBtnImg{ | 221 | .userLoginBtnImg{ |
192 | width:100%; | 222 | width:100%; |
@@ -1337,4 +1367,35 @@ body{ | @@ -1337,4 +1367,35 @@ body{ | ||
1337 | } | 1367 | } |
1338 | .removeCancel{ | 1368 | .removeCancel{ |
1339 | background: #e6e6e6; | 1369 | background: #e6e6e6; |
1370 | +} | ||
1371 | +/*个人中心*/ | ||
1372 | +.myCenterBox{ | ||
1373 | + width:100%; | ||
1374 | + float: left; | ||
1375 | + margin:40px 15px 0 40px; | ||
1376 | + display: none; | ||
1377 | +} | ||
1378 | +.myCenterLeftBox{ | ||
1379 | + width:200px; | ||
1380 | + height:270px; | ||
1381 | + background: #fff; | ||
1382 | +} | ||
1383 | +.recordLi2{ | ||
1384 | + width: 60%; | ||
1385 | + padding-left:30%; | ||
1386 | + text-align: left; | ||
1387 | +} | ||
1388 | +.myCenterContentBox{ | ||
1389 | + float: left; | ||
1390 | + width: 1005px; | ||
1391 | +} | ||
1392 | +.myCenterTopLeftBox{ | ||
1393 | + width:330px; | ||
1394 | + height:180px; | ||
1395 | + background: #fff; | ||
1396 | +} | ||
1397 | +.myCenterTopRightBox{ | ||
1398 | + width:640px; | ||
1399 | + height:180px; | ||
1400 | + background: #fff; | ||
1340 | } | 1401 | } |
@@ -29,7 +29,12 @@ | @@ -29,7 +29,12 @@ | ||
29 | </li> | 29 | </li> |
30 | <li class="userNews iconfont"></li> | 30 | <li class="userNews iconfont"></li> |
31 | <li class="userLoginBtn"> | 31 | <li class="userLoginBtn"> |
32 | - <img class="userLoginBtnImg" id="homeUserLoginBtn" src="images/u293.png" alt=""> | 32 | + <span class="userLoginText" id="homeUserLoginBtn">登录</span> |
33 | + <!--<img class="userLoginBtnImg" id="homeUserLoginBtn" src="images/u293.png" alt="">--> | ||
34 | + <ul class="exitBox" id="exitBox"> | ||
35 | + <li class="exitList" id="personageInfo">个人中心</li> | ||
36 | + <li class="exitList" id="exitBtn">退出</li> | ||
37 | + </ul> | ||
33 | </li> | 38 | </li> |
34 | </ul> | 39 | </ul> |
35 | </div> | 40 | </div> |
@@ -113,7 +118,7 @@ | @@ -113,7 +118,7 @@ | ||
113 | <span class="lanclassContentInfoTimeStart" id="lanclassContentInfoTimeStart">开始时间:2017-08-01 13:00:00</span> | 118 | <span class="lanclassContentInfoTimeStart" id="lanclassContentInfoTimeStart">开始时间:2017-08-01 13:00:00</span> |
114 | <span class="lanclassContentInfoTimeEnd" id="lanclassContentInfoTimeEnd">结束时间:2017-08-01 13:00:00</span> | 119 | <span class="lanclassContentInfoTimeEnd" id="lanclassContentInfoTimeEnd">结束时间:2017-08-01 13:00:00</span> |
115 | </div> | 120 | </div> |
116 | - <div class="lanclassContentApply" id="lanclassContentApply">我要报名</div> | 121 | + <div class="lanclassContentApply btnHover" id="lanclassContentApply">我要报名</div> |
117 | </div> | 122 | </div> |
118 | <div class="lanclassContentRight"> | 123 | <div class="lanclassContentRight"> |
119 | <div class="thirdPartyIconBox"> | 124 | <div class="thirdPartyIconBox"> |
@@ -165,7 +170,7 @@ | @@ -165,7 +170,7 @@ | ||
165 | <img class="teacherDetailInfoImg" id="teacherDetailInfoImg" src="" alt=""> | 170 | <img class="teacherDetailInfoImg" id="teacherDetailInfoImg" src="" alt=""> |
166 | <ul class="teacherDetailInfoDetailBox"> | 171 | <ul class="teacherDetailInfoDetailBox"> |
167 | <li class="teacherDetailInfoDetailTit"> | 172 | <li class="teacherDetailInfoDetailTit"> |
168 | - <span class="teacherDetailInfoDetailName" id="teacherDetailInfoDetailName">张媛媛</span> | 173 | + <span class="teacherDetailInfoDetailName" id="teacherDetailInfoDetailName">张3333</span> |
169 | <span class="teacherDetailInfoDetailSex" id="teacherDetailInfoDetailSex">女</span> | 174 | <span class="teacherDetailInfoDetailSex" id="teacherDetailInfoDetailSex">女</span> |
170 | </li> | 175 | </li> |
171 | <li class="teacherDetailInfoDetailSpeciality"> | 176 | <li class="teacherDetailInfoDetailSpeciality"> |
@@ -323,34 +328,6 @@ | @@ -323,34 +328,6 @@ | ||
323 | 操作 | 328 | 操作 |
324 | </th> | 329 | </th> |
325 | </tr> | 330 | </tr> |
326 | - <tr align="center" bgcolor="#FFFFFF" height="44"> | ||
327 | - <td class="tr_main"> | ||
328 | - 少儿英语 | ||
329 | - </td> | ||
330 | - <td class="tr_main"> | ||
331 | - 101545534 | ||
332 | - </td> | ||
333 | - <td class="tr_main"> | ||
334 | - markettest | ||
335 | - </td> | ||
336 | - <td class="tr_main"> | ||
337 | - 准备 | ||
338 | - </td> | ||
339 | - <td class="tr_main" style="width:40px;"> | ||
340 | - 2017-08-29 18:00:00 - 2017-08-29 23:00:00 | ||
341 | - </td> | ||
342 | - <td class="tr_main"> | ||
343 | - 0 | ||
344 | - </td> | ||
345 | - <td class="tr_main tr_mainRight" align="center" > | ||
346 | - <a class="classHandlePort" href="#">文档</a> | ||
347 | - <a class="classHandlePort" href="">多媒体</a> | ||
348 | - <a class="classHandlePort" href="">伴音</a> | ||
349 | - <a class="classHandlePort" href="">修改</a> | ||
350 | - <a class="classHandlePort" href="">删除</a> | ||
351 | - <a class="classHandlePort" href="">加入课堂</a> | ||
352 | - </td> | ||
353 | - </tr> | ||
354 | </tbody> | 331 | </tbody> |
355 | </table> | 332 | </table> |
356 | 333 | ||
@@ -970,6 +947,43 @@ | @@ -970,6 +947,43 @@ | ||
970 | </div> | 947 | </div> |
971 | </div> | 948 | </div> |
972 | </div> | 949 | </div> |
950 | + <!--个人中心--> | ||
951 | + <div id="myCenterBox" class="myCenterBox"> | ||
952 | + <div class="myCenterLeftBox"> | ||
953 | + <ul class="recordUl" id="teacherUI"> | ||
954 | + <li class="recordLi recordLi2 recordLiCheck"> | ||
955 | + <label for="courseManagement" class="iconfont"></label> | ||
956 | + <span class="recordLiText" id="teacherHomeBtn">首页</span> | ||
957 | + </li> | ||
958 | + <li class="recordLi recordLi2"> | ||
959 | + <label for="createClassBtn" class="iconfont"></label> | ||
960 | + <span class="recordLiText" id="teacherCoursesBtn">我的课程</span> | ||
961 | + </li> | ||
962 | + <li class="recordLi recordLi2"> | ||
963 | + <label for="classManagement" class="iconfont"></label> | ||
964 | + <span class="recordLiText" id="teacherOrderBtn">我的预约</span> | ||
965 | + </li> | ||
966 | + <li class="recordLi recordLi2"> | ||
967 | + <label for="personManagement" class="iconfont"></label> | ||
968 | + <span class="recordLiText" id="teacherSetBtn">个人设置</span> | ||
969 | + </li> | ||
970 | + </ul> | ||
971 | + </div> | ||
972 | + <div class="myCenterContentBox"> | ||
973 | + <div class="myCenterTopLeftBox"></div> | ||
974 | + <div class="myCenterTopRightBox"></div> | ||
975 | + <div class="myCenterContentTitle"> | ||
976 | + <div class="liveInfoLeft" id="teacherInfoList"> | ||
977 | + <div class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</div> | ||
978 | + <div class="liveInfoLeftLi">未开始</div> | ||
979 | + <div class="liveInfoLeftLi">已结束</div> | ||
980 | + </div> | ||
981 | + </div> | ||
982 | + <div class="myCenterContent"> | ||
983 | + | ||
984 | + </div> | ||
985 | + </div> | ||
986 | + </div> | ||
973 | </div> | 987 | </div> |
974 | <div class="footerBg"> | 988 | <div class="footerBg"> |
975 | <div class="footer"> | 989 | <div class="footer"> |
src/MessageTypes.js
0 → 100644
1 | +/** | ||
2 | + *事件消息ID和错误码 定义 | ||
3 | + */ | ||
4 | + | ||
5 | +function MessageTypes() {} | ||
6 | + | ||
7 | +//--------------------事件相关的定义-------------------------------------- | ||
8 | +//登陆相关 | ||
9 | +MessageTypes.LOGIN_OUT= "login_out"; //更新用户退出 | ||
10 | +MessageTypes.LOGIN_IN= "login_in"; //更新用户退出 | ||
11 | + | ||
12 | + | ||
13 | +//header按钮 | ||
14 | +MessageTypes.HOME_SKIP= "home_skip"; //首页跳转 | ||
15 | +MessageTypes.TEACHER_SKIP= "teacher_skip"; //老师跳转 | ||
16 | + | ||
17 | + | ||
18 | + | ||
19 | +// | ||
20 | +export default MessageTypes; | ||
21 | + |
@@ -32,7 +32,7 @@ const adminListTit = `<table width="100%" align="center" cellpadding="0" cellspa | @@ -32,7 +32,7 @@ const adminListTit = `<table width="100%" align="center" cellpadding="0" cellspa | ||
32 | <th width="6%" class="tr_center"> | 32 | <th width="6%" class="tr_center"> |
33 | 在线人数 | 33 | 在线人数 |
34 | </th> | 34 | </th> |
35 | - <th width="22%" class="tr_center"> | 35 | + <th width="20%" class="tr_center"> |
36 | 操作 | 36 | 操作 |
37 | </th> | 37 | </th> |
38 | </tr> | 38 | </tr> |
@@ -45,7 +45,7 @@ const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor= | @@ -45,7 +45,7 @@ const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor= | ||
45 | <td width="6%" class="tr_main">{_stateInfo}</td> | 45 | <td width="6%" class="tr_main">{_stateInfo}</td> |
46 | <td width="18%" class="tr_main">{_time}</td> | 46 | <td width="18%" class="tr_main">{_time}</td> |
47 | <td width="4%" class="tr_main">{_onlineLen}</td> | 47 | <td width="4%" class="tr_main">{_onlineLen}</td> |
48 | - <td width="22%" class="tr_main tr_mainRight" align="center" > | 48 | + <td width="20%" class="tr_main tr_mainRight" align="center" > |
49 | <a id="{_DocInd}" class="classHandlePort" href="#">文档</a> | 49 | <a id="{_DocInd}" class="classHandlePort" href="#">文档</a> |
50 | <a id="{_mediaInd}" class="classHandlePort" href="">多媒体</a> | 50 | <a id="{_mediaInd}" class="classHandlePort" href="">多媒体</a> |
51 | <a id="{_musicInd}" class="classHandlePort" href="">伴音</a> | 51 | <a id="{_musicInd}" class="classHandlePort" href="">伴音</a> |
@@ -62,6 +62,7 @@ class AdministratorApe extends Ape { | @@ -62,6 +62,7 @@ class AdministratorApe extends Ape { | ||
62 | this.classDateList = {};//课堂的所有数据 | 62 | this.classDateList = {};//课堂的所有数据 |
63 | this.pageNo = 0; | 63 | this.pageNo = 0; |
64 | this.presentInd = 0; | 64 | this.presentInd = 0; |
65 | + this.isLocalStorage(); | ||
65 | this.addEvent(); | 66 | this.addEvent(); |
66 | this.init(); | 67 | this.init(); |
67 | } | 68 | } |
@@ -80,6 +81,12 @@ class AdministratorApe extends Ape { | @@ -80,6 +81,12 @@ class AdministratorApe extends Ape { | ||
80 | addEvent() { | 81 | addEvent() { |
81 | 82 | ||
82 | } | 83 | } |
84 | + isLocalStorage(){ | ||
85 | + if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_2){ | ||
86 | + this.detailPage(); | ||
87 | + console.log('管理员',111111111) | ||
88 | + } | ||
89 | + } | ||
83 | //首页 | 90 | //首页 |
84 | _homePageHandler(){ | 91 | _homePageHandler(){ |
85 | this.presentInd = 1; | 92 | this.presentInd = 1; |
@@ -27,18 +27,26 @@ class HomeApe extends Ape { | @@ -27,18 +27,26 @@ class HomeApe extends Ape { | ||
27 | this.classDateList = {};//课堂的所有数据 | 27 | this.classDateList = {};//课堂的所有数据 |
28 | //判断列表在右侧时取消边距 | 28 | //判断列表在右侧时取消边距 |
29 | this._judgeListPlace(); | 29 | this._judgeListPlace(); |
30 | + this.isLocalStorage(); | ||
30 | this.addEvent(); | 31 | this.addEvent(); |
31 | this.init(); | 32 | this.init(); |
32 | } | 33 | } |
33 | 34 | ||
34 | init() { | 35 | init() { |
35 | - this.detailPage(); | 36 | + // this.subscribe(); |
36 | $('#defaultBtn').on('click',this._lanclassBtnHandler.bind(this)); | 37 | $('#defaultBtn').on('click',this._lanclassBtnHandler.bind(this)); |
38 | + | ||
37 | } | 39 | } |
38 | 40 | ||
39 | addEvent() { | 41 | addEvent() { |
40 | 42 | ||
41 | } | 43 | } |
44 | + isLocalStorage(){ | ||
45 | + if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_0 || ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){ | ||
46 | + this.detailPage(); | ||
47 | + console.log('学生',111111111) | ||
48 | + } | ||
49 | + } | ||
42 | _judgeListPlace(){ | 50 | _judgeListPlace(){ |
43 | let i; | 51 | let i; |
44 | let curriculumList = document.getElementsByClassName('curriculumList'); | 52 | let curriculumList = document.getElementsByClassName('curriculumList'); |
@@ -50,11 +58,13 @@ class HomeApe extends Ape { | @@ -50,11 +58,13 @@ class HomeApe extends Ape { | ||
50 | } | 58 | } |
51 | _lanclassBtnHandler(evt){ | 59 | _lanclassBtnHandler(evt){ |
52 | $(evt.target).addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck'); | 60 | $(evt.target).addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck'); |
53 | - $('#slideshow').show(); | ||
54 | - $('#defaultBox').show(); | ||
55 | - $('#classifyListBox').hide(); | ||
56 | - $('#teacherDetailBox').hide(); | ||
57 | - $('#lanclassBox').hide(); | 61 | + let userType = window.localStorage.getItem("userType"); |
62 | + if( userType== ClassDataProxy.USER_TYPE_8 || userType== ClassDataProxy.USER_TYPE_0){ | ||
63 | + this.studentClick(); | ||
64 | + }else if(userType== ClassDataProxy.USER_TYPE_1){ | ||
65 | + let userType = ClassDataProxy.userType; | ||
66 | + this._emit(MessageTypes.HOME_SKIP,{userType:userType}); | ||
67 | + } | ||
58 | } | 68 | } |
59 | detailPage(){ | 69 | detailPage(){ |
60 | let that = this; | 70 | let that = this; |
@@ -77,6 +87,40 @@ class HomeApe extends Ape { | @@ -77,6 +87,40 @@ class HomeApe extends Ape { | ||
77 | } | 87 | } |
78 | }) | 88 | }) |
79 | } | 89 | } |
90 | + subscribe(){ | ||
91 | + let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting'; | ||
92 | + $.ajax({ | ||
93 | + type: "GET", | ||
94 | + url: _url, | ||
95 | + data:{siteId:'markettest'}, | ||
96 | + headers: {siteId:'markettest', | ||
97 | + 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | ||
98 | + success:function(_data){ | ||
99 | + // loger.log(_data,'成功') | ||
100 | + //获取课堂数据 | ||
101 | + if(_data || _data.code == 200){ | ||
102 | + that._gainClassData(_data.returnData.data); | ||
103 | + } | ||
104 | + }, | ||
105 | + error:function(error){ | ||
106 | + console.log(error,'失败') | ||
107 | + } | ||
108 | + }) | ||
109 | + } | ||
110 | + studentClick(){ | ||
111 | + $('#slideshow').show(); | ||
112 | + $('#defaultBox').show(); | ||
113 | + $('#classifyListBox').hide(); | ||
114 | + $('#teacherDetailBox').hide(); | ||
115 | + $('#lanclassBox').hide(); | ||
116 | + } | ||
117 | + teacher(){ | ||
118 | + $('#slideshow').hide(); | ||
119 | + $('#defaultBox').hide(); | ||
120 | + $('#classifyListBox').show(); | ||
121 | + $('#teacherDetailBox').hide(); | ||
122 | + $('#lanclassBox').hide(); | ||
123 | + } | ||
80 | _gainClassData(_data){ | 124 | _gainClassData(_data){ |
81 | let liveList = $('#liveList'); | 125 | let liveList = $('#liveList'); |
82 | let lanclassList = $('#lanclassList'); | 126 | let lanclassList = $('#lanclassList'); |
@@ -89,7 +133,7 @@ class HomeApe extends Ape { | @@ -89,7 +133,7 @@ class HomeApe extends Ape { | ||
89 | for(let i = 0;i<_dataList.length;i++){ | 133 | for(let i = 0;i<_dataList.length;i++){ |
90 | if(i<8){ | 134 | if(i<8){ |
91 | let j = (i%4)==3; | 135 | let j = (i%4)==3; |
92 | - let _getTime = this.getTime(_dataList[i].beginTime,_dataList[i].endTime) | 136 | + let _getTime = ClassDataProxy.getTimeDifference(_dataList[i].beginTime,_dataList[i].endTime) |
93 | let _classifyList = this._format(classifyList,{ | 137 | let _classifyList = this._format(classifyList,{ |
94 | _classifyListR : j?'classifyListR':'', | 138 | _classifyListR : j?'classifyListR':'', |
95 | _id : _dataList[i].id, | 139 | _id : _dataList[i].id, |
@@ -106,26 +150,6 @@ class HomeApe extends Ape { | @@ -106,26 +150,6 @@ class HomeApe extends Ape { | ||
106 | } | 150 | } |
107 | 151 | ||
108 | } | 152 | } |
109 | - getTime(start,end){ | ||
110 | - | ||
111 | - let newStart = new Date(start) | ||
112 | - let newEnd = new Date(end) | ||
113 | - | ||
114 | - let day =1000*3600*24; | ||
115 | - | ||
116 | - let timer = parseInt((newEnd.getTime() - newStart.getTime()) / parseInt(day)); | ||
117 | - let newEndHours = newEnd.getHours()<10?'0'+newEnd.getHours():newEnd.getHours(); | ||
118 | - let newStartHours = newStart.getHours()<10?'0'+newStart.getHours():newStart.getHours(); | ||
119 | - | ||
120 | - let newStartDate = newStart.getDate()<10?'0'+newStart.getDate():newStart.getDate(); | ||
121 | - let newStartDay = newStart.getDay()<10?'0'+newStart.getDay():newStart.getDay(); | ||
122 | - if(timer == 0){ | ||
123 | - return '今天 ' + ' '+newStartHours + ':00' + ' - ' + newEndHours+':00'; | ||
124 | - }else{ | ||
125 | - return newStartDate+1 + '月' + newStartDay +'日 ' + ' '+newStartHours + ':00' + ' - ' + newEndHours+':00'; | ||
126 | - } | ||
127 | - | ||
128 | - } | ||
129 | //工具类 | 153 | //工具类 |
130 | _format(str, obj) { | 154 | _format(str, obj) { |
131 | return str.replace(/\{(\w+)\}/g, function (match, group, index) { | 155 | return str.replace(/\{(\w+)\}/g, function (match, group, index) { |
@@ -133,12 +133,13 @@ class LanclassApe extends Ape { | @@ -133,12 +133,13 @@ class LanclassApe extends Ape { | ||
133 | if(_dataList){ | 133 | if(_dataList){ |
134 | for(let i = 0;i<_dataList.length;i++){ | 134 | for(let i = 0;i<_dataList.length;i++){ |
135 | let j = (i%4)==3; | 135 | let j = (i%4)==3; |
136 | + let _getTime = ClassDataProxy.getTimeDifference(_dataList[i].beginTime,_dataList[i].endTime) | ||
136 | let _classifyList = this._format(classifyList,{ | 137 | let _classifyList = this._format(classifyList,{ |
137 | _classifyListR : j?'classifyListR':'', | 138 | _classifyListR : j?'classifyListR':'', |
138 | _id : _dataList[i].id, | 139 | _id : _dataList[i].id, |
139 | _msgImg :'../images/u373.png', | 140 | _msgImg :'../images/u373.png', |
140 | _classroomTitle : _dataList[i].meetingName, | 141 | _classroomTitle : _dataList[i].meetingName, |
141 | - _schoolTime : '11', | 142 | + _schoolTime : _getTime, |
142 | _subscribeNum : _dataList[i].reservationNumber+'人已预约' | 143 | _subscribeNum : _dataList[i].reservationNumber+'人已预约' |
143 | }) | 144 | }) |
144 | classifyListContent.append(_classifyList); | 145 | classifyListContent.append(_classifyList); |
@@ -20,6 +20,8 @@ class ListDetailsApe extends Ape { | @@ -20,6 +20,8 @@ class ListDetailsApe extends Ape { | ||
20 | 20 | ||
21 | init() { | 21 | init() { |
22 | $('#themeBox ').on('click','.classifyList',this._curriculumListHandler.bind(this)); | 22 | $('#themeBox ').on('click','.classifyList',this._curriculumListHandler.bind(this)); |
23 | + $('#collectYes ').on('click',this._collectYesHandler.bind(this)); | ||
24 | + $('#collectNo ').on('click',this._collectNoHandler.bind(this)); | ||
23 | } | 25 | } |
24 | 26 | ||
25 | addEvent() { | 27 | addEvent() { |
@@ -30,6 +32,14 @@ class ListDetailsApe extends Ape { | @@ -30,6 +32,14 @@ class ListDetailsApe extends Ape { | ||
30 | let _id = evt.currentTarget.id; | 32 | let _id = evt.currentTarget.id; |
31 | this.detailPage(_id); | 33 | this.detailPage(_id); |
32 | } | 34 | } |
35 | + _collectYesHandler(){ | ||
36 | + $('#collectYes ').hide(); | ||
37 | + $('#collectNo ').show(); | ||
38 | + } | ||
39 | + _collectNoHandler(){ | ||
40 | + $('#collectYes ').show(); | ||
41 | + $('#collectNo ').hide(); | ||
42 | + } | ||
33 | detailPage(_id){ | 43 | detailPage(_id){ |
34 | let that = this; | 44 | let that = this; |
35 | let signInfo = { | 45 | let signInfo = { |
@@ -133,12 +133,13 @@ class LanclassApe extends Ape { | @@ -133,12 +133,13 @@ class LanclassApe extends Ape { | ||
133 | if(_dataList){ | 133 | if(_dataList){ |
134 | for(let i = 0;i<_dataList.length;i++){ | 134 | for(let i = 0;i<_dataList.length;i++){ |
135 | let j = (i%4)==3; | 135 | let j = (i%4)==3; |
136 | + let _getTime = ClassDataProxy.getTimeDifference(_dataList[i].beginTime,_dataList[i].endTime) | ||
136 | let _classifyList = this._format(classifyList,{ | 137 | let _classifyList = this._format(classifyList,{ |
137 | _classifyListR : j?'classifyListR':'', | 138 | _classifyListR : j?'classifyListR':'', |
138 | _id : _dataList[i].id, | 139 | _id : _dataList[i].id, |
139 | _msgImg :'../images/u373.png', | 140 | _msgImg :'../images/u373.png', |
140 | _classroomTitle : _dataList[i].meetingName, | 141 | _classroomTitle : _dataList[i].meetingName, |
141 | - _schoolTime : '11', | 142 | + _schoolTime : _getTime, |
142 | _subscribeNum : _dataList[i].reservationNumber+'人已预约' | 143 | _subscribeNum : _dataList[i].reservationNumber+'人已预约' |
143 | }) | 144 | }) |
144 | classifyListContent.append(_classifyList); | 145 | classifyListContent.append(_classifyList); |
@@ -9,12 +9,13 @@ import DrawTool from "./DrawTool"; | @@ -9,12 +9,13 @@ import DrawTool from "./DrawTool"; | ||
9 | import LaserPen from "./LaserPen"; | 9 | import LaserPen from "./LaserPen"; |
10 | import $ from "jquery"; | 10 | import $ from "jquery"; |
11 | import ClassDataProxy from "proxy/ClassDataProxy"; | 11 | import ClassDataProxy from "proxy/ClassDataProxy"; |
12 | +import MessageTypes from "../MessageTypes"; | ||
12 | 13 | ||
13 | let loger = Loger.getLoger('PC-LoginOrRegister'); | 14 | let loger = Loger.getLoger('PC-LoginOrRegister'); |
14 | class LoginOrRegister extends Ape { | 15 | class LoginOrRegister extends Ape { |
15 | constructor() { | 16 | constructor() { |
16 | super(); | 17 | super(); |
17 | - this.localStorage = window.localStorage; | 18 | + |
18 | this.isLocalStorage(); | 19 | this.isLocalStorage(); |
19 | this.addEvent(); | 20 | this.addEvent(); |
20 | this.init(); | 21 | this.init(); |
@@ -36,15 +37,37 @@ class LoginOrRegister extends Ape { | @@ -36,15 +37,37 @@ class LoginOrRegister extends Ape { | ||
36 | $('#userLoginBtn').on('click',this._loginBtnHandler.bind(this));//登录信息提交 | 37 | $('#userLoginBtn').on('click',this._loginBtnHandler.bind(this));//登录信息提交 |
37 | 38 | ||
38 | $('#homeUserLoginBtn').on('click',this._homeUserLoginBtnHandler.bind(this));//首页用户登录 | 39 | $('#homeUserLoginBtn').on('click',this._homeUserLoginBtnHandler.bind(this));//首页用户登录 |
40 | + $('#homeUserLoginBtn').on('mouseenter',this._mouseenterHandler.bind(this));//首页用户登录 | ||
41 | + $('#exitBox').on('mouseleave',this._mouseleaveHandler.bind(this));//首页用户登录 | ||
39 | 42 | ||
43 | + $('#exitBtn').on('click',this._exitBtnHandler.bind(this));//退出登录 | ||
40 | 44 | ||
45 | + $('body').on('click',function(evt){ | ||
46 | + if(!$(evt.target).is('#exitBox')){ | ||
47 | + $('#exitBox').hide(); | ||
48 | + } | ||
49 | + }); | ||
41 | } | 50 | } |
51 | + | ||
42 | isLocalStorage(){ | 52 | isLocalStorage(){ |
43 | - if(window.localStorage.getItem('loginName') && window.localStorage.getItem('password')){ | ||
44 | - this._showAdministratorInfo(); | ||
45 | - } | ||
46 | - } | 53 | + let that = this; |
54 | + $(window).on('load',function(){ | ||
55 | + if(!window.localStorage.getItem('status')){ | ||
56 | + $('#homeUserLoginBtn').text('登录'); | ||
57 | + }else{ | ||
58 | + | ||
59 | + } | ||
60 | + if(window.localStorage.getItem('status') == 'true'){ | ||
61 | + let userType = window.localStorage.getItem('userType') | ||
62 | + $('#homeUserLoginBtn').text(window.localStorage.getItem('loginName')); | ||
63 | + | ||
64 | + // that._showAdministratorInfo(); | ||
47 | 65 | ||
66 | + | ||
67 | + } | ||
68 | + | ||
69 | + }) | ||
70 | + } | ||
48 | addEvent() { | 71 | addEvent() { |
49 | 72 | ||
50 | } | 73 | } |
@@ -68,8 +91,46 @@ class LoginOrRegister extends Ape { | @@ -68,8 +91,46 @@ class LoginOrRegister extends Ape { | ||
68 | } | 91 | } |
69 | //首页用户登录 | 92 | //首页用户登录 |
70 | _homeUserLoginBtnHandler(){ | 93 | _homeUserLoginBtnHandler(){ |
71 | - $('#userLoginBox').show(); | 94 | + if(!window.localStorage.getItem('status')){ |
95 | + $('#userLoginBox').show(); | ||
96 | + } | ||
97 | + } | ||
98 | + _mouseenterHandler(){ | ||
99 | + if(window.localStorage.getItem('status') == 'true'){ | ||
100 | + $('#exitBox').show(); | ||
101 | + } | ||
72 | } | 102 | } |
103 | + _mouseleaveHandler(){ | ||
104 | + $('#exitBox').hide(); | ||
105 | + } | ||
106 | + _exitBtnHandler(){ | ||
107 | + this.clearLocalStorage(); | ||
108 | + this.updateInterfaceState(); | ||
109 | + this._emit(MessageTypes.LOGIN_OUT); | ||
110 | + } | ||
111 | + clearLocalStorage(){ | ||
112 | + window.localStorage.clear(); | ||
113 | + ClassDataProxy.userType = ClassDataProxy.USER_TYPE_0; | ||
114 | + ClassDataProxy.loginName =""; | ||
115 | + ClassDataProxy.password ="" | ||
116 | + ClassDataProxy.token =""; | ||
117 | + ClassDataProxy.status = false; | ||
118 | + | ||
119 | + } | ||
120 | + updateInterfaceState(){ | ||
121 | + $('#homeUserLoginBtn').text('登录'); | ||
122 | + $('#loginName').val(''); | ||
123 | + $('#loginPassWord').val(''); | ||
124 | + $('#slideshow').show(); | ||
125 | + $('#defaultBox').show(); | ||
126 | + $('#header_list').show(); | ||
127 | + $('#header_seek').show(); | ||
128 | + $('#androidDownload').show(); | ||
129 | + $('#exitBox').hide(); | ||
130 | + $('#classManagementBox').hide(); | ||
131 | + $('#defaultBtn').addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck'); | ||
132 | + } | ||
133 | + | ||
73 | _signFocusHandler(evt){ | 134 | _signFocusHandler(evt){ |
74 | let _ele = $(evt.target); | 135 | let _ele = $(evt.target); |
75 | if(_ele.css('color') != 'rgb(0, 0, 0)'){ | 136 | if(_ele.css('color') != 'rgb(0, 0, 0)'){ |
@@ -211,7 +272,6 @@ class LoginOrRegister extends Ape { | @@ -211,7 +272,6 @@ class LoginOrRegister extends Ape { | ||
211 | } | 272 | } |
212 | //登录信息提交 | 273 | //登录信息提交 |
213 | _loginBtnHandler(){ | 274 | _loginBtnHandler(){ |
214 | - loger.log('登录信息提交') | ||
215 | let _name = document.getElementById("loginName");//用户名 | 275 | let _name = document.getElementById("loginName");//用户名 |
216 | let _passWord = document.getElementById("loginPassWord");//手机号 | 276 | let _passWord = document.getElementById("loginPassWord");//手机号 |
217 | if(_name.value && _passWord.value){ | 277 | if(_name.value && _passWord.value){ |
@@ -227,13 +287,22 @@ class LoginOrRegister extends Ape { | @@ -227,13 +287,22 @@ class LoginOrRegister extends Ape { | ||
227 | url: _url, | 287 | url: _url, |
228 | data: signInfo, | 288 | data: signInfo, |
229 | success:function(_data){ | 289 | success:function(_data){ |
230 | - loger.log('登录信息返回信息',_data) | ||
231 | if(_data || _data.code == 200){ | 290 | if(_data || _data.code == 200){ |
232 | - that.successLogin(_data); | ||
233 | - window.localStorage.setItem("loginName",_name.value); | ||
234 | - window.localStorage.setItem("password", _passWord.value); | ||
235 | - window.localStorage.setItem("userType", _data.returnData.data.userType); | ||
236 | - window.localStorage.setItem("token",_data.returnData.data.token); | 291 | + ClassDataProxy.userType = ClassDataProxy.USER_TYPE_1; |
292 | + //ClassDataProxy.userType= _data.returnData.data.userType; | ||
293 | + ClassDataProxy.loginName =_name.value; | ||
294 | + ClassDataProxy.password = _passWord.value; | ||
295 | + ClassDataProxy.token =_data.returnData.data.token | ||
296 | + ClassDataProxy.status = true; | ||
297 | + | ||
298 | + | ||
299 | + window.localStorage.setItem("loginName",ClassDataProxy.loginName); | ||
300 | + window.localStorage.setItem("password", ClassDataProxy.password ); | ||
301 | + window.localStorage.setItem("userType", ClassDataProxy.userType); | ||
302 | + window.localStorage.setItem("token", ClassDataProxy.token ); | ||
303 | + window.localStorage.setItem('status', ClassDataProxy.status); | ||
304 | + | ||
305 | + that.successLogin(); | ||
237 | } | 306 | } |
238 | }, | 307 | }, |
239 | error:function(error){ | 308 | error:function(error){ |
@@ -248,26 +317,21 @@ class LoginOrRegister extends Ape { | @@ -248,26 +317,21 @@ class LoginOrRegister extends Ape { | ||
248 | } | 317 | } |
249 | //用户成功登录 | 318 | //用户成功登录 |
250 | successLogin(_data){ | 319 | successLogin(_data){ |
251 | - if(_data.code == 200){ | 320 | + |
321 | + //登录成功后显示用户名字 | ||
322 | + $('#homeUserLoginBtn').text( ClassDataProxy.loginName); | ||
323 | + this._userLoginAHandler(); | ||
324 | + this._emit(MessageTypes.LOGIN_IN,{userType: ClassDataProxy.userType}); | ||
325 | + | ||
326 | + /* if(_data.code == 200){ | ||
327 | + window.localStorage.setItem('status',true) | ||
328 | + //登录成功后显示用户名字 | ||
329 | + $('#homeUserLoginBtn').text(_data.returnData.data.userName); | ||
252 | this._userLoginAHandler(); | 330 | this._userLoginAHandler(); |
253 | - //判断状态1 是管理员 | ||
254 | - this._administratorInfo(_data); | ||
255 | - //状态2 是老师 | ||
256 | - //状态8 是学生 | ||
257 | - //状态32 是兼课 | ||
258 | - } | ||
259 | - } | ||
260 | - _showAdministratorInfo(){ | ||
261 | - $('#slideshow').hide(); | ||
262 | - $('#defaultBox').hide(); | ||
263 | - $('#header_list').hide(); | ||
264 | - $('#header_seek').hide(); | ||
265 | - $('#androidDownload').hide(); | ||
266 | - $('#classManagementBox').show(); | ||
267 | - } | ||
268 | - _administratorInfo(_data){ | ||
269 | - //显示相应的数据 | ||
270 | - this._showAdministratorInfo(); | 331 | + |
332 | + ClassDataProxy.userType= _data.returnData.data.userType; | ||
333 | + this._emit(MessageTypes.LOGIN_IN,{userType: ClassDataProxy.userType}); | ||
334 | + }*/ | ||
271 | } | 335 | } |
272 | 336 | ||
273 | } | 337 | } |
src/ape/MyCenterApe.js
0 → 100644
1 | +//* | ||
2 | +// 首页模块 | ||
3 | +// */ | ||
4 | + | ||
5 | +import Loger from "../Loger"; | ||
6 | +import Ape from "./Ape"; | ||
7 | +import xdysdk from "libs/xdysdk"; | ||
8 | +import DrawTool from "./DrawTool"; | ||
9 | +import LaserPen from "./LaserPen"; | ||
10 | +import $ from "jquery"; | ||
11 | +import ClassDataProxy from "proxy/ClassDataProxy"; | ||
12 | + | ||
13 | +const classifyList = `<div class="classifyList {_classifyListR}" id="{_id}"> | ||
14 | + <img class="curriculumListImg" src="{_msgImg}" alt=""> | ||
15 | + <p class="curriculumListTit">{_classroomTitle}</p> | ||
16 | + <p class="curriculumListInfo"> | ||
17 | + <span class="curriculumListTime">{_schoolTime}</span> | ||
18 | + <span class="curriculumListNum">{_subscribeNum}</span> | ||
19 | + </p> | ||
20 | + </div>`; | ||
21 | + | ||
22 | + | ||
23 | +let loger = Loger.getLoger('PC-MyCenterApe'); | ||
24 | +class MyCenterApe extends Ape { | ||
25 | + constructor() { | ||
26 | + super(); | ||
27 | + this.addEvent(); | ||
28 | + this.init(); | ||
29 | + } | ||
30 | + | ||
31 | + init() { | ||
32 | + | ||
33 | + } | ||
34 | + | ||
35 | + addEvent() { | ||
36 | + | ||
37 | + } | ||
38 | + //工具类 | ||
39 | + _format(str, obj) { | ||
40 | + return str.replace(/\{(\w+)\}/g, function (match, group, index) { | ||
41 | + return obj[group]; | ||
42 | + }); | ||
43 | + }; | ||
44 | +} | ||
45 | +export default MyCenterApe; |
@@ -79,7 +79,7 @@ class Slideshow extends Ape { | @@ -79,7 +79,7 @@ class Slideshow extends Ape { | ||
79 | } | 79 | } |
80 | slideImg(){ | 80 | slideImg(){ |
81 | 81 | ||
82 | - let i = 0; | 82 | + /* let i = 0; |
83 | let width = $('.slidesMap').width(); | 83 | let width = $('.slidesMap').width(); |
84 | let clone=$(".slidesMap").first().clone(); | 84 | let clone=$(".slidesMap").first().clone(); |
85 | $("#motionMapBox").append(clone); | 85 | $("#motionMapBox").append(clone); |
@@ -89,7 +89,7 @@ class Slideshow extends Ape { | @@ -89,7 +89,7 @@ class Slideshow extends Ape { | ||
89 | } | 89 | } |
90 | $("#dots li").first().addClass('active'); | 90 | $("#dots li").first().addClass('active'); |
91 | 91 | ||
92 | - /* $(".dots li").hover(function(){ | 92 | + $(".dots li").hover(function(){ |
93 | let index=$(this).index(); | 93 | let index=$(this).index(); |
94 | i=index; | 94 | i=index; |
95 | $(".motionMapBox").stop().animate({left:-index*width},500); | 95 | $(".motionMapBox").stop().animate({left:-index*width},500); |
@@ -27,6 +27,7 @@ class TeacherDetailApe extends Ape { | @@ -27,6 +27,7 @@ class TeacherDetailApe extends Ape { | ||
27 | constructor() { | 27 | constructor() { |
28 | super(); | 28 | super(); |
29 | this.classDateList = {};//课堂的所有数据 | 29 | this.classDateList = {};//课堂的所有数据 |
30 | + this.isLocalStorage(); | ||
30 | this.addEvent(); | 31 | this.addEvent(); |
31 | this.init(); | 32 | this.init(); |
32 | } | 33 | } |
@@ -34,28 +35,56 @@ class TeacherDetailApe extends Ape { | @@ -34,28 +35,56 @@ class TeacherDetailApe extends Ape { | ||
34 | init() { | 35 | init() { |
35 | $('#collectYes').hide(); | 36 | $('#collectYes').hide(); |
36 | 37 | ||
38 | + $('#defaultBtn').on('click',this._lanclassBtnHandler.bind(this));//老师首页 | ||
39 | + | ||
37 | $('#teacherBtn').on('click',this._teacherBtnHandler.bind(this));//推荐老师 | 40 | $('#teacherBtn').on('click',this._teacherBtnHandler.bind(this));//推荐老师 |
38 | $('#teacherBtnMove').on('click',this._teacherBtnHandler.bind(this));//推荐老师 | 41 | $('#teacherBtnMove').on('click',this._teacherBtnHandler.bind(this));//推荐老师 |
39 | 42 | ||
40 | $('#classifyListBox').on('click','.pageNumBtn',this._pageNumBtnHandler.bind(this));//点击翻页 | 43 | $('#classifyListBox').on('click','.pageNumBtn',this._pageNumBtnHandler.bind(this));//点击翻页 |
44 | + | ||
45 | + | ||
41 | } | 46 | } |
42 | 47 | ||
43 | addEvent() { | 48 | addEvent() { |
44 | 49 | ||
45 | } | 50 | } |
51 | + isLocalStorage(){ | ||
52 | + let that = this; | ||
53 | + $(window).on('load',function() { | ||
54 | + let userType = window.localStorage.getItem('userType') | ||
55 | + if(window.localStorage.getItem('status') == 'true'){ | ||
56 | + if (userType == '1') { | ||
57 | + //老师 | ||
58 | + that._teacherHome(); | ||
59 | + that.detailPage(); | ||
60 | + } | ||
61 | + } | ||
62 | + }) | ||
63 | + } | ||
64 | + _lanclassBtnHandler(evt){ | ||
65 | + $(evt.target).addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck'); | ||
66 | + let userType = window.localStorage.getItem("userType"); | ||
67 | + if(userType== '1'){ | ||
68 | + //老师首页 | ||
69 | + this._teacherHome(); | ||
70 | + this.detailPage(); | ||
71 | + } | ||
46 | 72 | ||
73 | + } | ||
47 | _teacherBtnHandler(evt){ | 74 | _teacherBtnHandler(evt){ |
48 | let _ele = $(evt.target); | 75 | let _ele = $(evt.target); |
76 | + let userType = window.localStorage.getItem("userType"); | ||
49 | if(_ele.attr('data')){ | 77 | if(_ele.attr('data')){ |
50 | $('.header_listMsg').eq(_ele.attr('data')).addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck'); | 78 | $('.header_listMsg').eq(_ele.attr('data')).addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck'); |
51 | } | 79 | } |
52 | $(evt.target).addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck'); | 80 | $(evt.target).addClass('header_listMsgCheck').siblings().removeClass('header_listMsgCheck'); |
53 | - $('#slideshow').hide(); | ||
54 | - $('#defaultBox').hide(); | ||
55 | - $('#classifyListBox').show(); | ||
56 | - $('#teacherDetailBox').hide(); | ||
57 | - $('#lanclassBox').hide(); | ||
58 | - this.detailPage(); | 81 | + if(userType == '1'){ |
82 | + this.teacherClickTeacher();//老师点击老师模块 | ||
83 | + }else if(userType == '8' || userType == '0'){ | ||
84 | + this.studentClickTeacher();//学生点击老师模块 | ||
85 | + this.detailPage(); | ||
86 | + } | ||
87 | + | ||
59 | } | 88 | } |
60 | //点击翻页 | 89 | //点击翻页 |
61 | _pageNumBtnHandler(evt){ | 90 | _pageNumBtnHandler(evt){ |
@@ -130,12 +159,13 @@ class TeacherDetailApe extends Ape { | @@ -130,12 +159,13 @@ class TeacherDetailApe extends Ape { | ||
130 | let _dataList = _data.meetingInfo; | 159 | let _dataList = _data.meetingInfo; |
131 | for(let i = 0;i<_dataList.length;i++){ | 160 | for(let i = 0;i<_dataList.length;i++){ |
132 | let j = (i%4)==3; | 161 | let j = (i%4)==3; |
162 | + let _getTime = ClassDataProxy.getTimeDifference(_dataList[i].beginTime,_dataList[i].endTime) | ||
133 | let _classifyList = this._format(classifyList,{ | 163 | let _classifyList = this._format(classifyList,{ |
134 | _classifyListR : j?'classifyListR':'', | 164 | _classifyListR : j?'classifyListR':'', |
135 | _id : _dataList[i].id, | 165 | _id : _dataList[i].id, |
136 | _msgImg :'../images/u373.png', | 166 | _msgImg :'../images/u373.png', |
137 | _classroomTitle : _dataList[i].meetingName, | 167 | _classroomTitle : _dataList[i].meetingName, |
138 | - _schoolTime : '11', | 168 | + _schoolTime : _getTime, |
139 | _subscribeNum : _dataList[i].reservationNumber+'人已预约' | 169 | _subscribeNum : _dataList[i].reservationNumber+'人已预约' |
140 | }) | 170 | }) |
141 | classifyListContent.append(_classifyList); | 171 | classifyListContent.append(_classifyList); |
@@ -170,6 +200,27 @@ class TeacherDetailApe extends Ape { | @@ -170,6 +200,27 @@ class TeacherDetailApe extends Ape { | ||
170 | pagingDivInnerHTML += '</div></div>'; | 200 | pagingDivInnerHTML += '</div></div>'; |
171 | classifyListBox.append(pagingDivInnerHTML); | 201 | classifyListBox.append(pagingDivInnerHTML); |
172 | } | 202 | } |
203 | + _teacherHome(){ | ||
204 | + $('#slideshow').hide(); | ||
205 | + $('#defaultBox').hide(); | ||
206 | + $('#header_list').show(); | ||
207 | + $('#header_seek').show(); | ||
208 | + $('#androidDownload').show(); | ||
209 | + $('#classManagementBox').hide(); | ||
210 | + $('#classifyListBox').show(); | ||
211 | + } | ||
212 | + //学生点击老师模块 | ||
213 | + studentClickTeacher(){ | ||
214 | + $('#slideshow').hide(); | ||
215 | + $('#defaultBox').hide(); | ||
216 | + $('#classifyListBox').show(); | ||
217 | + $('#teacherDetailBox').hide(); | ||
218 | + $('#lanclassBox').hide(); | ||
219 | + } | ||
220 | + //老师点击老师模块 | ||
221 | + teacherClickTeacher(){ | ||
222 | + $('#classifyListBox').hide(); | ||
223 | + } | ||
173 | //工具类 | 224 | //工具类 |
174 | _format(str, obj) { | 225 | _format(str, obj) { |
175 | return str.replace(/\{(\w+)\}/g, function (match, group, index) { | 226 | return str.replace(/\{(\w+)\}/g, function (match, group, index) { |
@@ -23,6 +23,8 @@ import SignApe from "ape/SignApe"; | @@ -23,6 +23,8 @@ import SignApe from "ape/SignApe"; | ||
23 | import localConfig from "local/localConfig"; | 23 | import localConfig from "local/localConfig"; |
24 | import UIMagnifyApe from "ape/UIMagnifyApe"; | 24 | import UIMagnifyApe from "ape/UIMagnifyApe"; |
25 | import ErrorApe from 'ape/ErrorApe'; | 25 | import ErrorApe from 'ape/ErrorApe'; |
26 | + | ||
27 | + | ||
26 | import Slideshow from 'ape/Slideshow';//图片轮播 | 28 | import Slideshow from 'ape/Slideshow';//图片轮播 |
27 | import LoginOrRegister from 'ape/LoginOrRegister';//登录注册 | 29 | import LoginOrRegister from 'ape/LoginOrRegister';//登录注册 |
28 | import LanclassApe from 'ape/LanclassApe';//互动课堂 | 30 | import LanclassApe from 'ape/LanclassApe';//互动课堂 |
@@ -32,7 +34,8 @@ import TeacherDetailApe from 'ape/TeacherDetailApe';//老师 | @@ -32,7 +34,8 @@ import TeacherDetailApe from 'ape/TeacherDetailApe';//老师 | ||
32 | import CreateClassApe from 'ape/CreateClassApe';//创建课堂 | 34 | import CreateClassApe from 'ape/CreateClassApe';//创建课堂 |
33 | import ListDetailsApe from 'ape/ListDetailsApe';//列表详情 | 35 | import ListDetailsApe from 'ape/ListDetailsApe';//列表详情 |
34 | import AdministratorApe from 'ape/AdministratorApe';//管理员 | 36 | import AdministratorApe from 'ape/AdministratorApe';//管理员 |
35 | - | 37 | +import MyCenterApe from 'ape/MyCenterApe';//个人中心 |
38 | +import MessageTypes from "MessageTypes"; | ||
36 | let loger = Loger.getLoger('PCLive'); | 39 | let loger = Loger.getLoger('PCLive'); |
37 | 40 | ||
38 | let _classApe; | 41 | let _classApe; |
@@ -56,10 +59,11 @@ let _teacherDetailApe; | @@ -56,10 +59,11 @@ let _teacherDetailApe; | ||
56 | let _createClassApe; | 59 | let _createClassApe; |
57 | let _listDetailsApe; | 60 | let _listDetailsApe; |
58 | let _administratorApe; | 61 | let _administratorApe; |
62 | +let _myCenterApe; | ||
59 | 63 | ||
60 | class Main { | 64 | class Main { |
61 | constructor() { | 65 | constructor() { |
62 | - this.clientVersion="v1.2.0.20170901"; | 66 | + this.clientVersion="v1.4.0.20170903"; |
63 | loger.warn("clientVersion:"+this.clientVersion); | 67 | loger.warn("clientVersion:"+this.clientVersion); |
64 | 68 | ||
65 | let locationProtocol= location.protocol; | 69 | let locationProtocol= location.protocol; |
@@ -68,7 +72,9 @@ class Main { | @@ -68,7 +72,9 @@ class Main { | ||
68 | }else { | 72 | }else { |
69 | ClassDataProxy.locationProtocol="http://"; | 73 | ClassDataProxy.locationProtocol="http://"; |
70 | } | 74 | } |
71 | - | 75 | + this.localStorage = window.localStorage; |
76 | + //判断当前用户登录身份状态 | ||
77 | + this._localStorageState(); | ||
72 | //获取国际化语言 | 78 | //获取国际化语言 |
73 | this._localConfig(); | 79 | this._localConfig(); |
74 | //获取地址栏参数 | 80 | //获取地址栏参数 |
@@ -132,9 +138,6 @@ class Main { | @@ -132,9 +138,6 @@ class Main { | ||
132 | init() { | 138 | init() { |
133 | loger.log("init"); | 139 | loger.log("init"); |
134 | 140 | ||
135 | - //xdysdk.api("setDebugInfo",{isDebug:false});//不开启日志输出 | ||
136 | - //'xdysdk.api("setOpenSendLogToServer",{isOpen:false});//不上报日志 | ||
137 | - | ||
138 | //显示图片大图 | 141 | //显示图片大图 |
139 | UIMagnifyApe.init($('#magnifyBox')); | 142 | UIMagnifyApe.init($('#magnifyBox')); |
140 | 143 | ||
@@ -187,12 +190,16 @@ class Main { | @@ -187,12 +190,16 @@ class Main { | ||
187 | 190 | ||
188 | //登录注册 | 191 | //登录注册 |
189 | _loginOrRegister = new LoginOrRegister(); | 192 | _loginOrRegister = new LoginOrRegister(); |
193 | + _loginOrRegister.on(MessageTypes.LOGIN_OUT,this.loginOut.bind(this)); | ||
194 | + _loginOrRegister.on(MessageTypes.LOGIN_IN,this.loginIn.bind(this)); | ||
195 | + | ||
190 | //互动课堂 | 196 | //互动课堂 |
191 | _lanclassApe = new LanclassApe(); | 197 | _lanclassApe = new LanclassApe(); |
192 | //互动课堂 | 198 | //互动课堂 |
193 | _liveClassApe = new LiveClassApe(); | 199 | _liveClassApe = new LiveClassApe(); |
194 | //首页 | 200 | //首页 |
195 | _homeApe = new HomeApe(); | 201 | _homeApe = new HomeApe(); |
202 | + _homeApe.on(MessageTypes.HOME_SKIP,this.homeSkip.bind(this)); | ||
196 | //老师 | 203 | //老师 |
197 | _teacherDetailApe = new TeacherDetailApe(); | 204 | _teacherDetailApe = new TeacherDetailApe(); |
198 | //创建课堂 | 205 | //创建课堂 |
@@ -202,9 +209,49 @@ class Main { | @@ -202,9 +209,49 @@ class Main { | ||
202 | //管理员 | 209 | //管理员 |
203 | _administratorApe = new AdministratorApe(); | 210 | _administratorApe = new AdministratorApe(); |
204 | 211 | ||
212 | + //个人中心 | ||
213 | + _myCenterApe = new MyCenterApe(); | ||
214 | + | ||
205 | this._onFlashLoaded(); | 215 | this._onFlashLoaded(); |
206 | } | 216 | } |
207 | 217 | ||
218 | + | ||
219 | + // | ||
220 | + loginOut(_data){ | ||
221 | + // | ||
222 | + if(_homeApe){ | ||
223 | + _homeApe.detailPage(); | ||
224 | + } | ||
225 | + | ||
226 | + | ||
227 | + } | ||
228 | + loginIn(_data){ | ||
229 | + loger.log('进入课堂时显示的type值---登录',_data.userType) | ||
230 | + if(_data && _data.userType){ | ||
231 | + if(_data.userType == ClassDataProxy.USER_TYPE_1){ | ||
232 | + this._teacherHome(); | ||
233 | + _teacherDetailApe.detailPage(); | ||
234 | + }else if(_data.userType == ClassDataProxy.USER_TYPE_2){ | ||
235 | + this._showAdministratorInfo(); | ||
236 | + _administratorApe.detailPage(); | ||
237 | + }else if(_data.userType == ClassDataProxy.USER_TYPE_8){ | ||
238 | + _homeApe.detailPage(); | ||
239 | + }else if(_data.userType == ClassDataProxy.USER_TYPE_32){ | ||
240 | + | ||
241 | + }else{ | ||
242 | + | ||
243 | + } | ||
244 | + } | ||
245 | + } | ||
246 | + homeSkip(_data){ | ||
247 | + if(_data && _data.userType){ | ||
248 | + if(_data.userType == ClassDataProxy.USER_TYPE_1){ | ||
249 | + _teacherDetailApe.detailPage(); | ||
250 | + } | ||
251 | + } | ||
252 | + } | ||
253 | + | ||
254 | + | ||
208 | //监听文档、媒体共享、屏幕共享模块的切换 | 255 | //监听文档、媒体共享、屏幕共享模块的切换 |
209 | _onSceneChangeHandler(_sceneName) { | 256 | _onSceneChangeHandler(_sceneName) { |
210 | switch (_sceneName) { | 257 | switch (_sceneName) { |
@@ -395,7 +442,62 @@ class Main { | @@ -395,7 +442,62 @@ class Main { | ||
395 | _musicShareApe.stop(); | 442 | _musicShareApe.stop(); |
396 | } | 443 | } |
397 | } | 444 | } |
398 | - | 445 | + //判断登录用户的状态 |
446 | + _localStorageState(){ | ||
447 | + let userType = window.localStorage.getItem('userType')||0; | ||
448 | + loger.log('进入课堂时显示的type值',parseInt(userType)) | ||
449 | + | ||
450 | + switch (parseInt(userType)){ | ||
451 | + case ClassDataProxy.USER_TYPE_1: | ||
452 | + console.log('老师') | ||
453 | + //ClassDataProxy.userType = ClassDataProxy.USER_TYPE_1; | ||
454 | + this._teacherHome(); | ||
455 | + break; | ||
456 | + case ClassDataProxy.USER_TYPE_2: | ||
457 | + console.log('管理员') | ||
458 | + // ClassDataProxy.userType = ClassDataProxy.USER_TYPE_2; | ||
459 | + this._showAdministratorInfo(); | ||
460 | + break; | ||
461 | + case ClassDataProxy.USER_TYPE_8: | ||
462 | + console.log('学生') | ||
463 | + ///ClassDataProxy.userType = ClassDataProxy.USER_TYPE_8; | ||
464 | + this._student(); | ||
465 | + break; | ||
466 | + case ClassDataProxy.USER_TYPE_32: | ||
467 | + console.log('兼课') | ||
468 | + //ClassDataProxy.userType = ClassDataProxy.USER_TYPE_32; | ||
469 | + break; | ||
470 | + default: | ||
471 | + console.log('游客') | ||
472 | + // ClassDataProxy.userType = ClassDataProxy.USER_TYPE_0; | ||
473 | + this._student(); | ||
474 | + break; | ||
475 | + } | ||
476 | + } | ||
477 | + _showAdministratorInfo(){ | ||
478 | + $('#slideshow').hide(); | ||
479 | + $('#defaultBox').hide(); | ||
480 | + $('#header_list').hide(); | ||
481 | + $('#header_seek').hide(); | ||
482 | + $('#androidDownload').hide(); | ||
483 | + $('#classManagementBox').show(); | ||
484 | + } | ||
485 | + _teacherHome(){ | ||
486 | + $('#slideshow').hide(); | ||
487 | + $('#defaultBox').hide(); | ||
488 | + $('#header_list').show(); | ||
489 | + $('#header_seek').show(); | ||
490 | + $('#androidDownload').show(); | ||
491 | + $('#classManagementBox').hide(); | ||
492 | + $('#classifyListBox').show(); | ||
493 | + } | ||
494 | + _student(){ | ||
495 | + $('#slideshow').show(); | ||
496 | + $('#defaultBox').show(); | ||
497 | + $('#classifyListBox').hide(); | ||
498 | + $('#teacherDetailBox').hide(); | ||
499 | + $('#lanclassBox').hide(); | ||
500 | + } | ||
399 | //获取国际化语言 | 501 | //获取国际化语言 |
400 | _localConfig() { | 502 | _localConfig() { |
401 | let language = navigator.language || navigator.browserLanguage; | 503 | let language = navigator.language || navigator.browserLanguage; |
@@ -206,6 +206,26 @@ class ClassDataProxy { | @@ -206,6 +206,26 @@ class ClassDataProxy { | ||
206 | } | 206 | } |
207 | return Sys; | 207 | return Sys; |
208 | } | 208 | } |
209 | + //计算时间差值显示列表 | ||
210 | + static getTimeDifference(start,end){ | ||
211 | + | ||
212 | + let newStart = new Date(start) | ||
213 | + let newEnd = new Date(end) | ||
214 | + | ||
215 | + let day =1000*3600*24; | ||
216 | + | ||
217 | + let timer = parseInt((newEnd.getTime() - newStart.getTime()) / parseInt(day)); | ||
218 | + let newEndHours = newEnd.getHours()<10?'0'+newEnd.getHours():newEnd.getHours(); | ||
219 | + let newStartHours = newStart.getHours()<10?'0'+newStart.getHours():newStart.getHours(); | ||
220 | + | ||
221 | + let newStartDate = newStart.getDate()<10?'0'+newStart.getDate():newStart.getDate(); | ||
222 | + let newStartDay = newStart.getDay()<10?'0'+newStart.getDay():newStart.getDay(); | ||
223 | + if(timer == 0){ | ||
224 | + return '今天 ' + ' '+newStartHours + ':00' + ' - ' + newEndHours+':00'; | ||
225 | + }else{ | ||
226 | + return newStartDate+1 + '月' + newStartDay +'日 ' + ' '+newStartHours + ':00' + ' - ' + newEndHours+':00'; | ||
227 | + } | ||
228 | + } | ||
209 | } | 229 | } |
210 | 230 | ||
211 | //Class | 231 | //Class |
@@ -232,6 +252,18 @@ ClassDataProxy.password = ""; | @@ -232,6 +252,18 @@ ClassDataProxy.password = ""; | ||
232 | ClassDataProxy.nodeId = 0; | 252 | ClassDataProxy.nodeId = 0; |
233 | ClassDataProxy.userRole = "normal"; | 253 | ClassDataProxy.userRole = "normal"; |
234 | ClassDataProxy.autoLogin = ""; | 254 | ClassDataProxy.autoLogin = ""; |
255 | +ClassDataProxy.userType = 0; | ||
256 | + | ||
257 | +ClassDataProxy.loginName =""; | ||
258 | +ClassDataProxy.password ="" | ||
259 | +ClassDataProxy.token =""; | ||
260 | +ClassDataProxy.status = false; | ||
261 | + | ||
262 | +ClassDataProxy.USER_TYPE_0 = 0; | ||
263 | +ClassDataProxy.USER_TYPE_1 = 1; | ||
264 | +ClassDataProxy.USER_TYPE_2 = 2; | ||
265 | +ClassDataProxy.USER_TYPE_8 = 8; | ||
266 | +ClassDataProxy.USER_TYPE_32 = 32; | ||
235 | 267 | ||
236 | ClassDataProxy.rosterList={};//用户列表数据 | 268 | ClassDataProxy.rosterList={};//用户列表数据 |
237 | ClassDataProxy.rosterListUpdata={};//用户更新的数据 | 269 | ClassDataProxy.rosterListUpdata={};//用户更新的数据 |
@@ -240,9 +272,11 @@ ClassDataProxy.curUserInfoTeaOrStu; | @@ -240,9 +272,11 @@ ClassDataProxy.curUserInfoTeaOrStu; | ||
240 | ClassDataProxy.curRosterInvisibleNodeId=0; | 272 | ClassDataProxy.curRosterInvisibleNodeId=0; |
241 | 273 | ||
242 | 274 | ||
243 | -ClassDataProxy.USER_HOST = 'host'; | ||
244 | -ClassDataProxy.USER_NOTMAL = 'normal'; | ||
245 | -ClassDataProxy.USER_INVISIBLE = 'invisible'; | 275 | +ClassDataProxy.USER_HOST = 'host';//老师 |
276 | +ClassDataProxy.USER_NOTMAL = 'normal';//学生 | ||
277 | +ClassDataProxy.USER_INVISIBLE = 'invisible';//兼课 | ||
278 | +ClassDataProxy.USER_ADMIN = 'admin';//管理员 | ||
279 | +ClassDataProxy.USER_VISITOR = 'visitor';//游客 | ||
246 | 280 | ||
247 | ClassDataProxy.docServer = "";//文档服务器地址 | 281 | ClassDataProxy.docServer = "";//文档服务器地址 |
248 | ClassDataProxy.maxAudioChannels = 0;//最大音频路数 | 282 | ClassDataProxy.maxAudioChannels = 0;//最大音频路数 |
-
请 注册 或 登录 后发表评论