董佳音

修改管理员登录判断,修改列表时间

@@ -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">&#xe642;</button> 24 <button class="header_seekBtn iconfont">&#xe642;</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">&#xe6a5;</li> 30 <li class="userNews iconfont">&#xe6a5;</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,8 +243,25 @@ class LoginOrRegister extends Ape { @@ -232,8 +243,25 @@ 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();
  246 + //判断状态1 是管理员
  247 + this._administratorInfo(_data);
  248 + //状态2 是老师
  249 + //状态8 是学生
  250 + //状态32 是兼课
235 } 251 }
236 } 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();
  264 + }
237 265
238 } 266 }
239 export default LoginOrRegister; 267 export default LoginOrRegister;