正在显示
7 个修改的文件
包含
292 行增加
和
42 行删除
| @@ -556,10 +556,10 @@ body{ | @@ -556,10 +556,10 @@ body{ | ||
| 556 | padding:5px 0; | 556 | padding:5px 0; |
| 557 | } | 557 | } |
| 558 | .teacherDetailInfoRight{ | 558 | .teacherDetailInfoRight{ |
| 559 | - width: 700px; | 559 | + width: 720px; |
| 560 | height:194px; | 560 | height:194px; |
| 561 | background: #fff; | 561 | background: #fff; |
| 562 | - margin-left:40px; | 562 | + margin-left:20px; |
| 563 | float: left; | 563 | float: left; |
| 564 | padding:30px; | 564 | padding:30px; |
| 565 | } | 565 | } |
| @@ -580,6 +580,9 @@ body{ | @@ -580,6 +580,9 @@ body{ | ||
| 580 | margin-top:65px; | 580 | margin-top:65px; |
| 581 | cursor: pointer; | 581 | cursor: pointer; |
| 582 | } | 582 | } |
| 583 | +.btnHover:hover{ | ||
| 584 | + background: #58afed; | ||
| 585 | +} | ||
| 583 | .teacherDetailReferralTitle{ | 586 | .teacherDetailReferralTitle{ |
| 584 | font-size: 16px; | 587 | font-size: 16px; |
| 585 | color: #333333; | 588 | color: #333333; |
| @@ -596,7 +599,7 @@ body{ | @@ -596,7 +599,7 @@ body{ | ||
| 596 | background: #fff; | 599 | background: #fff; |
| 597 | } | 600 | } |
| 598 | .teacherDetailContentUl{ | 601 | .teacherDetailContentUl{ |
| 599 | - padding:40px 30px 30px 30px; | 602 | + padding:20px 30px 30px 30px; |
| 600 | border-bottom: 1px solid #ccc; | 603 | border-bottom: 1px solid #ccc; |
| 601 | } | 604 | } |
| 602 | .teacherDetailBasics{ | 605 | .teacherDetailBasics{ |
| @@ -761,6 +764,7 @@ body{ | @@ -761,6 +764,7 @@ body{ | ||
| 761 | font-size: 12px; | 764 | font-size: 12px; |
| 762 | color: #333333; | 765 | color: #333333; |
| 763 | border-bottom:1px solid #e6e6e6; | 766 | border-bottom:1px solid #e6e6e6; |
| 767 | + line-height: 42px; | ||
| 764 | } | 768 | } |
| 765 | .classHandlePort{ | 769 | .classHandlePort{ |
| 766 | margin: 0 3px; | 770 | margin: 0 3px; |
| @@ -786,6 +790,10 @@ body{ | @@ -786,6 +790,10 @@ body{ | ||
| 786 | color: #333333; | 790 | color: #333333; |
| 787 | cursor: pointer; | 791 | cursor: pointer; |
| 788 | } | 792 | } |
| 793 | +.classHandlerPageInfo:checked{ | ||
| 794 | + background: #3498db; | ||
| 795 | + color:#fff; | ||
| 796 | +} | ||
| 789 | .classHandlerPageInfoCheck{ | 797 | .classHandlerPageInfoCheck{ |
| 790 | background: #3498db; | 798 | background: #3498db; |
| 791 | color:#fff; | 799 | color:#fff; |
| @@ -1156,6 +1164,7 @@ body{ | @@ -1156,6 +1164,7 @@ body{ | ||
| 1156 | border-radius: 2px; | 1164 | border-radius: 2px; |
| 1157 | border:1px solid #e6e6e6; | 1165 | border:1px solid #e6e6e6; |
| 1158 | font-size: 12px; | 1166 | font-size: 12px; |
| 1167 | + position: relative; | ||
| 1159 | } | 1168 | } |
| 1160 | .userVerifyLi{ | 1169 | .userVerifyLi{ |
| 1161 | width: 157px; | 1170 | width: 157px; |
| @@ -1287,6 +1296,14 @@ body{ | @@ -1287,6 +1296,14 @@ body{ | ||
| 1287 | font-size: 36px; | 1296 | font-size: 36px; |
| 1288 | text-align: center; | 1297 | text-align: center; |
| 1289 | } | 1298 | } |
| 1299 | +.errorTit{ | ||
| 1300 | + width: 100%; | ||
| 1301 | + position: absolute; | ||
| 1302 | + left: 0; | ||
| 1303 | + bottom: -28px; | ||
| 1304 | + text-align: center; | ||
| 1305 | + color:#d95136; | ||
| 1306 | +} | ||
| 1290 | .openidOauthTit{ | 1307 | .openidOauthTit{ |
| 1291 | width: 42px; | 1308 | width: 42px; |
| 1292 | text-align: center; | 1309 | text-align: center; |
| @@ -191,7 +191,7 @@ | @@ -191,7 +191,7 @@ | ||
| 191 | 授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容 | 191 | 授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容授课内容 |
| 192 | </p> | 192 | </p> |
| 193 | </div> | 193 | </div> |
| 194 | - <button class="teacherDetailOrderBtn" id="orderBtn">我要预约</button> | 194 | + <button class="teacherDetailOrderBtn btnHover" id="orderBtn">我要预约</button> |
| 195 | </div> | 195 | </div> |
| 196 | </div> | 196 | </div> |
| 197 | <div class="teacherDetailContent"> | 197 | <div class="teacherDetailContent"> |
| @@ -297,7 +297,7 @@ | @@ -297,7 +297,7 @@ | ||
| 297 | <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveEnd"></div> | 297 | <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveEnd"></div> |
| 298 | </div> | 298 | </div> |
| 299 | </div> | 299 | </div> |
| 300 | - <div class="classManagementRightContent"> | 300 | + <div class="classManagementRightContent" id="courseContent"> |
| 301 | <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" id="t_box" class="t_box"> | 301 | <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" id="t_box" class="t_box"> |
| 302 | <tbody> | 302 | <tbody> |
| 303 | <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | 303 | <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> |
| @@ -351,7 +351,6 @@ | @@ -351,7 +351,6 @@ | ||
| 351 | <a class="classHandlePort" href="">加入课堂</a> | 351 | <a class="classHandlePort" href="">加入课堂</a> |
| 352 | </td> | 352 | </td> |
| 353 | </tr> | 353 | </tr> |
| 354 | - | ||
| 355 | </tbody> | 354 | </tbody> |
| 356 | </table> | 355 | </table> |
| 357 | 356 | ||
| @@ -361,22 +360,22 @@ | @@ -361,22 +360,22 @@ | ||
| 361 | <tbody> | 360 | <tbody> |
| 362 | <tr> | 361 | <tr> |
| 363 | <td height="60" colspan="11" class="tr_bottom" style=""> | 362 | <td height="60" colspan="11" class="tr_bottom" style=""> |
| 364 | - <span class="classHandlerPageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span> | 363 | + <span class="classHandlerPageMsg" id="classHandlerPageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span> |
| 365 | <ul class="classHandlerPageInfoBox"> | 364 | <ul class="classHandlerPageInfoBox"> |
| 366 | <li class="classHandlerPageInfo"> | 365 | <li class="classHandlerPageInfo"> |
| 367 | - <span id="classHandlerHomePage">首页</span> | 366 | + <span id="classHandlerHomePage" id="classHandlerHomePage">首页</span> |
| 368 | </li> | 367 | </li> |
| 369 | <li class="classHandlerPageInfo"> | 368 | <li class="classHandlerPageInfo"> |
| 370 | - <span id="classHandlerUpPage">上一页</span> | 369 | + <span id="classHandlerUpPage" id="classHandlerUpPage">上一页</span> |
| 371 | </li> | 370 | </li> |
| 372 | <li class="classHandlerPageInfo"> | 371 | <li class="classHandlerPageInfo"> |
| 373 | - <span id="classHandlerDownPage">下一页</span> | 372 | + <span id="classHandlerDownPage" id="classHandlerDownPage">下一页</span> |
| 374 | </li> | 373 | </li> |
| 375 | <li class="classHandlerPageInfo"> | 374 | <li class="classHandlerPageInfo"> |
| 376 | - <span id="classHandlerEndPage">尾页</span> | 375 | + <span id="classHandlerEndPage" id="classHandlerEndPage">尾页</span> |
| 377 | </li> | 376 | </li> |
| 378 | <li class="classHandlerPageInfo"> | 377 | <li class="classHandlerPageInfo"> |
| 379 | - <input class="classHandlerPageInfoInput" type="text"> | 378 | + <input id="classHandlerPageInfoInput" class="classHandlerPageInfoInput" type="text"> |
| 380 | </li> | 379 | </li> |
| 381 | <li class="classHandlerPageInfo classHandlerPageInfoCheck"> | 380 | <li class="classHandlerPageInfo classHandlerPageInfoCheck"> |
| 382 | <span id="classHandlerSpecificPage">GO</span> | 381 | <span id="classHandlerSpecificPage">GO</span> |
| @@ -513,7 +512,7 @@ | @@ -513,7 +512,7 @@ | ||
| 513 | </div> | 512 | </div> |
| 514 | </div> | 513 | </div> |
| 515 | <div class="form_button"> | 514 | <div class="form_button"> |
| 516 | - <input id="createClassSubmit1" page-index="1" type="button" value="下一步" class="createClassBtn createClassConfirm"> | 515 | + <input id="createClassSubmit1" page-index="1" type="button" value="下一步" class="createClassBtn createClassConfirm btnHover"> |
| 517 | <span class="createClassBtn main_closeBtn">取消</span> | 516 | <span class="createClassBtn main_closeBtn">取消</span> |
| 518 | </div> | 517 | </div> |
| 519 | </div> | 518 | </div> |
| @@ -779,8 +778,8 @@ | @@ -779,8 +778,8 @@ | ||
| 779 | </div> | 778 | </div> |
| 780 | </div> | 779 | </div> |
| 781 | <div class="form_button form_button2"> | 780 | <div class="form_button form_button2"> |
| 782 | - <input id="createClassUpOne" page-index="0" type="button" value="上一步" class="createClassBtn createClassConfirm createClassBtnUp"> | ||
| 783 | - <input id="createClassSubmit2" page-index="2" type="button" value="下一步" class="createClassBtn createClassConfirm"> | 781 | + <input id="createClassUpOne" page-index="0" type="button" value="上一步" class="createClassBtn createClassConfirm createClassBtnUp btnHover"> |
| 782 | + <input id="createClassSubmit2" page-index="2" type="button" value="下一步" class="createClassBtn createClassConfirm btnHover"> | ||
| 784 | <span class="createClassBtn main_closeBtn">取消</span> | 783 | <span class="createClassBtn main_closeBtn">取消</span> |
| 785 | </div> | 784 | </div> |
| 786 | </div> | 785 | </div> |
| @@ -963,8 +962,8 @@ | @@ -963,8 +962,8 @@ | ||
| 963 | </div> | 962 | </div> |
| 964 | </div> | 963 | </div> |
| 965 | <div class="form_button"> | 964 | <div class="form_button"> |
| 966 | - <input id="createClassUpTwo" page-index="1" type="button" value="上一步" class="createClassBtn createClassConfirm"> | ||
| 967 | - <input id="createClassSubmit3" page-index="3" type="button" value="完成" class="createClassBtn createClassConfirm"> | 965 | + <input id="createClassUpTwo" page-index="1" type="button" value="上一步" class="createClassBtn createClassConfirm btnHover"> |
| 966 | + <input id="createClassSubmit3" page-index="3" type="button" value="完成" class="createClassBtn createClassConfirm btnHover"> | ||
| 968 | </div> | 967 | </div> |
| 969 | </div> | 968 | </div> |
| 970 | </div> | 969 | </div> |
| @@ -1019,7 +1018,7 @@ | @@ -1019,7 +1018,7 @@ | ||
| 1019 | <li class="userVerifyLi usersignLi"> | 1018 | <li class="userVerifyLi usersignLi"> |
| 1020 | <input id="securityCode" class="userVerifyLiInput usersignInput" type="text" placeholder="验证码" maxlength="5" | 1019 | <input id="securityCode" class="userVerifyLiInput usersignInput" type="text" placeholder="验证码" maxlength="5" |
| 1021 | onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"> | 1020 | onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"> |
| 1022 | - <button class="userVerifyLiInputBtn">发送验证码</button> | 1021 | + <button class="userVerifyLiInputBtn btnHover">发送验证码</button> |
| 1023 | </li> | 1022 | </li> |
| 1024 | <li class="permitSign usersignLi"> | 1023 | <li class="permitSign usersignLi"> |
| 1025 | <input id="permitSign" class="permitSignIcon" type="checkbox"> | 1024 | <input id="permitSign" class="permitSignIcon" type="checkbox"> |
| @@ -1027,7 +1026,7 @@ | @@ -1027,7 +1026,7 @@ | ||
| 1027 | <span class="permitSignMsg">我已阅读并接受用户协议</span> | 1026 | <span class="permitSignMsg">我已阅读并接受用户协议</span> |
| 1028 | </li> | 1027 | </li> |
| 1029 | <li class="btnUsersignLi usersignLi"> | 1028 | <li class="btnUsersignLi usersignLi"> |
| 1030 | - <button id="signBtn" class="btnUsersign">注册</button> | 1029 | + <button id="signBtn" class="btnUsersign btnHover">注册</button> |
| 1031 | </li> | 1030 | </li> |
| 1032 | <p class="loginBtnBox"> | 1031 | <p class="loginBtnBox"> |
| 1033 | <span>已有账号,去</span> | 1032 | <span>已有账号,去</span> |
| @@ -1054,8 +1053,10 @@ | @@ -1054,8 +1053,10 @@ | ||
| 1054 | 忘记密码 | 1053 | 忘记密码 |
| 1055 | </p> | 1054 | </p> |
| 1056 | <li class="btnUsersignLi usersignLi"> | 1055 | <li class="btnUsersignLi usersignLi"> |
| 1057 | - <button class="btnUsersign" id="userLoginBtn">提交</button> | 1056 | + <button class="btnUsersign btnHover" id="userLoginBtn">提交</button> |
| 1057 | + <p class="errorTit" id="errorTit"></p> | ||
| 1058 | </li> | 1058 | </li> |
| 1059 | + | ||
| 1059 | <p class="forgetPasswordBtn nowSignBtn" id="nowUserSign"> | 1060 | <p class="forgetPasswordBtn nowSignBtn" id="nowUserSign"> |
| 1060 | 新用户注册 | 1061 | 新用户注册 |
| 1061 | </p> | 1062 | </p> |
| @@ -1084,7 +1085,7 @@ | @@ -1084,7 +1085,7 @@ | ||
| 1084 | 确定删除吗? | 1085 | 确定删除吗? |
| 1085 | </div> | 1086 | </div> |
| 1086 | <div class="removeHandlerBtn"> | 1087 | <div class="removeHandlerBtn"> |
| 1087 | - <button class="removeConfirm" id="removeConfirm">确定</button> | 1088 | + <button class="removeConfirm btnHover" id="removeConfirm">确定</button> |
| 1088 | <button class="removeCancel" id="removeCancel">取消</button> | 1089 | <button class="removeCancel" id="removeCancel">取消</button> |
| 1089 | </div> | 1090 | </div> |
| 1090 | </div> | 1091 | </div> |
src/ape/AdministratorApe.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 | +let loger = Loger.getLoger('PC-AdministratorApe'); | ||
| 13 | + | ||
| 14 | +const adminListTit = `<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" id="t_box" class="t_box"> | ||
| 15 | + <tbody> | ||
| 16 | + <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | ||
| 17 | + <th width="10%" class="tr_center"> | ||
| 18 | + 课堂主题 | ||
| 19 | + </th> | ||
| 20 | + <th width="9%" class="tr_center"> | ||
| 21 | + 课堂号 | ||
| 22 | + </th> | ||
| 23 | + <th width="8%" class="tr_center"> | ||
| 24 | + 老师 | ||
| 25 | + </th> | ||
| 26 | + <th width="6%" class="tr_center"> | ||
| 27 | + 课堂状态 | ||
| 28 | + </th> | ||
| 29 | + <th width="20%" class="tr_center"> | ||
| 30 | + 课堂时间 | ||
| 31 | + </th> | ||
| 32 | + <th width="6%" class="tr_center"> | ||
| 33 | + 在线人数 | ||
| 34 | + </th> | ||
| 35 | + <th width="22%" class="tr_center"> | ||
| 36 | + 操作 | ||
| 37 | + </th> | ||
| 38 | + </tr> | ||
| 39 | +`; | ||
| 40 | +//管理首页 | ||
| 41 | +const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6"> | ||
| 42 | + <td width="9%" class="tr_main">{_meetingName}</td> | ||
| 43 | + <td width="8%" class="tr_main">{_esenglish}</td> | ||
| 44 | + <td width="8%" class="tr_main">{_userName}</td> | ||
| 45 | + <td width="6%" class="tr_main">{_stateInfo}</td> | ||
| 46 | + <td width="18%" class="tr_main">{_time}</td> | ||
| 47 | + <td width="4%" class="tr_main">{_onlineLen}</td> | ||
| 48 | + <td width="22%" class="tr_main tr_mainRight" align="center" > | ||
| 49 | + <a id="{_DocInd}" class="classHandlePort" href="#">文档</a> | ||
| 50 | + <a id="{_mediaInd}" class="classHandlePort" href="">多媒体</a> | ||
| 51 | + <a id="{_musicInd}" class="classHandlePort" href="">伴音</a> | ||
| 52 | + <a id="{_updateInd}" class="classHandlePort" href="">修改</a> | ||
| 53 | + <a id="{_removeInd}" class="classHandlePort" href="">删除</a> | ||
| 54 | + <a id="{_joinInd}" class="classHandlePort" href="">加入课堂</a> | ||
| 55 | + </td> | ||
| 56 | + </tr> | ||
| 57 | +`; | ||
| 58 | +const adminListEnd = `</tbody></table>`; | ||
| 59 | +class AdministratorApe extends Ape { | ||
| 60 | + constructor() { | ||
| 61 | + super(); | ||
| 62 | + this.classDateList = {};//课堂的所有数据 | ||
| 63 | + this.addEvent(); | ||
| 64 | + this.init(); | ||
| 65 | + } | ||
| 66 | + | ||
| 67 | + init() { | ||
| 68 | + this.detailPage(); | ||
| 69 | + $('#collectYes').hide(); | ||
| 70 | + | ||
| 71 | + $('#classHandlerHomePage').on('click',this._homePageHandler.bind(this));//首页 | ||
| 72 | + $('#classHandlerUpPage').on('click',this._upPageHandler.bind(this));//上页 | ||
| 73 | + $('#classHandlerDownPage').on('click',this._downPageHandler.bind(this));//下页 | ||
| 74 | + $('#classHandlerEndPage').on('click',this._endPageHandler.bind(this));//尾页 | ||
| 75 | + $('#classHandlerSpecificPage').on('click',this._assignPageHandler.bind(this));//指定页 | ||
| 76 | + } | ||
| 77 | + | ||
| 78 | + addEvent() { | ||
| 79 | + | ||
| 80 | + } | ||
| 81 | + //首页 | ||
| 82 | + _homePageHandler(){ | ||
| 83 | + | ||
| 84 | + } | ||
| 85 | + //上页 | ||
| 86 | + _upPageHandler(){ | ||
| 87 | + | ||
| 88 | + } | ||
| 89 | + //下页 | ||
| 90 | + _downPageHandler(){ | ||
| 91 | + | ||
| 92 | + } | ||
| 93 | + //尾页 | ||
| 94 | + _endPageHandler(){ | ||
| 95 | + | ||
| 96 | + } | ||
| 97 | + //指定页 | ||
| 98 | + _assignPageHandler(){ | ||
| 99 | + let inputVal = $('#classHandlerPageInfoInput').val(); | ||
| 100 | + if(parseInt){ | ||
| 101 | + | ||
| 102 | + } | ||
| 103 | + } | ||
| 104 | + | ||
| 105 | + //点击翻页 | ||
| 106 | + _pageNumBtnHandler(evt){ | ||
| 107 | + let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting'; | ||
| 108 | + let _ele = $(evt.target); | ||
| 109 | + let that = this; | ||
| 110 | + if(_ele.siblings().length > 1 ){ | ||
| 111 | + // _ele.addClass('pageNumBtnCheck').siblings().removeClass('pageNumBtnCheck'); | ||
| 112 | + $.ajax({ | ||
| 113 | + type: "POST", | ||
| 114 | + url: _url, | ||
| 115 | + headers: {'page':_ele.text(), | ||
| 116 | + siteId:'markettest', | ||
| 117 | + 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo', | ||
| 118 | + }, | ||
| 119 | + | ||
| 120 | + success:function(_data){ | ||
| 121 | + if(_data != 200 ){ | ||
| 122 | + // loger.warn(_data.data.msg) | ||
| 123 | + } | ||
| 124 | + that.classDateList = _data.returnData.data; | ||
| 125 | + //切换列表内容 | ||
| 126 | + that._classDateContent(that.classDateList); | ||
| 127 | + loger.log(_data,'成功') | ||
| 128 | + }, | ||
| 129 | + error:function(error){ | ||
| 130 | + console.log(error,'失败') | ||
| 131 | + } | ||
| 132 | + }) | ||
| 133 | + }else{ | ||
| 134 | + return; | ||
| 135 | + } | ||
| 136 | + } | ||
| 137 | + detailPage(){ | ||
| 138 | + let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting'; | ||
| 139 | + let that = this; | ||
| 140 | + $.ajax({ | ||
| 141 | + type: "POST", | ||
| 142 | + url: _url, | ||
| 143 | + data:{siteId:'markettest'}, | ||
| 144 | + headers: {siteId:'markettest', | ||
| 145 | + type:8, | ||
| 146 | + 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | ||
| 147 | + success:function(_data){ | ||
| 148 | + if(_data || _data.code == 200){ | ||
| 149 | + that._gainClassData(_data.returnData.data); | ||
| 150 | + } | ||
| 151 | + }, | ||
| 152 | + error:function(error){ | ||
| 153 | + console.log(error,'失败') | ||
| 154 | + } | ||
| 155 | + }) | ||
| 156 | + } | ||
| 157 | + _classDateTitle(){ | ||
| 158 | + $('#classifyListTitle').html($('.header_listMsgCheck').attr('data')); | ||
| 159 | + } | ||
| 160 | + _gainClassData(_data){ | ||
| 161 | + let courseContent = $('#courseContent'); | ||
| 162 | + courseContent.empty(); | ||
| 163 | + let count = _data.count; | ||
| 164 | + let page = _data.page; | ||
| 165 | + let pageno = _data.pageno; | ||
| 166 | + let _dataList = _data.meetingInfo; | ||
| 167 | + $('#classHandlerPageMsg').html('第'+page+'页/共'+pageno+'页,有'+count+'个记录'); | ||
| 168 | + courseContent.append(adminListTit); | ||
| 169 | + if(_dataList){ | ||
| 170 | + if(_dataList.length <= 1){ | ||
| 171 | + $('#classHandlerPageBox').hide(); | ||
| 172 | + } | ||
| 173 | + for(let i = 0;i<_dataList.length;i++){ | ||
| 174 | + let _adminList = this._format(adminList,{ | ||
| 175 | + _meetingName : _dataList[i].meetingName, | ||
| 176 | + _esenglish : _dataList[i].meetingNumber, | ||
| 177 | + _userName : _dataList[i].create_user, | ||
| 178 | + _stateInfo : '准备', | ||
| 179 | + _time: _dataList[i].beginTime+' - '+_dataList[i].endTime, | ||
| 180 | + _onlineLen : '0', | ||
| 181 | + _DocInd : 'classDoc'+i, | ||
| 182 | + _mediaInd : 'classMedia'+i, | ||
| 183 | + _musicInd : 'classMusic'+i, | ||
| 184 | + _updateInd : 'classUpdate'+i, | ||
| 185 | + _removeInd : 'classRemove'+i, | ||
| 186 | + _joinInd : 'classJoin'+i | ||
| 187 | + }) | ||
| 188 | + courseContent.append(_adminList); | ||
| 189 | + } | ||
| 190 | + courseContent.append(adminListEnd); | ||
| 191 | + } | ||
| 192 | + } | ||
| 193 | + _classDatepageNum(_data){ //page | ||
| 194 | + let _pageContent = _data.count; | ||
| 195 | + let _pageNum = Math.ceil(_pageContent / _data.pageno); | ||
| 196 | + | ||
| 197 | + this.pagingConstruct(1,_pageNum); | ||
| 198 | + } | ||
| 199 | + pagingConstruct(paging,total){ | ||
| 200 | + let classifyListBox = $('#classifyListBox'); | ||
| 201 | + $('.pageNumContentBox').remove(); | ||
| 202 | + let pagingDivInnerHTML = '<div class="pageNumContentBox"><div class="pageNumContent">'; | ||
| 203 | + let isHiddenExist = 0; | ||
| 204 | + for(let i =1 ;i<=total;i++){ | ||
| 205 | + if(i == paging){ | ||
| 206 | + pagingDivInnerHTML +='<span class="pageNumBtn pageNumBtnCheck">'+i+'</span>'; | ||
| 207 | + }else{ | ||
| 208 | + if (i < 4 || i < (paging + 4) && i > (paging - 2) && i < (total / 2 + 2) || i > (total - 2)) { | ||
| 209 | + pagingDivInnerHTML +='<span class="pageNumBtn">'+i+'</span>'; | ||
| 210 | + isHiddenExist = 0; | ||
| 211 | + }else{ | ||
| 212 | + if(isHiddenExist == 0){ | ||
| 213 | + pagingDivInnerHTML += '<span class="pageNumBtn">...</span>'; | ||
| 214 | + isHiddenExist = 1; | ||
| 215 | + } | ||
| 216 | + } | ||
| 217 | + } | ||
| 218 | + } | ||
| 219 | + pagingDivInnerHTML += '</div></div>'; | ||
| 220 | + classifyListBox.append(pagingDivInnerHTML); | ||
| 221 | + } | ||
| 222 | + //工具类 | ||
| 223 | + _format(str, obj) { | ||
| 224 | + return str.replace(/\{(\w+)\}/g, function (match, group, index) { | ||
| 225 | + return obj[group]; | ||
| 226 | + }); | ||
| 227 | + }; | ||
| 228 | +} | ||
| 229 | +export default AdministratorApe; |
| @@ -69,7 +69,7 @@ class HomeApe extends Ape { | @@ -69,7 +69,7 @@ class HomeApe extends Ape { | ||
| 69 | // loger.log(_data,'成功') | 69 | // loger.log(_data,'成功') |
| 70 | //获取课堂数据 | 70 | //获取课堂数据 |
| 71 | if(_data || _data.code == 200){ | 71 | if(_data || _data.code == 200){ |
| 72 | - that._gainClassData(_data); | 72 | + that._gainClassData(_data.returnData.data); |
| 73 | } | 73 | } |
| 74 | }, | 74 | }, |
| 75 | error:function(error){ | 75 | error:function(error){ |
| @@ -78,10 +78,6 @@ class HomeApe extends Ape { | @@ -78,10 +78,6 @@ class HomeApe extends Ape { | ||
| 78 | }) | 78 | }) |
| 79 | } | 79 | } |
| 80 | _gainClassData(_data){ | 80 | _gainClassData(_data){ |
| 81 | - //切换列表内容 | ||
| 82 | - this._classDateContent(_data.returnData.data); | ||
| 83 | - } | ||
| 84 | - _classDateContent(_data){ | ||
| 85 | let liveList = $('#liveList'); | 81 | let liveList = $('#liveList'); |
| 86 | let lanclassList = $('#lanclassList'); | 82 | let lanclassList = $('#lanclassList'); |
| 87 | let teacherIntro = $('#teacherIntro'); | 83 | let teacherIntro = $('#teacherIntro'); |
| @@ -211,6 +211,7 @@ class LoginOrRegister extends Ape { | @@ -211,6 +211,7 @@ class LoginOrRegister extends Ape { | ||
| 211 | } | 211 | } |
| 212 | //登录信息提交 | 212 | //登录信息提交 |
| 213 | _loginBtnHandler(){ | 213 | _loginBtnHandler(){ |
| 214 | + loger.log('登录信息提交') | ||
| 214 | let _name = document.getElementById("loginName");//用户名 | 215 | let _name = document.getElementById("loginName");//用户名 |
| 215 | let _passWord = document.getElementById("loginPassWord");//手机号 | 216 | let _passWord = document.getElementById("loginPassWord");//手机号 |
| 216 | if(_name.value && _passWord.value){ | 217 | if(_name.value && _passWord.value){ |
| @@ -227,10 +228,12 @@ class LoginOrRegister extends Ape { | @@ -227,10 +228,12 @@ class LoginOrRegister extends Ape { | ||
| 227 | data: signInfo, | 228 | data: signInfo, |
| 228 | success:function(_data){ | 229 | success:function(_data){ |
| 229 | loger.log('登录信息返回信息',_data) | 230 | loger.log('登录信息返回信息',_data) |
| 230 | - that.successLogin(_data); | ||
| 231 | - window.localStorage.setItem("loginName",_name.value); | ||
| 232 | - window.localStorage.setItem("password", _passWord.value); | ||
| 233 | - window.localStorage.setItem("token",_data.returnData.data.token); | 231 | + 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("token",_data.returnData.data.token); | ||
| 236 | + } | ||
| 234 | }, | 237 | }, |
| 235 | error:function(error){ | 238 | error:function(error){ |
| 236 | debugger; | 239 | debugger; |
| @@ -27,8 +27,8 @@ class Slideshow extends Ape { | @@ -27,8 +27,8 @@ class Slideshow extends Ape { | ||
| 27 | this.slideImg(); | 27 | this.slideImg(); |
| 28 | this._imgReload(); | 28 | this._imgReload(); |
| 29 | $(".slidesImg").on('load', this._onLoadImage.bind(this)); | 29 | $(".slidesImg").on('load', this._onLoadImage.bind(this)); |
| 30 | - $('#dots li').on('mouseenter',this._mouseenterHandler.bind(this)); | ||
| 31 | - $('#dots li').on('mouseleave',this._mouseleaveHandler.bind(this)); | 30 | + $('#dots').on('mouseenter',this._mouseenterHandler.bind(this)); |
| 31 | + $('#dots').on('mouseleave',this._mouseleaveHandler.bind(this)); | ||
| 32 | } | 32 | } |
| 33 | 33 | ||
| 34 | addEvent() { | 34 | addEvent() { |
| @@ -64,7 +64,7 @@ class Slideshow extends Ape { | @@ -64,7 +64,7 @@ class Slideshow extends Ape { | ||
| 64 | clearInterval(this._timer); | 64 | clearInterval(this._timer); |
| 65 | } | 65 | } |
| 66 | _mouseleaveHandler(){ | 66 | _mouseleaveHandler(){ |
| 67 | - | 67 | + setInterval(this._timer); |
| 68 | } | 68 | } |
| 69 | _move(){ | 69 | _move(){ |
| 70 | let li = document.getElementById('motionMapBox').getElementsByTagName("li"); | 70 | let li = document.getElementById('motionMapBox').getElementsByTagName("li"); |
| @@ -77,7 +77,7 @@ class Slideshow extends Ape { | @@ -77,7 +77,7 @@ class Slideshow extends Ape { | ||
| 77 | 77 | ||
| 78 | },3000);//切换时间 | 78 | },3000);//切换时间 |
| 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(); |
| @@ -89,13 +89,13 @@ class Slideshow extends Ape { | @@ -89,13 +89,13 @@ 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); |
| 96 | $(this).addClass('active').siblings().removeClass('active'); | 96 | $(this).addClass('active').siblings().removeClass('active'); |
| 97 | - }) | ||
| 98 | - let t=setInterval(function(){ | 97 | + })*/ |
| 98 | + /* let t=setInterval(function(){ | ||
| 99 | i++; | 99 | i++; |
| 100 | move(); | 100 | move(); |
| 101 | },2000); | 101 | },2000); |
| @@ -105,10 +105,10 @@ class Slideshow extends Ape { | @@ -105,10 +105,10 @@ class Slideshow extends Ape { | ||
| 105 | clearInterval(t); | 105 | clearInterval(t); |
| 106 | },function(){ | 106 | },function(){ |
| 107 | t=setInterval(move,2000); | 107 | t=setInterval(move,2000); |
| 108 | - }) | 108 | + })*/ |
| 109 | 109 | ||
| 110 | 110 | ||
| 111 | - function move(){ | 111 | + /*function move(){ |
| 112 | if(i==size){ | 112 | if(i==size){ |
| 113 | $("#motionMapBox").css({left:0}); | 113 | $("#motionMapBox").css({left:0}); |
| 114 | i=1; | 114 | i=1; |
| @@ -125,9 +125,9 @@ class Slideshow extends Ape { | @@ -125,9 +125,9 @@ class Slideshow extends Ape { | ||
| 125 | }else{ | 125 | }else{ |
| 126 | $("#dots li").eq(i).addClass('active').siblings().removeClass('active'); | 126 | $("#dots li").eq(i).addClass('active').siblings().removeClass('active'); |
| 127 | } | 127 | } |
| 128 | - } | 128 | + }*/ |
| 129 | 129 | ||
| 130 | - }*/ | 130 | + } |
| 131 | _imgReload(){ | 131 | _imgReload(){ |
| 132 | let _windowWidth = $("body").width(); | 132 | let _windowWidth = $("body").width(); |
| 133 | this.windowWidth = _windowWidth; | 133 | this.windowWidth = _windowWidth; |
| @@ -31,6 +31,7 @@ import HomeApe from 'ape/HomeApe';//首页 | @@ -31,6 +31,7 @@ import HomeApe from 'ape/HomeApe';//首页 | ||
| 31 | import TeacherDetailApe from 'ape/TeacherDetailApe';//老师 | 31 | import TeacherDetailApe from 'ape/TeacherDetailApe';//老师 |
| 32 | import CreateClassApe from 'ape/CreateClassApe';//创建课堂 | 32 | import CreateClassApe from 'ape/CreateClassApe';//创建课堂 |
| 33 | import ListDetailsApe from 'ape/ListDetailsApe';//列表详情 | 33 | import ListDetailsApe from 'ape/ListDetailsApe';//列表详情 |
| 34 | +import AdministratorApe from 'ape/AdministratorApe';//管理员 | ||
| 34 | 35 | ||
| 35 | let loger = Loger.getLoger('PCLive'); | 36 | let loger = Loger.getLoger('PCLive'); |
| 36 | 37 | ||
| @@ -54,10 +55,11 @@ let _homeApe; | @@ -54,10 +55,11 @@ let _homeApe; | ||
| 54 | let _teacherDetailApe; | 55 | let _teacherDetailApe; |
| 55 | let _createClassApe; | 56 | let _createClassApe; |
| 56 | let _listDetailsApe; | 57 | let _listDetailsApe; |
| 58 | +let _administratorApe; | ||
| 57 | 59 | ||
| 58 | class Main { | 60 | class Main { |
| 59 | constructor() { | 61 | constructor() { |
| 60 | - this.clientVersion="v1.1.0.20170901"; | 62 | + this.clientVersion="v1.2.0.20170901"; |
| 61 | loger.warn("clientVersion:"+this.clientVersion); | 63 | loger.warn("clientVersion:"+this.clientVersion); |
| 62 | 64 | ||
| 63 | let locationProtocol= location.protocol; | 65 | let locationProtocol= location.protocol; |
| @@ -197,6 +199,8 @@ class Main { | @@ -197,6 +199,8 @@ class Main { | ||
| 197 | _createClassApe = new CreateClassApe(); | 199 | _createClassApe = new CreateClassApe(); |
| 198 | //列表详情 | 200 | //列表详情 |
| 199 | _listDetailsApe = new ListDetailsApe(); | 201 | _listDetailsApe = new ListDetailsApe(); |
| 202 | + //管理员 | ||
| 203 | + _administratorApe = new AdministratorApe(); | ||
| 200 | 204 | ||
| 201 | this._onFlashLoaded(); | 205 | this._onFlashLoaded(); |
| 202 | } | 206 | } |
-
请 注册 或 登录 后发表评论