正在显示
5 个修改的文件
包含
69 行增加
和
18 行删除
| @@ -647,6 +647,7 @@ body{ | @@ -647,6 +647,7 @@ body{ | ||
| 647 | width:100%; | 647 | width:100%; |
| 648 | display: inline-block; | 648 | display: inline-block; |
| 649 | margin:40px 0; | 649 | margin:40px 0; |
| 650 | + float: left; | ||
| 650 | display: none; | 651 | display: none; |
| 651 | } | 652 | } |
| 652 | .classManagementLeft{ | 653 | .classManagementLeft{ |
| @@ -664,20 +665,12 @@ body{ | @@ -664,20 +665,12 @@ body{ | ||
| 664 | font-size: 14px; | 665 | font-size: 14px; |
| 665 | height: 55px; | 666 | height: 55px; |
| 666 | line-height: 55px; | 667 | line-height: 55px; |
| 668 | + color:#666666; | ||
| 667 | } | 669 | } |
| 668 | .recordLiText{ | 670 | .recordLiText{ |
| 669 | padding-left:15px; | 671 | padding-left:15px; |
| 670 | - color:#666666; | ||
| 671 | -} | ||
| 672 | -.recordLiText + label { | ||
| 673 | - color:#666666; | ||
| 674 | -} | ||
| 675 | -.recordLiText:checked + label { | ||
| 676 | - color:#666666; | ||
| 677 | } | 672 | } |
| 678 | -/*.recordLi:hover{ | ||
| 679 | - color: #3498db; | ||
| 680 | -}*/ | 673 | + |
| 681 | .recordLiTextCheck{ | 674 | .recordLiTextCheck{ |
| 682 | color: #3498db; | 675 | color: #3498db; |
| 683 | } | 676 | } |
| @@ -707,6 +700,9 @@ body{ | @@ -707,6 +700,9 @@ body{ | ||
| 707 | .liveInfoLeftLi:hover{ | 700 | .liveInfoLeftLi:hover{ |
| 708 | border-bottom:1px solid #3498db; | 701 | border-bottom:1px solid #3498db; |
| 709 | } | 702 | } |
| 703 | +.liveInfoLeftLiCheck{ | ||
| 704 | + border-bottom:1px solid #3498db; | ||
| 705 | +} | ||
| 710 | .liveInfoRight{ | 706 | .liveInfoRight{ |
| 711 | float: right; | 707 | float: right; |
| 712 | width:200px; | 708 | width:200px; |
| @@ -1202,6 +1198,8 @@ body{ | @@ -1202,6 +1198,8 @@ body{ | ||
| 1202 | width:42px; | 1198 | width:42px; |
| 1203 | height:42px; | 1199 | height:42px; |
| 1204 | display: inline-block; | 1200 | display: inline-block; |
| 1201 | + font-size: 36px; | ||
| 1202 | + text-align: center; | ||
| 1205 | } | 1203 | } |
| 1206 | .openidOauthTit{ | 1204 | .openidOauthTit{ |
| 1207 | width: 42px; | 1205 | width: 42px; |
| @@ -13,18 +13,18 @@ | @@ -13,18 +13,18 @@ | ||
| 13 | <div class="header_img"> | 13 | <div class="header_img"> |
| 14 | <img src="images/logo.png" alt=""> | 14 | <img src="images/logo.png" alt=""> |
| 15 | </div> | 15 | </div> |
| 16 | - <ul class="header_list"> | 16 | + <ul class="header_list" id="header_list"> |
| 17 | <li class="header_listMsg header_listTeacherMsg header_listMsgCheck" id="defaultBtn">首页</li> | 17 | <li class="header_listMsg header_listTeacherMsg header_listMsgCheck" id="defaultBtn">首页</li> |
| 18 | <li class="header_listMsg" id="liveBtn" data="最新直播课程">直播课堂</li> | 18 | <li class="header_listMsg" id="liveBtn" data="最新直播课程">直播课堂</li> |
| 19 | <li class="header_listMsg header_listTeacherMsg" id="lanclassBtn" data="最新互动课程">互动课堂</li> | 19 | <li class="header_listMsg header_listTeacherMsg" id="lanclassBtn" data="最新互动课程">互动课堂</li> |
| 20 | <li class="header_listMsg header_listTeacherMsg" id="teacherBtn" data="推荐老师">老师</li> | 20 | <li class="header_listMsg header_listTeacherMsg" id="teacherBtn" data="推荐老师">老师</li> |
| 21 | </ul> | 21 | </ul> |
| 22 | - <div class="header_seek"> | 22 | + <div class="header_seek" id="header_seek"> |
| 23 | <input type="text" class="header_seekInput"> | 23 | <input type="text" class="header_seekInput"> |
| 24 | <button class="header_seekBtn iconfont"></button> | 24 | <button class="header_seekBtn iconfont"></button> |
| 25 | </div> | 25 | </div> |
| 26 | <ul class="DownloadLoginBox"> | 26 | <ul class="DownloadLoginBox"> |
| 27 | - <li class="androidDownload"> | 27 | + <li class="androidDownload" id="androidDownload"> |
| 28 | 移动端下载 | 28 | 移动端下载 |
| 29 | </li> | 29 | </li> |
| 30 | <li class="userNews iconfont"></li> | 30 | <li class="userNews iconfont"></li> |
| @@ -27,7 +27,8 @@ class CreateClassApe extends Ape { | @@ -27,7 +27,8 @@ class CreateClassApe extends Ape { | ||
| 27 | $('#collectYes').hide(); | 27 | $('#collectYes').hide(); |
| 28 | 28 | ||
| 29 | $('#createClassBtn').on('click',this._createClassBtnHandler.bind(this)); | 29 | $('#createClassBtn').on('click',this._createClassBtnHandler.bind(this)); |
| 30 | - $('.recordLi').on('click',this._recordLiHandler.bind(this)); | 30 | + $('.recordLi').on('click',this._recordLiHandler.bind(this));//课堂分类 |
| 31 | + $('.liveInfoLeftLi').on('click',this._liveInfoLeftLiHandler.bind(this));//直播信息 | ||
| 31 | 32 | ||
| 32 | $('#createClassA').on('click',this._closeClassHandler.bind(this)); | 33 | $('#createClassA').on('click',this._closeClassHandler.bind(this)); |
| 33 | $('.main_closeBtn').on('click',this._closeClassHandler.bind(this)); | 34 | $('.main_closeBtn').on('click',this._closeClassHandler.bind(this)); |
| @@ -50,7 +51,10 @@ class CreateClassApe extends Ape { | @@ -50,7 +51,10 @@ class CreateClassApe extends Ape { | ||
| 50 | $('#classifyListContent').find('.classifyList').eq(i==3).addClass('classifyListR'); | 51 | $('#classifyListContent').find('.classifyList').eq(i==3).addClass('classifyListR'); |
| 51 | } | 52 | } |
| 52 | _recordLiHandler(evt){ | 53 | _recordLiHandler(evt){ |
| 53 | - $(evt.target).addClass('recordLiTextCheck').siblings().removeClass('recordLiTextCheck'); | 54 | + $(evt.currentTarget).addClass('recordLiTextCheck').siblings().removeClass('recordLiTextCheck'); |
| 55 | + } | ||
| 56 | + _liveInfoLeftLiHandler(evt){ | ||
| 57 | + $(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck'); | ||
| 54 | } | 58 | } |
| 55 | _createClassBtnHandler(evt){ | 59 | _createClassBtnHandler(evt){ |
| 56 | $('#createClassBox').show(); | 60 | $('#createClassBox').show(); |
| @@ -89,12 +89,13 @@ class HomeApe extends Ape { | @@ -89,12 +89,13 @@ class HomeApe extends Ape { | ||
| 89 | for(let i = 0;i<_dataList.length;i++){ | 89 | for(let i = 0;i<_dataList.length;i++){ |
| 90 | if(i<8){ | 90 | if(i<8){ |
| 91 | let j = (i%4)==3; | 91 | let j = (i%4)==3; |
| 92 | + let _getTime = this.getTime(_dataList[i].beginTime,_dataList[i].endTime) | ||
| 92 | let _classifyList = this._format(classifyList,{ | 93 | let _classifyList = this._format(classifyList,{ |
| 93 | _classifyListR : j?'classifyListR':'', | 94 | _classifyListR : j?'classifyListR':'', |
| 94 | _id : _dataList[i].id, | 95 | _id : _dataList[i].id, |
| 95 | _msgImg :'../images/u373.png', | 96 | _msgImg :'../images/u373.png', |
| 96 | _classroomTitle : _dataList[i].meetingName, | 97 | _classroomTitle : _dataList[i].meetingName, |
| 97 | - _schoolTime : '11', | 98 | + _schoolTime : _getTime, |
| 98 | _subscribeNum : _dataList[i].reservationNumber+'人已预约' | 99 | _subscribeNum : _dataList[i].reservationNumber+'人已预约' |
| 99 | }) | 100 | }) |
| 100 | liveList.append(_classifyList); | 101 | liveList.append(_classifyList); |
| @@ -103,6 +104,26 @@ class HomeApe extends Ape { | @@ -103,6 +104,26 @@ class HomeApe extends Ape { | ||
| 103 | } | 104 | } |
| 104 | } | 105 | } |
| 105 | } | 106 | } |
| 107 | + getTime(start,end){ | ||
| 108 | + | ||
| 109 | + let newStart = new Date(start) | ||
| 110 | + let newEnd = new Date(end) | ||
| 111 | + | ||
| 112 | + let day =1000*3600*24; | ||
| 113 | + | ||
| 114 | + let timer = parseInt((newEnd.getTime() - newStart.getTime()) / parseInt(day)); | ||
| 115 | + let newEndHours = newEnd.getHours()<10?'0'+newEnd.getHours():newEnd.getHours(); | ||
| 116 | + let newStartHours = newStart.getHours()<10?'0'+newStart.getHours():newStart.getHours(); | ||
| 117 | + | ||
| 118 | + let newStartDate = newStart.getDate()<10?'0'+newStart.getDate():newStart.getDate(); | ||
| 119 | + let newStartDay = newStart.getDay()<10?'0'+newStart.getDay():newStart.getDay(); | ||
| 120 | + if(timer == 0){ | ||
| 121 | + return '今天 ' + ' '+newStartHours + ':00' + ' - ' + newEndHours+':00'; | ||
| 122 | + }else{ | ||
| 123 | + return newStartDate+1 + '月' + newStartDay +'日 ' + ' '+newStartHours + ':00' + ' - ' + newEndHours+':00'; | ||
| 124 | + } | ||
| 125 | + | ||
| 126 | + } | ||
| 106 | //工具类 | 127 | //工具类 |
| 107 | _format(str, obj) { | 128 | _format(str, obj) { |
| 108 | return str.replace(/\{(\w+)\}/g, function (match, group, index) { | 129 | return str.replace(/\{(\w+)\}/g, function (match, group, index) { |
| @@ -14,6 +14,8 @@ let loger = Loger.getLoger('PC-LoginOrRegister'); | @@ -14,6 +14,8 @@ let loger = Loger.getLoger('PC-LoginOrRegister'); | ||
| 14 | class LoginOrRegister extends Ape { | 14 | class LoginOrRegister extends Ape { |
| 15 | constructor() { | 15 | constructor() { |
| 16 | super(); | 16 | super(); |
| 17 | + this.localStorage = window.localStorage; | ||
| 18 | + this.isLocalStorage(); | ||
| 17 | this.addEvent(); | 19 | this.addEvent(); |
| 18 | this.init(); | 20 | this.init(); |
| 19 | } | 21 | } |
| @@ -35,6 +37,12 @@ class LoginOrRegister extends Ape { | @@ -35,6 +37,12 @@ class LoginOrRegister extends Ape { | ||
| 35 | 37 | ||
| 36 | $('#homeUserLoginBtn').on('click',this._homeUserLoginBtnHandler.bind(this));//首页用户登录 | 38 | $('#homeUserLoginBtn').on('click',this._homeUserLoginBtnHandler.bind(this));//首页用户登录 |
| 37 | 39 | ||
| 40 | + | ||
| 41 | + } | ||
| 42 | + isLocalStorage(){ | ||
| 43 | + if(window.localStorage.getItem('loginName') && window.localStorage.getItem('password')){ | ||
| 44 | + this._showAdministratorInfo(); | ||
| 45 | + } | ||
| 38 | } | 46 | } |
| 39 | 47 | ||
| 40 | addEvent() { | 48 | addEvent() { |
| @@ -210,13 +218,16 @@ class LoginOrRegister extends Ape { | @@ -210,13 +218,16 @@ class LoginOrRegister extends Ape { | ||
| 210 | "password": _passWord.value, //登录密码 | 218 | "password": _passWord.value, //登录密码 |
| 211 | "code":"quwerdf" | 219 | "code":"quwerdf" |
| 212 | } | 220 | } |
| 221 | + let that = this; | ||
| 213 | $.ajax({ | 222 | $.ajax({ |
| 214 | type: "POST", | 223 | type: "POST", |
| 215 | url: 'http://192.168.31.8:3000/users/login', | 224 | url: 'http://192.168.31.8:3000/users/login', |
| 216 | data: signInfo, | 225 | data: signInfo, |
| 217 | success:function(_data){ | 226 | success:function(_data){ |
| 218 | - console.log(_data,'成功') | ||
| 219 | that.successLogin(_data); | 227 | that.successLogin(_data); |
| 228 | + window.localStorage.setItem("loginName",_name.value); | ||
| 229 | + window.localStorage.setItem("password", _passWord.value); | ||
| 230 | + window.localStorage.setItem("token",_data.returnData.data.token); | ||
| 220 | }, | 231 | }, |
| 221 | error:function(error){ | 232 | error:function(error){ |
| 222 | debugger; | 233 | debugger; |
| @@ -232,7 +243,24 @@ class LoginOrRegister extends Ape { | @@ -232,7 +243,24 @@ class LoginOrRegister extends Ape { | ||
| 232 | successLogin(_data){ | 243 | successLogin(_data){ |
| 233 | if(_data.code == 200){ | 244 | if(_data.code == 200){ |
| 234 | this._userLoginAHandler(); | 245 | this._userLoginAHandler(); |
| 235 | - } | 246 | + //判断状态1 是管理员 |
| 247 | + this._administratorInfo(_data); | ||
| 248 | + //状态2 是老师 | ||
| 249 | + //状态8 是学生 | ||
| 250 | + //状态32 是兼课 | ||
| 251 | + } | ||
| 252 | + } | ||
| 253 | + _showAdministratorInfo(){ | ||
| 254 | + $('#slideshow').hide(); | ||
| 255 | + $('#defaultBox').hide(); | ||
| 256 | + $('#header_list').hide(); | ||
| 257 | + $('#header_seek').hide(); | ||
| 258 | + $('#androidDownload').hide(); | ||
| 259 | + $('#classManagementBox').show(); | ||
| 260 | + } | ||
| 261 | + _administratorInfo(_data){ | ||
| 262 | + //显示相应的数据 | ||
| 263 | + this._showAdministratorInfo(); | ||
| 236 | } | 264 | } |
| 237 | 265 | ||
| 238 | } | 266 | } |
-
请 注册 或 登录 后发表评论