正在显示
17 个修改的文件
包含
1503 行增加
和
493 行删除
| @@ -711,6 +711,7 @@ body{ | @@ -711,6 +711,7 @@ body{ | ||
| 711 | .classManagementRight{ | 711 | .classManagementRight{ |
| 712 | width: 998px; | 712 | width: 998px; |
| 713 | float: left; | 713 | float: left; |
| 714 | + display: none; | ||
| 714 | } | 715 | } |
| 715 | .addUserBtn{ | 716 | .addUserBtn{ |
| 716 | width:100px; | 717 | width:100px; |
| @@ -721,7 +722,6 @@ body{ | @@ -721,7 +722,6 @@ body{ | ||
| 721 | font-size: 14px; | 722 | font-size: 14px; |
| 722 | margin-bottom:8px; | 723 | margin-bottom:8px; |
| 723 | cursor: pointer; | 724 | cursor: pointer; |
| 724 | - display: none; | ||
| 725 | } | 725 | } |
| 726 | .addUserIcon{ | 726 | .addUserIcon{ |
| 727 | background: url("../images/add.png") no-repeat; | 727 | background: url("../images/add.png") no-repeat; |
| @@ -798,6 +798,7 @@ body{ | @@ -798,6 +798,7 @@ body{ | ||
| 798 | border-radius: 2px; | 798 | border-radius: 2px; |
| 799 | margin-top: 8px; | 799 | margin-top: 8px; |
| 800 | float: left; | 800 | float: left; |
| 801 | + font-size: 12px; | ||
| 801 | text-align: center; | 802 | text-align: center; |
| 802 | } | 803 | } |
| 803 | .classManagementRightContent{ | 804 | .classManagementRightContent{ |
| @@ -816,7 +817,7 @@ body{ | @@ -816,7 +817,7 @@ body{ | ||
| 816 | font-size: 12px; | 817 | font-size: 12px; |
| 817 | color: #333333; | 818 | color: #333333; |
| 818 | border-bottom:1px solid #e6e6e6; | 819 | border-bottom:1px solid #e6e6e6; |
| 819 | - line-height: 42px; | 820 | + padding-top:10px; |
| 820 | } | 821 | } |
| 821 | .tr_mainLeft{ | 822 | .tr_mainLeft{ |
| 822 | border-left:1px solid #e6e6e6; | 823 | border-left:1px solid #e6e6e6; |
| @@ -828,6 +829,9 @@ body{ | @@ -828,6 +829,9 @@ body{ | ||
| 828 | margin: 0 3px; | 829 | margin: 0 3px; |
| 829 | color:#3498db; | 830 | color:#3498db; |
| 830 | } | 831 | } |
| 832 | +.classHandlePort1{ | ||
| 833 | + margin: 0 12px; | ||
| 834 | +} | ||
| 831 | .classHandlerPageMsg{ | 835 | .classHandlerPageMsg{ |
| 832 | font-size: 12px; | 836 | font-size: 12px; |
| 833 | color: #333333; | 837 | color: #333333; |
| @@ -1884,7 +1888,7 @@ body{ | @@ -1884,7 +1888,7 @@ body{ | ||
| 1884 | .userClass{ | 1888 | .userClass{ |
| 1885 | height: 535px; | 1889 | height: 535px; |
| 1886 | } | 1890 | } |
| 1887 | -/*用户注册信息*/ | ||
| 1888 | -.userClassList{ | ||
| 1889 | - display: none; | 1891 | +.classHandleThen{ |
| 1892 | + color:#ccc; | ||
| 1890 | } | 1893 | } |
| 1894 | + |
| @@ -243,7 +243,7 @@ | @@ -243,7 +243,7 @@ | ||
| 243 | </div> | 243 | </div> |
| 244 | </div> | 244 | </div> |
| 245 | </div> | 245 | </div> |
| 246 | - <!--预约老师弹窗--> | 246 | + <!--预约老师成功弹窗--> |
| 247 | <div class="userSignBox" id="teacherDetailRemindersBox"> | 247 | <div class="userSignBox" id="teacherDetailRemindersBox"> |
| 248 | <div class="usersign teacherDetailReminders" id="teacherDetailReminders"> | 248 | <div class="usersign teacherDetailReminders" id="teacherDetailReminders"> |
| 249 | <a href="javascript: void(0)" id="teacherDetailRemindersA" class="usersignA iconfont"></a> | 249 | <a href="javascript: void(0)" id="teacherDetailRemindersA" class="usersignA iconfont"></a> |
| @@ -297,35 +297,257 @@ | @@ -297,35 +297,257 @@ | ||
| 297 | </li> | 297 | </li> |
| 298 | </ul> | 298 | </ul> |
| 299 | </div> | 299 | </div> |
| 300 | - <div class="classManagementRight" id="classManagementRight"> | ||
| 301 | - <div class="addUserBtn" id="addUserBtn"> | ||
| 302 | - <label class="addUserIcon"></label> | ||
| 303 | - <span class="addUserText">添加用户</span> | 300 | + <div class="classManagementRightMian"> |
| 301 | + <div class="classManagementRight" id="classManagementRight0"> | ||
| 302 | + <div class="classManagementRightTitle" id="classManagementRightTitle0"> | ||
| 303 | + <ul class="liveInfoLeft" id="liveInfoList0"> | ||
| 304 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</li> | ||
| 305 | + <li class="liveInfoLeftLi">未开始</li> | ||
| 306 | + <li class="liveInfoLeftLi">已结束</li> | ||
| 307 | + </ul> | ||
| 308 | + <div class="liveInfoRight" id="liveInfoRight0"> | ||
| 309 | + <input class="liveInfoRightInput" id="liveInfoRightInput0" type="text"> | ||
| 310 | + <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn0" src="images/nav_link_14.png" alt=""> | ||
| 311 | + </div> | ||
| 312 | + <div class="liveInfoCenter" id="liveInfoCenter0"> | ||
| 313 | + <span class="liveInfoCenterTime">时间</span> | ||
| 314 | + <div class="liveInfoCenterLiveCase liveInfoCenterLiveStart" id="liveInfoCenterLiveStart0"></div> | ||
| 315 | + <span class="liveInfoCenterTime">至</span> | ||
| 316 | + <div class="liveInfoCenterLiveCase liveInfoCenterLiveEnd" id="liveInfoCenterLiveEnd0"></div> | ||
| 317 | + </div> | ||
| 318 | + </div> | ||
| 319 | + <div class="classManagementRightContent" id="courseContent0"> | ||
| 320 | + </div> | ||
| 321 | + <div class="classHandlerPageBox" id="classHandlerPageBox0"> | ||
| 322 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0"> | ||
| 323 | + <tbody> | ||
| 324 | + <tr> | ||
| 325 | + <td height="60" colspan="11" class="tr_bottom" style=""> | ||
| 326 | + <span class="classHandlerPageMsg" id="classHandlerPageMsg0" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span> | ||
| 327 | + <ul class="classHandlerPageInfoBox"> | ||
| 328 | + <li class="classHandlerPageInfo"> | ||
| 329 | + <span class="classHandlerHomePage" id="classHandlerHomePage0">首页</span> | ||
| 330 | + </li> | ||
| 331 | + <li class="classHandlerPageInfo"> | ||
| 332 | + <span class="classHandlerUpPage" id="classHandlerUpPage0">上一页</span> | ||
| 333 | + </li> | ||
| 334 | + <li class="classHandlerPageInfo"> | ||
| 335 | + <span class="classHandlerDownPage" id="classHandlerDownPage0">下一页</span> | ||
| 336 | + </li> | ||
| 337 | + <li class="classHandlerPageInfo"> | ||
| 338 | + <span class="classHandlerEndPage" id="classHandlerEndPage0">尾页</span> | ||
| 339 | + </li> | ||
| 340 | + <li class="classHandlerPageInfo"> | ||
| 341 | + <input id="classHandlerPageInfoInput0" class="classHandlerPageInfoInput" type="text"> | ||
| 342 | + </li> | ||
| 343 | + <li class="classHandlerPageInfo classHandlerPageInfoCheck"> | ||
| 344 | + <span id="classHandlerSpecificPage0">GO</span> | ||
| 345 | + </li> | ||
| 346 | + </ul> | ||
| 347 | + </td> | ||
| 348 | + </tr> | ||
| 349 | + </tbody> | ||
| 350 | + </table> | ||
| 351 | + </div> | ||
| 304 | </div> | 352 | </div> |
| 305 | - <div class="classManagementRightTitle" id="classManagementRightTitle"> | ||
| 306 | - <ul class="liveInfoLeft" id="liveInfoList"> | ||
| 307 | - <li class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</li> | ||
| 308 | - <li class="liveInfoLeftLi">未开始</li> | ||
| 309 | - <li class="liveInfoLeftLi">已结束</li> | ||
| 310 | - </ul> | ||
| 311 | - <ul class="liveInfoLeft userClassList" id="userClassList"> | ||
| 312 | - <li class="liveInfoLeftLi liveInfoLeftLiCheck">全部课堂</li> | ||
| 313 | - <li class="liveInfoLeftLi">问题课堂</li> | ||
| 314 | - </ul> | ||
| 315 | - <div class="liveInfoRight" id="liveInfoRight"> | ||
| 316 | - <input class="liveInfoRightInput" id="liveInfoRightInput" type="text"> | ||
| 317 | - <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn" src="images/nav_link_14.png" alt=""> | 353 | + <div class="classManagementRight" id="classManagementRight2"> |
| 354 | + <div class="classManagementRightTitle" id="classManagementRightTitle2"> | ||
| 355 | + <div class="liveInfoRight" id="liveInfoRight2"> | ||
| 356 | + <input class="liveInfoRightInput" id="liveInfoRightInput2" type="text"> | ||
| 357 | + <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn2" src="images/nav_link_14.png" alt=""> | ||
| 358 | + </div> | ||
| 318 | </div> | 359 | </div> |
| 319 | - <div class="liveInfoCenter" id="liveInfoCenter"> | ||
| 320 | - <span class="liveInfoCenterTime">时间</span> | ||
| 321 | - <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveStart"></div> | ||
| 322 | - <span class="liveInfoCenterTime">至</span> | ||
| 323 | - <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveEnd"></div> | 360 | + <div class="classManagementRightContent" id="courseContent2"> |
| 361 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" class="t_box"> | ||
| 362 | + <tbody> | ||
| 363 | + <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | ||
| 364 | + <th width="9%" class="tr_center"> | ||
| 365 | + 课堂主题 | ||
| 366 | + </th> | ||
| 367 | + <th width="8%" class="tr_center"> | ||
| 368 | + 课堂号 | ||
| 369 | + </th> | ||
| 370 | + <th width="8%" class="tr_center"> | ||
| 371 | + 老师 | ||
| 372 | + </th> | ||
| 373 | + <th width="6%" class="tr_center"> | ||
| 374 | + 课堂状态 | ||
| 375 | + </th> | ||
| 376 | + <th width="24%" class="tr_center"> | ||
| 377 | + 课堂时间 | ||
| 378 | + </th> | ||
| 379 | + <th width="6%" class="tr_center"> | ||
| 380 | + 在线人数 | ||
| 381 | + </th> | ||
| 382 | + <th width="22%" class="tr_center"> | ||
| 383 | + 操作 | ||
| 384 | + </th> | ||
| 385 | + </tr> | ||
| 386 | + </tbody> | ||
| 387 | + </table> | ||
| 388 | + | ||
| 389 | + </div> | ||
| 390 | + <div class="classHandlerPageBox" id="classHandlerPageBox2"> | ||
| 391 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0"> | ||
| 392 | + <tbody> | ||
| 393 | + <tr> | ||
| 394 | + <td height="60" colspan="11" class="tr_bottom" style=""> | ||
| 395 | + <span class="classHandlerPageMsg" id="classHandlerPageMsg2" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span> | ||
| 396 | + <ul class="classHandlerPageInfoBox"> | ||
| 397 | + <li class="classHandlerPageInfo"> | ||
| 398 | + <span class="classHandlerHomePage" id="classHandlerHomePage2">首页</span> | ||
| 399 | + </li> | ||
| 400 | + <li class="classHandlerPageInfo"> | ||
| 401 | + <span class="classHandlerUpPage" id="classHandlerUpPage2">上一页</span> | ||
| 402 | + </li> | ||
| 403 | + <li class="classHandlerPageInfo"> | ||
| 404 | + <span class="classHandlerDownPage" id="classHandlerDownPage2">下一页</span> | ||
| 405 | + </li> | ||
| 406 | + <li class="classHandlerPageInfo"> | ||
| 407 | + <span class="classHandlerEndPage" id="classHandlerEndPage2">尾页</span> | ||
| 408 | + </li> | ||
| 409 | + <li class="classHandlerPageInfo"> | ||
| 410 | + <input id="classHandlerPageInfoInput2" class="classHandlerPageInfoInput" type="text"> | ||
| 411 | + </li> | ||
| 412 | + <li class="classHandlerPageInfo classHandlerPageInfoCheck"> | ||
| 413 | + <span id="classHandlerSpecificPage2">GO</span> | ||
| 414 | + </li> | ||
| 415 | + </ul> | ||
| 416 | + </td> | ||
| 417 | + </tr> | ||
| 418 | + </tbody> | ||
| 419 | + </table> | ||
| 324 | </div> | 420 | </div> |
| 325 | </div> | 421 | </div> |
| 326 | - <div class="classManagementRightContent" id="courseContent"> | ||
| 327 | - <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" id="t_box" class="t_box"> | ||
| 328 | - <tbody> | 422 | + <div class="classManagementRight" id="classManagementRight3"> |
| 423 | + <div class="addUserBtn" id="addUserBtn"> | ||
| 424 | + <label class="addUserIcon"></label> | ||
| 425 | + <span class="addUserText">添加用户</span> | ||
| 426 | + </div> | ||
| 427 | + <div class="classManagementRightTitle" id="classManagementRightTitle3"> | ||
| 428 | + <ul class="liveInfoLeft userClassList" id="userClassList3"> | ||
| 429 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">老师</li> | ||
| 430 | + <li class="liveInfoLeftLi">学生</li> | ||
| 431 | + <li class="liveInfoLeftLi">兼课</li> | ||
| 432 | + </ul> | ||
| 433 | + <div class="liveInfoRight" id="liveInfoRight3"> | ||
| 434 | + <input class="liveInfoRightInput" id="liveInfoRightInput3" type="text"> | ||
| 435 | + <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn3" src="images/nav_link_14.png" alt=""> | ||
| 436 | + </div> | ||
| 437 | + </div> | ||
| 438 | + <div class="classManagementRightContent" id="courseContent3"> | ||
| 439 | + </div> | ||
| 440 | + <div class="classHandlerPageBox" id="classHandlerPageBox3"> | ||
| 441 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0"> | ||
| 442 | + <tbody> | ||
| 443 | + <tr> | ||
| 444 | + <td height="60" colspan="11" class="tr_bottom" style=""> | ||
| 445 | + <span class="classHandlerPageMsg" id="classHandlerPageMsg3" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span> | ||
| 446 | + <ul class="classHandlerPageInfoBox"> | ||
| 447 | + <li class="classHandlerPageInfo"> | ||
| 448 | + <span class="classHandlerHomePage" id="classHandlerHomePage3">首页</span> | ||
| 449 | + </li> | ||
| 450 | + <li class="classHandlerPageInfo"> | ||
| 451 | + <span class="classHandlerUpPage" id="classHandlerUpPage3">上一页</span> | ||
| 452 | + </li> | ||
| 453 | + <li class="classHandlerPageInfo"> | ||
| 454 | + <span class="classHandlerDownPage" id="classHandlerDownPage3">下一页</span> | ||
| 455 | + </li> | ||
| 456 | + <li class="classHandlerPageInfo"> | ||
| 457 | + <span class="classHandlerEndPage" id="classHandlerEndPage3">尾页</span> | ||
| 458 | + </li> | ||
| 459 | + <li class="classHandlerPageInfo"> | ||
| 460 | + <input id="classHandlerPageInfoInput3" class="classHandlerPageInfoInput" type="text"> | ||
| 461 | + </li> | ||
| 462 | + <li class="classHandlerPageInfo classHandlerPageInfoCheck"> | ||
| 463 | + <span id="classHandlerSpecificPage3">GO</span> | ||
| 464 | + </li> | ||
| 465 | + </ul> | ||
| 466 | + </td> | ||
| 467 | + </tr> | ||
| 468 | + </tbody> | ||
| 469 | + </table> | ||
| 470 | + </div> | ||
| 471 | + </div> | ||
| 472 | + <div class="classManagementRight" id="classManagementRight4"> | ||
| 473 | + <div class="classManagementRightTitle" id="classManagementRightTitle4"> | ||
| 474 | + <ul class="liveInfoLeft userClassList" id="aboutClassList4"> | ||
| 475 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck" data="0">课程</li> | ||
| 476 | + <li class="liveInfoLeftLi" data="1">老师</li> | ||
| 477 | + </ul> | ||
| 478 | + <div class="liveInfoRight" id="liveInfoRight4"> | ||
| 479 | + <input class="liveInfoRightInput" id="liveInfoRightInput4" type="text"> | ||
| 480 | + <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn4" src="images/nav_link_14.png" alt=""> | ||
| 481 | + </div> | ||
| 482 | + </div> | ||
| 483 | + <div class="classManagementRightContent" id="courseContent4"> | ||
| 484 | + </div> | ||
| 485 | + <div class="classHandlerPageBox" id="classHandlerPageBox4"> | ||
| 486 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0"> | ||
| 487 | + <tbody> | ||
| 488 | + <tr> | ||
| 489 | + <td height="60" colspan="11" class="tr_bottom" style=""> | ||
| 490 | + <span class="classHandlerPageMsg" id="classHandlerPageMsg4" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span> | ||
| 491 | + <ul class="classHandlerPageInfoBox"> | ||
| 492 | + <li class="classHandlerPageInfo"> | ||
| 493 | + <span class="classHandlerHomePage" id="classHandlerHomePage4">首页</span> | ||
| 494 | + </li> | ||
| 495 | + <li class="classHandlerPageInfo"> | ||
| 496 | + <span class="classHandlerUpPage" id="classHandlerUpPage4">上一页</span> | ||
| 497 | + </li> | ||
| 498 | + <li class="classHandlerPageInfo"> | ||
| 499 | + <span class="classHandlerDownPage" id="classHandlerDownPage4">下一页</span> | ||
| 500 | + </li> | ||
| 501 | + <li class="classHandlerPageInfo"> | ||
| 502 | + <span class="classHandlerEndPage" id="classHandlerEndPage4">尾页</span> | ||
| 503 | + </li> | ||
| 504 | + <li class="classHandlerPageInfo"> | ||
| 505 | + <input id="classHandlerPageInfoInput4" class="classHandlerPageInfoInput" type="text"> | ||
| 506 | + </li> | ||
| 507 | + <li class="classHandlerPageInfo classHandlerPageInfoCheck"> | ||
| 508 | + <span id="classHandlerSpecificPage4">GO</span> | ||
| 509 | + </li> | ||
| 510 | + </ul> | ||
| 511 | + </td> | ||
| 512 | + </tr> | ||
| 513 | + </tbody> | ||
| 514 | + </table> | ||
| 515 | + </div> | ||
| 516 | + </div> | ||
| 517 | + <div class="classManagementRight" id="classManagementRight5"> | ||
| 518 | + <div class="addUserBtn" id="addUserBtn"> | ||
| 519 | + <label class="addUserIcon"></label> | ||
| 520 | + <span class="addUserText">添加用户</span> | ||
| 521 | + </div> | ||
| 522 | + <div class="classManagementRightTitle" id="classManagementRightTitle"> | ||
| 523 | + <ul class="liveInfoLeft" id="liveInfoList"> | ||
| 524 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</li> | ||
| 525 | + <li class="liveInfoLeftLi">未开始</li> | ||
| 526 | + <li class="liveInfoLeftLi">已结束</li> | ||
| 527 | + </ul> | ||
| 528 | + <ul class="liveInfoLeft userClassList" id="userClassList"> | ||
| 529 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">老师</li> | ||
| 530 | + <li class="liveInfoLeftLi">学生</li> | ||
| 531 | + <li class="liveInfoLeftLi">兼课</li> | ||
| 532 | + </ul> | ||
| 533 | + <ul class="liveInfoLeft userClassList" id="aboutClassList"> | ||
| 534 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">课程</li> | ||
| 535 | + <li class="liveInfoLeftLi">老师</li> | ||
| 536 | + </ul> | ||
| 537 | + <div class="liveInfoRight" id="liveInfoRight"> | ||
| 538 | + <input class="liveInfoRightInput" id="liveInfoRightInput" type="text"> | ||
| 539 | + <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn" src="images/nav_link_14.png" alt=""> | ||
| 540 | + </div> | ||
| 541 | + <div class="liveInfoCenter" id="liveInfoCenter"> | ||
| 542 | + <span class="liveInfoCenterTime">时间</span> | ||
| 543 | + <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveStart"></div> | ||
| 544 | + <span class="liveInfoCenterTime">至</span> | ||
| 545 | + <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveEnd"></div> | ||
| 546 | + </div> | ||
| 547 | + </div> | ||
| 548 | + <div class="classManagementRightContent" id="courseContent"> | ||
| 549 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" id="t_box" class="t_box"> | ||
| 550 | + <tbody> | ||
| 329 | <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | 551 | <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> |
| 330 | <th width="9%" class="tr_center"> | 552 | <th width="9%" class="tr_center"> |
| 331 | 课堂主题 | 553 | 课堂主题 |
| @@ -349,6 +571,285 @@ | @@ -349,6 +571,285 @@ | ||
| 349 | 操作 | 571 | 操作 |
| 350 | </th> | 572 | </th> |
| 351 | </tr> | 573 | </tr> |
| 574 | + </tbody> | ||
| 575 | + </table> | ||
| 576 | + | ||
| 577 | + </div> | ||
| 578 | + <div class="classHandlerPageBox" id="classHandlerPageBox"> | ||
| 579 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0"> | ||
| 580 | + <tbody> | ||
| 581 | + <tr> | ||
| 582 | + <td height="60" colspan="11" class="tr_bottom" style=""> | ||
| 583 | + <span class="classHandlerPageMsg" id="classHandlerPageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span> | ||
| 584 | + <ul class="classHandlerPageInfoBox"> | ||
| 585 | + <li class="classHandlerPageInfo"> | ||
| 586 | + <span class="classHandlerHomePage" id="classHandlerHomePage">首页</span> | ||
| 587 | + </li> | ||
| 588 | + <li class="classHandlerPageInfo"> | ||
| 589 | + <span class="classHandlerUpPage" id="classHandlerUpPage">上一页</span> | ||
| 590 | + </li> | ||
| 591 | + <li class="classHandlerPageInfo"> | ||
| 592 | + <span class="classHandlerDownPage" id="classHandlerDownPage">下一页</span> | ||
| 593 | + </li> | ||
| 594 | + <li class="classHandlerPageInfo"> | ||
| 595 | + <span class="classHandlerEndPage" id="classHandlerEndPage">尾页</span> | ||
| 596 | + </li> | ||
| 597 | + <li class="classHandlerPageInfo"> | ||
| 598 | + <input id="classHandlerPageInfoInput" class="classHandlerPageInfoInput" type="text"> | ||
| 599 | + </li> | ||
| 600 | + <li class="classHandlerPageInfo classHandlerPageInfoCheck"> | ||
| 601 | + <span id="classHandlerSpecificPage">GO</span> | ||
| 602 | + </li> | ||
| 603 | + </ul> | ||
| 604 | + </td> | ||
| 605 | + </tr> | ||
| 606 | + </tbody> | ||
| 607 | + </table> | ||
| 608 | + </div> | ||
| 609 | + </div> | ||
| 610 | + <div class="classManagementRight" id="classManagementRight6"> | ||
| 611 | + <div class="addUserBtn" id="addUserBtn"> | ||
| 612 | + <label class="addUserIcon"></label> | ||
| 613 | + <span class="addUserText">添加用户</span> | ||
| 614 | + </div> | ||
| 615 | + <div class="classManagementRightTitle" id="classManagementRightTitle"> | ||
| 616 | + <ul class="liveInfoLeft" id="liveInfoList"> | ||
| 617 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</li> | ||
| 618 | + <li class="liveInfoLeftLi">未开始</li> | ||
| 619 | + <li class="liveInfoLeftLi">已结束</li> | ||
| 620 | + </ul> | ||
| 621 | + <ul class="liveInfoLeft userClassList" id="userClassList"> | ||
| 622 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">老师</li> | ||
| 623 | + <li class="liveInfoLeftLi">学生</li> | ||
| 624 | + <li class="liveInfoLeftLi">兼课</li> | ||
| 625 | + </ul> | ||
| 626 | + <ul class="liveInfoLeft userClassList" id="aboutClassList"> | ||
| 627 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">课程</li> | ||
| 628 | + <li class="liveInfoLeftLi">老师</li> | ||
| 629 | + </ul> | ||
| 630 | + <div class="liveInfoRight" id="liveInfoRight"> | ||
| 631 | + <input class="liveInfoRightInput" id="liveInfoRightInput" type="text"> | ||
| 632 | + <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn" src="images/nav_link_14.png" alt=""> | ||
| 633 | + </div> | ||
| 634 | + <div class="liveInfoCenter" id="liveInfoCenter"> | ||
| 635 | + <span class="liveInfoCenterTime">时间</span> | ||
| 636 | + <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveStart"></div> | ||
| 637 | + <span class="liveInfoCenterTime">至</span> | ||
| 638 | + <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveEnd"></div> | ||
| 639 | + </div> | ||
| 640 | + </div> | ||
| 641 | + <div class="classManagementRightContent" id="courseContent"> | ||
| 642 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" id="t_box" class="t_box"> | ||
| 643 | + <tbody> | ||
| 644 | + <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | ||
| 645 | + <th width="9%" class="tr_center"> | ||
| 646 | + 课堂主题 | ||
| 647 | + </th> | ||
| 648 | + <th width="8%" class="tr_center"> | ||
| 649 | + 课堂号 | ||
| 650 | + </th> | ||
| 651 | + <th width="8%" class="tr_center"> | ||
| 652 | + 老师 | ||
| 653 | + </th> | ||
| 654 | + <th width="6%" class="tr_center"> | ||
| 655 | + 课堂状态 | ||
| 656 | + </th> | ||
| 657 | + <th width="24%" class="tr_center"> | ||
| 658 | + 课堂时间 | ||
| 659 | + </th> | ||
| 660 | + <th width="6%" class="tr_center"> | ||
| 661 | + 在线人数 | ||
| 662 | + </th> | ||
| 663 | + <th width="22%" class="tr_center"> | ||
| 664 | + 操作 | ||
| 665 | + </th> | ||
| 666 | + </tr> | ||
| 667 | + </tbody> | ||
| 668 | + </table> | ||
| 669 | + | ||
| 670 | + </div> | ||
| 671 | + <div class="classHandlerPageBox" id="classHandlerPageBox"> | ||
| 672 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0"> | ||
| 673 | + <tbody> | ||
| 674 | + <tr> | ||
| 675 | + <td height="60" colspan="11" class="tr_bottom" style=""> | ||
| 676 | + <span class="classHandlerPageMsg" id="classHandlerPageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span> | ||
| 677 | + <ul class="classHandlerPageInfoBox"> | ||
| 678 | + <li class="classHandlerPageInfo"> | ||
| 679 | + <span class="classHandlerHomePage" id="classHandlerHomePage">首页</span> | ||
| 680 | + </li> | ||
| 681 | + <li class="classHandlerPageInfo"> | ||
| 682 | + <span class="classHandlerUpPage" id="classHandlerUpPage">上一页</span> | ||
| 683 | + </li> | ||
| 684 | + <li class="classHandlerPageInfo"> | ||
| 685 | + <span class="classHandlerDownPage" id="classHandlerDownPage">下一页</span> | ||
| 686 | + </li> | ||
| 687 | + <li class="classHandlerPageInfo"> | ||
| 688 | + <span class="classHandlerEndPage" id="classHandlerEndPage">尾页</span> | ||
| 689 | + </li> | ||
| 690 | + <li class="classHandlerPageInfo"> | ||
| 691 | + <input id="classHandlerPageInfoInput" class="classHandlerPageInfoInput" type="text"> | ||
| 692 | + </li> | ||
| 693 | + <li class="classHandlerPageInfo classHandlerPageInfoCheck"> | ||
| 694 | + <span id="classHandlerSpecificPage">GO</span> | ||
| 695 | + </li> | ||
| 696 | + </ul> | ||
| 697 | + </td> | ||
| 698 | + </tr> | ||
| 699 | + </tbody> | ||
| 700 | + </table> | ||
| 701 | + </div> | ||
| 702 | + </div> | ||
| 703 | + <div class="classManagementRight" id="classManagementRight7"> | ||
| 704 | + <div class="addUserBtn" id="addUserBtn"> | ||
| 705 | + <label class="addUserIcon"></label> | ||
| 706 | + <span class="addUserText">添加用户</span> | ||
| 707 | + </div> | ||
| 708 | + <div class="classManagementRightTitle" id="classManagementRightTitle"> | ||
| 709 | + <ul class="liveInfoLeft" id="liveInfoList"> | ||
| 710 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</li> | ||
| 711 | + <li class="liveInfoLeftLi">未开始</li> | ||
| 712 | + <li class="liveInfoLeftLi">已结束</li> | ||
| 713 | + </ul> | ||
| 714 | + <ul class="liveInfoLeft userClassList" id="userClassList"> | ||
| 715 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">老师</li> | ||
| 716 | + <li class="liveInfoLeftLi">学生</li> | ||
| 717 | + <li class="liveInfoLeftLi">兼课</li> | ||
| 718 | + </ul> | ||
| 719 | + <ul class="liveInfoLeft userClassList" id="aboutClassList"> | ||
| 720 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">课程</li> | ||
| 721 | + <li class="liveInfoLeftLi">老师</li> | ||
| 722 | + </ul> | ||
| 723 | + <div class="liveInfoRight" id="liveInfoRight"> | ||
| 724 | + <input class="liveInfoRightInput" id="liveInfoRightInput" type="text"> | ||
| 725 | + <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn" src="images/nav_link_14.png" alt=""> | ||
| 726 | + </div> | ||
| 727 | + <div class="liveInfoCenter" id="liveInfoCenter"> | ||
| 728 | + <span class="liveInfoCenterTime">时间</span> | ||
| 729 | + <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveStart"></div> | ||
| 730 | + <span class="liveInfoCenterTime">至</span> | ||
| 731 | + <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveEnd"></div> | ||
| 732 | + </div> | ||
| 733 | + </div> | ||
| 734 | + <div class="classManagementRightContent" id="courseContent"> | ||
| 735 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" id="t_box" class="t_box"> | ||
| 736 | + <tbody> | ||
| 737 | + <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | ||
| 738 | + <th width="9%" class="tr_center"> | ||
| 739 | + 课堂主题 | ||
| 740 | + </th> | ||
| 741 | + <th width="8%" class="tr_center"> | ||
| 742 | + 课堂号 | ||
| 743 | + </th> | ||
| 744 | + <th width="8%" class="tr_center"> | ||
| 745 | + 老师 | ||
| 746 | + </th> | ||
| 747 | + <th width="6%" class="tr_center"> | ||
| 748 | + 课堂状态 | ||
| 749 | + </th> | ||
| 750 | + <th width="24%" class="tr_center"> | ||
| 751 | + 课堂时间 | ||
| 752 | + </th> | ||
| 753 | + <th width="6%" class="tr_center"> | ||
| 754 | + 在线人数 | ||
| 755 | + </th> | ||
| 756 | + <th width="22%" class="tr_center"> | ||
| 757 | + 操作 | ||
| 758 | + </th> | ||
| 759 | + </tr> | ||
| 760 | + </tbody> | ||
| 761 | + </table> | ||
| 762 | + | ||
| 763 | + </div> | ||
| 764 | + <div class="classHandlerPageBox" id="classHandlerPageBox"> | ||
| 765 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0"> | ||
| 766 | + <tbody> | ||
| 767 | + <tr> | ||
| 768 | + <td height="60" colspan="11" class="tr_bottom" style=""> | ||
| 769 | + <span class="classHandlerPageMsg" id="classHandlerPageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span> | ||
| 770 | + <ul class="classHandlerPageInfoBox"> | ||
| 771 | + <li class="classHandlerPageInfo"> | ||
| 772 | + <span class="classHandlerHomePage" id="classHandlerHomePage">首页</span> | ||
| 773 | + </li> | ||
| 774 | + <li class="classHandlerPageInfo"> | ||
| 775 | + <span class="classHandlerUpPage" id="classHandlerUpPage">上一页</span> | ||
| 776 | + </li> | ||
| 777 | + <li class="classHandlerPageInfo"> | ||
| 778 | + <span class="classHandlerDownPage" id="classHandlerDownPage">下一页</span> | ||
| 779 | + </li> | ||
| 780 | + <li class="classHandlerPageInfo"> | ||
| 781 | + <span class="classHandlerEndPage" id="classHandlerEndPage">尾页</span> | ||
| 782 | + </li> | ||
| 783 | + <li class="classHandlerPageInfo"> | ||
| 784 | + <input id="classHandlerPageInfoInput" class="classHandlerPageInfoInput" type="text"> | ||
| 785 | + </li> | ||
| 786 | + <li class="classHandlerPageInfo classHandlerPageInfoCheck"> | ||
| 787 | + <span id="classHandlerSpecificPage">GO</span> | ||
| 788 | + </li> | ||
| 789 | + </ul> | ||
| 790 | + </td> | ||
| 791 | + </tr> | ||
| 792 | + </tbody> | ||
| 793 | + </table> | ||
| 794 | + </div> | ||
| 795 | + </div> | ||
| 796 | + <div class="classManagementRight" id="classManagementRight8"> | ||
| 797 | + <div class="addUserBtn" id="addUserBtn"> | ||
| 798 | + <label class="addUserIcon"></label> | ||
| 799 | + <span class="addUserText">添加用户</span> | ||
| 800 | + </div> | ||
| 801 | + <div class="classManagementRightTitle" id="classManagementRightTitle"> | ||
| 802 | + <ul class="liveInfoLeft" id="liveInfoList"> | ||
| 803 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</li> | ||
| 804 | + <li class="liveInfoLeftLi">未开始</li> | ||
| 805 | + <li class="liveInfoLeftLi">已结束</li> | ||
| 806 | + </ul> | ||
| 807 | + <ul class="liveInfoLeft userClassList" id="userClassList"> | ||
| 808 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">老师</li> | ||
| 809 | + <li class="liveInfoLeftLi">学生</li> | ||
| 810 | + <li class="liveInfoLeftLi">兼课</li> | ||
| 811 | + </ul> | ||
| 812 | + <ul class="liveInfoLeft userClassList" id="aboutClassList"> | ||
| 813 | + <li class="liveInfoLeftLi liveInfoLeftLiCheck">课程</li> | ||
| 814 | + <li class="liveInfoLeftLi">老师</li> | ||
| 815 | + </ul> | ||
| 816 | + <div class="liveInfoRight" id="liveInfoRight"> | ||
| 817 | + <input class="liveInfoRightInput" id="liveInfoRightInput" type="text"> | ||
| 818 | + <img class="liveInfoRightInputBtn" id="liveInfoRightInputBtn" src="images/nav_link_14.png" alt=""> | ||
| 819 | + </div> | ||
| 820 | + <div class="liveInfoCenter" id="liveInfoCenter"> | ||
| 821 | + <span class="liveInfoCenterTime">时间</span> | ||
| 822 | + <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveStart"></div> | ||
| 823 | + <span class="liveInfoCenterTime">至</span> | ||
| 824 | + <div class="liveInfoCenterLiveCase" id="liveInfoCenterLiveEnd"></div> | ||
| 825 | + </div> | ||
| 826 | + </div> | ||
| 827 | + <div class="classManagementRightContent" id="courseContent"> | ||
| 828 | + <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" id="t_box" class="t_box"> | ||
| 829 | + <tbody> | ||
| 830 | + <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | ||
| 831 | + <th width="9%" class="tr_center"> | ||
| 832 | + 课堂主题 | ||
| 833 | + </th> | ||
| 834 | + <th width="8%" class="tr_center"> | ||
| 835 | + 课堂号 | ||
| 836 | + </th> | ||
| 837 | + <th width="8%" class="tr_center"> | ||
| 838 | + 老师 | ||
| 839 | + </th> | ||
| 840 | + <th width="6%" class="tr_center"> | ||
| 841 | + 课堂状态 | ||
| 842 | + </th> | ||
| 843 | + <th width="24%" class="tr_center"> | ||
| 844 | + 课堂时间 | ||
| 845 | + </th> | ||
| 846 | + <th width="6%" class="tr_center"> | ||
| 847 | + 在线人数 | ||
| 848 | + </th> | ||
| 849 | + <th width="22%" class="tr_center"> | ||
| 850 | + 操作 | ||
| 851 | + </th> | ||
| 852 | + </tr> | ||
| 352 | </tbody> | 853 | </tbody> |
| 353 | </table> | 854 | </table> |
| 354 | 855 | ||
| @@ -361,16 +862,16 @@ | @@ -361,16 +862,16 @@ | ||
| 361 | <span class="classHandlerPageMsg" id="classHandlerPageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span> | 862 | <span class="classHandlerPageMsg" id="classHandlerPageMsg" style="line-height: 38px; padding-left: 20px; float: left">第1页/共2页,有16个记录</span> |
| 362 | <ul class="classHandlerPageInfoBox"> | 863 | <ul class="classHandlerPageInfoBox"> |
| 363 | <li class="classHandlerPageInfo"> | 864 | <li class="classHandlerPageInfo"> |
| 364 | - <span id="classHandlerHomePage" id="classHandlerHomePage">首页</span> | 865 | + <span class="classHandlerHomePage" id="classHandlerHomePage">首页</span> |
| 365 | </li> | 866 | </li> |
| 366 | <li class="classHandlerPageInfo"> | 867 | <li class="classHandlerPageInfo"> |
| 367 | - <span id="classHandlerUpPage" id="classHandlerUpPage">上一页</span> | 868 | + <span class="classHandlerUpPage" id="classHandlerUpPage">上一页</span> |
| 368 | </li> | 869 | </li> |
| 369 | <li class="classHandlerPageInfo"> | 870 | <li class="classHandlerPageInfo"> |
| 370 | - <span id="classHandlerDownPage" id="classHandlerDownPage">下一页</span> | 871 | + <span class="classHandlerDownPage" id="classHandlerDownPage">下一页</span> |
| 371 | </li> | 872 | </li> |
| 372 | <li class="classHandlerPageInfo"> | 873 | <li class="classHandlerPageInfo"> |
| 373 | - <span id="classHandlerEndPage" id="classHandlerEndPage">尾页</span> | 874 | + <span class="classHandlerEndPage" id="classHandlerEndPage">尾页</span> |
| 374 | </li> | 875 | </li> |
| 375 | <li class="classHandlerPageInfo"> | 876 | <li class="classHandlerPageInfo"> |
| 376 | <input id="classHandlerPageInfoInput" class="classHandlerPageInfoInput" type="text"> | 877 | <input id="classHandlerPageInfoInput" class="classHandlerPageInfoInput" type="text"> |
| @@ -385,6 +886,7 @@ | @@ -385,6 +886,7 @@ | ||
| 385 | </table> | 886 | </table> |
| 386 | </div> | 887 | </div> |
| 387 | </div> | 888 | </div> |
| 889 | + </div> | ||
| 388 | </div> | 890 | </div> |
| 389 | <!--创建课堂--> | 891 | <!--创建课堂--> |
| 390 | <div id="createClassBox" class="userSignBox createClassBox"> | 892 | <div id="createClassBox" class="userSignBox createClassBox"> |
| @@ -1408,8 +1910,8 @@ | @@ -1408,8 +1910,8 @@ | ||
| 1408 | </div> | 1910 | </div> |
| 1409 | </div> | 1911 | </div> |
| 1410 | <div class="form_button"> | 1912 | <div class="form_button"> |
| 1411 | - <span id="createUserCancel" class="createClassBtn main_closeBtn">取消</span> | ||
| 1412 | <input id="createUserConfirm" type="button" value="完成" class="createClassBtn createClassConfirm btnHover"> | 1913 | <input id="createUserConfirm" type="button" value="完成" class="createClassBtn createClassConfirm btnHover"> |
| 1914 | + <span id="createUserCancel" class="createClassBtn main_closeBtn">取消</span> | ||
| 1413 | </div> | 1915 | </div> |
| 1414 | </div> | 1916 | </div> |
| 1415 | </div> | 1917 | </div> |
src/ape/AboutClassApe.js
0 → 100644
| 1 | +//* | ||
| 2 | +// 约课模块 | ||
| 3 | +// */ | ||
| 4 | + | ||
| 5 | +import Loger from "../Loger"; | ||
| 6 | +import Ape from "./Ape"; | ||
| 7 | +import $ from "jquery"; | ||
| 8 | +import ClassDataProxy from "proxy/ClassDataProxy"; | ||
| 9 | +import dateUI from 'libs/laydate'; | ||
| 10 | +import ErrorApe from "./ErrorApe"; | ||
| 11 | + | ||
| 12 | +let loger = Loger.getLoger('PC-AboutClassApe'); | ||
| 13 | +const adminListTit = `<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" id="t_box" class="t_box"> | ||
| 14 | + <tbody> | ||
| 15 | + <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | ||
| 16 | + <th width="6%" class="tr_center"> | ||
| 17 | + 姓名 | ||
| 18 | + </th> | ||
| 19 | + <th width="7%" class="tr_center"> | ||
| 20 | + 电话 | ||
| 21 | + </th> | ||
| 22 | + <th width="8%" class="tr_center"> | ||
| 23 | + 年龄 | ||
| 24 | + </th> | ||
| 25 | + <th width="7%" class="tr_center"> | ||
| 26 | + 所约课程 | ||
| 27 | + </th> | ||
| 28 | + <th width="9%" class="tr_center"> | ||
| 29 | + 操作 | ||
| 30 | + </th> | ||
| 31 | + </tr> | ||
| 32 | +`; | ||
| 33 | +//管理首页 | ||
| 34 | +const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6"> | ||
| 35 | + <td width="7%" class="tr_main tr_mainLeft">{_userName}</td> | ||
| 36 | + <td width="8%" class="tr_main">{_phone}</td> | ||
| 37 | + <td width="8%" class="tr_main">{_age}</td> | ||
| 38 | + <td width="8%" class="tr_main">{_course}</td> | ||
| 39 | + <td width="10%" class="tr_main tr_mainRight" align="center" > | ||
| 40 | + <a class="classHandlePort" href="###"> </a> | ||
| 41 | + <a id="{_removeInd}" class="classHandlePort" href="###">删除</a> | ||
| 42 | + <a class="classHandlePort" href="###"> </a> | ||
| 43 | + <a id="{_stay}" class="classHandlePort" data="{_aboutMsg}" href="###">待回访</a> | ||
| 44 | + <a class="classHandlePort" href="###"> </a> | ||
| 45 | + </td> | ||
| 46 | + </tr> | ||
| 47 | +`; | ||
| 48 | +const adminListEnd = `</tbody></table>`; | ||
| 49 | + | ||
| 50 | +const adminListTit1 = `<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" id="t_box" class="t_box"> | ||
| 51 | + <tbody> | ||
| 52 | + <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | ||
| 53 | + <th width="6%" class="tr_center"> | ||
| 54 | + 姓名 | ||
| 55 | + </th> | ||
| 56 | + <th width="7%" class="tr_center"> | ||
| 57 | + 电话 | ||
| 58 | + </th> | ||
| 59 | + <th width="8%" class="tr_center"> | ||
| 60 | + 年龄 | ||
| 61 | + </th> | ||
| 62 | + <th width="7%" class="tr_center"> | ||
| 63 | + 约课老师 | ||
| 64 | + </th> | ||
| 65 | + <th width="9%" class="tr_center"> | ||
| 66 | + 操作 | ||
| 67 | + </th> | ||
| 68 | + </tr> | ||
| 69 | +`; | ||
| 70 | +//管理首页 | ||
| 71 | +const adminList1 = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6"> | ||
| 72 | + <td width="7%" class="tr_main tr_mainLeft">{_userName}</td> | ||
| 73 | + <td width="8%" class="tr_main">{_phone}</td> | ||
| 74 | + <td width="8%" class="tr_main">{_age}</td> | ||
| 75 | + <td width="8%" class="tr_main">{_course}</td> | ||
| 76 | + <td width="10%" class="tr_main tr_mainRight" align="center" > | ||
| 77 | + <a class="classHandlePort1" href="###"> </a> | ||
| 78 | + <a id="{_removeInd}" class="classHandlePort" href="###">删除</a> | ||
| 79 | + <a class="classHandlePort1" href="###"> </a> | ||
| 80 | + </td> | ||
| 81 | + </tr> | ||
| 82 | +`; | ||
| 83 | +class AboutClassApe extends Ape { | ||
| 84 | + constructor() { | ||
| 85 | + super(); | ||
| 86 | + this.classDateList = {};//创建课堂信息 | ||
| 87 | + this.isLocalStorage(); | ||
| 88 | + this.pageNo = 0; | ||
| 89 | + this.presentInd = 1; | ||
| 90 | + this.addEvent(); | ||
| 91 | + this.init(); | ||
| 92 | + } | ||
| 93 | + | ||
| 94 | + init() { | ||
| 95 | + $('#aboutClassList4 li').on('click',this._userClassListHandler.bind(this));//用户列表 | ||
| 96 | + | ||
| 97 | + $('#classHandlerHomePage4').on('click',this._homePageHandler.bind(this));//首页 | ||
| 98 | + $('#classHandlerUpPage4').on('click',this._upPageHandler.bind(this));//上页 | ||
| 99 | + $('#classHandlerDownPage4').on('click',this._downPageHandler.bind(this));//下页 | ||
| 100 | + $('#classHandlerEndPage4').on('click',this._endPageHandler.bind(this));//尾页 | ||
| 101 | + $('#classHandlerSpecificPage4').on('click',this._assignPageHandler.bind(this));//指定页 | ||
| 102 | + } | ||
| 103 | + | ||
| 104 | + addEvent() { | ||
| 105 | + | ||
| 106 | + } | ||
| 107 | + isLocalStorage(){ | ||
| 108 | + | ||
| 109 | + } | ||
| 110 | + //首页 | ||
| 111 | + _homePageHandler(){ | ||
| 112 | + this.presentInd = 1; | ||
| 113 | + this.userAdminHandler(this.presentInd); | ||
| 114 | + } | ||
| 115 | + //上页 | ||
| 116 | + _upPageHandler(){ | ||
| 117 | + if(this.presentInd >1){ | ||
| 118 | + this.presentInd--; | ||
| 119 | + this.userAdminHandler(this.presentInd); | ||
| 120 | + } | ||
| 121 | + } | ||
| 122 | + //下页 | ||
| 123 | + _downPageHandler(){ | ||
| 124 | + if(this.presentInd < this.pageNo){ | ||
| 125 | + this.presentInd++; | ||
| 126 | + this.userAdminHandler(this.presentInd); | ||
| 127 | + } | ||
| 128 | + } | ||
| 129 | + //尾页 | ||
| 130 | + _endPageHandler(){ | ||
| 131 | + this.presentInd = this.pageNo; | ||
| 132 | + this.userAdminHandler(this.presentInd); | ||
| 133 | + } | ||
| 134 | + //指定页 | ||
| 135 | + _assignPageHandler(){ | ||
| 136 | + let inputVal = $('#classHandlerPageInfoInput4').val(); | ||
| 137 | + if(parseInt(inputVal) <= this.pageNo || parseInt(inputVal) >= 1 ){ | ||
| 138 | + this.userAdminHandler(parseInt(inputVal)); | ||
| 139 | + } | ||
| 140 | + } | ||
| 141 | + // 约课界面 | ||
| 142 | + userAdminHandler(ind){ | ||
| 143 | + let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/getUser'; | ||
| 144 | + let that = this; | ||
| 145 | + | ||
| 146 | + $.ajax({ | ||
| 147 | + type: "POST", | ||
| 148 | + url: _url, | ||
| 149 | + timeout:5000, | ||
| 150 | + data:{siteId:ClassDataProxy.siteId,userType:ClassDataProxy.USER_TYPE_1}, | ||
| 151 | + headers: {siteId:ClassDataProxy.siteId, | ||
| 152 | + pageno:7, | ||
| 153 | + 'page':ind, | ||
| 154 | + 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | ||
| 155 | + success:function(_data){ | ||
| 156 | + //获取课堂数据 | ||
| 157 | + if(_data && _data.code == 200){ | ||
| 158 | + let ind = $('#aboutClassList4').find('.liveInfoLeftLiCheck').attr('data'); | ||
| 159 | + if(ind == 0 ){ | ||
| 160 | + that._gainUserClassData(_data.returnData.data); | ||
| 161 | + }else{ | ||
| 162 | + that._gainUserClassData1(_data.returnData.data); | ||
| 163 | + } | ||
| 164 | + } | ||
| 165 | + }, | ||
| 166 | + error:function(error){ | ||
| 167 | + //alert('直播数据获取失败') | ||
| 168 | + loger.log(error,'直播数据获取失败') | ||
| 169 | + } | ||
| 170 | + }) | ||
| 171 | + } | ||
| 172 | + _gainUserClassData(_data){ | ||
| 173 | + let _dataList = _data.users; | ||
| 174 | + let courseContent = $('#courseContent4'); | ||
| 175 | + courseContent.empty(); | ||
| 176 | + let count = _data.count; | ||
| 177 | + let page = _data.page; | ||
| 178 | + let pageno = _data.pageno; | ||
| 179 | + this.pageNo = pageno; | ||
| 180 | + | ||
| 181 | + $('#classHandlerPageMsg4').html('第'+page+'页/共'+pageno+'页,有'+count+'个记录'); | ||
| 182 | + courseContent.append(adminListTit); | ||
| 183 | + if(_dataList){ | ||
| 184 | + if(count <= 7){ | ||
| 185 | + $('#classHandlerPageBox4').hide(); | ||
| 186 | + } | ||
| 187 | + for(let i = 0;i<_dataList.length;i++){ | ||
| 188 | + let _adminList = this._format(adminList,{ | ||
| 189 | + _userName : _dataList[i].loginName, | ||
| 190 | + _phone : _dataList[i].userMobile, | ||
| 191 | + _age : '女', | ||
| 192 | + _totalNmu : '2', | ||
| 193 | + _course : '《少儿英语》', | ||
| 194 | + _removeInd : 'classDoc'+i, | ||
| 195 | + _stay : 'classMedia'+i, | ||
| 196 | + _aboutMsg : _dataList[i].id | ||
| 197 | + }) | ||
| 198 | + courseContent.append(_adminList); | ||
| 199 | + } | ||
| 200 | + courseContent.append(adminListEnd); | ||
| 201 | + } | ||
| 202 | + } | ||
| 203 | + _gainUserClassData1(_data){ | ||
| 204 | + let _dataList = _data.users; | ||
| 205 | + let courseContent = $('#courseContent4'); | ||
| 206 | + courseContent.empty(); | ||
| 207 | + let count = _data.count; | ||
| 208 | + let page = _data.page; | ||
| 209 | + let pageno = _data.pageno; | ||
| 210 | + this.pageNo = pageno; | ||
| 211 | + | ||
| 212 | + $('#classHandlerPageMsg4').html('第'+page+'页/共'+pageno+'页,有'+count+'个记录'); | ||
| 213 | + courseContent.append(adminListTit1); | ||
| 214 | + if(_dataList){ | ||
| 215 | + if(count <= 7){ | ||
| 216 | + $('#classHandlerPageBox4').hide(); | ||
| 217 | + } | ||
| 218 | + for(let i = 0;i<_dataList.length;i++){ | ||
| 219 | + let _adminList = this._format(adminList1,{ | ||
| 220 | + _userName : _dataList[i].loginName, | ||
| 221 | + _phone : _dataList[i].userMobile, | ||
| 222 | + _age : '女', | ||
| 223 | + _totalNmu : '2', | ||
| 224 | + _course : _dataList[i].userName, | ||
| 225 | + _removeInd : 'classDoc'+i, | ||
| 226 | + _stay : 'classMedia'+i, | ||
| 227 | + _aboutMsg : _dataList[i].id | ||
| 228 | + }) | ||
| 229 | + courseContent.append(_adminList); | ||
| 230 | + } | ||
| 231 | + courseContent.append(adminListEnd); | ||
| 232 | + } | ||
| 233 | + } | ||
| 234 | + _switchover(evt){ | ||
| 235 | + $(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck'); | ||
| 236 | + | ||
| 237 | + } | ||
| 238 | + _userClassListHandler(evt){ | ||
| 239 | + this._switchover(evt); | ||
| 240 | + this.userAdminHandler(1); | ||
| 241 | + } | ||
| 242 | + //工具类 | ||
| 243 | + _format(str, obj) { | ||
| 244 | + return str.replace(/\{(\w+)\}/g, function (match, group, index) { | ||
| 245 | + return obj[group]; | ||
| 246 | + }); | ||
| 247 | + }; | ||
| 248 | +} | ||
| 249 | +export default AboutClassApe; |
| 1 | //* | 1 | //* |
| 2 | -// 管理员界面 | 2 | +// 管理员列表 |
| 3 | // */ | 3 | // */ |
| 4 | 4 | ||
| 5 | import Loger from "../Loger"; | 5 | import Loger from "../Loger"; |
| 6 | import Ape from "./Ape"; | 6 | import Ape from "./Ape"; |
| 7 | import $ from "jquery"; | 7 | import $ from "jquery"; |
| 8 | import ClassDataProxy from "proxy/ClassDataProxy"; | 8 | import ClassDataProxy from "proxy/ClassDataProxy"; |
| 9 | +import MessageTypes from "../MessageTypes"; | ||
| 10 | +import dateUI from 'libs/laydate'; | ||
| 9 | let loger = Loger.getLoger('PC-AdministratorApe'); | 11 | let loger = Loger.getLoger('PC-AdministratorApe'); |
| 10 | 12 | ||
| 11 | -const adminListTit = `<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" id="t_box" class="t_box"> | ||
| 12 | - <tbody> | ||
| 13 | - <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | ||
| 14 | - <th width="8%" class="tr_center"> | ||
| 15 | - 课堂主题 | ||
| 16 | - </th> | ||
| 17 | - <th width="8%" class="tr_center"> | ||
| 18 | - 课堂号 | ||
| 19 | - </th> | ||
| 20 | - <th width="7%" class="tr_center"> | ||
| 21 | - 老师 | ||
| 22 | - </th> | ||
| 23 | - <th width="6%" class="tr_center"> | ||
| 24 | - 课堂状态 | ||
| 25 | - </th> | ||
| 26 | - <th width="20%" class="tr_center"> | ||
| 27 | - 课堂时间 | ||
| 28 | - </th> | ||
| 29 | - <th width="6%" class="tr_center"> | ||
| 30 | - 在线人数 | ||
| 31 | - </th> | ||
| 32 | - <th width="20%" class="tr_center"> | ||
| 33 | - 操作 | ||
| 34 | - </th> | ||
| 35 | - </tr> | ||
| 36 | -`; | ||
| 37 | -//管理首页 | ||
| 38 | -const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6"> | ||
| 39 | - <td width="7%" class="tr_main tr_mainLeft">{_meetingName}</td> | ||
| 40 | - <td width="7%" class="tr_main">{_esenglish}</td> | ||
| 41 | - <td width="7%" class="tr_main">{_userName}</td> | ||
| 42 | - <td width="6%" class="tr_main">{_stateInfo}</td> | ||
| 43 | - <td width="18%" class="tr_main">{_time}</td> | ||
| 44 | - <td width="6%" class="tr_main">{_onlineLen}</td> | ||
| 45 | - <td width="18%" class="tr_main tr_mainRight" align="center" > | ||
| 46 | - <a id="{_DocInd}" class="classHandlePort" href="###">文档</a> | ||
| 47 | - <a id="{_mediaInd}" class="classHandlePort" href="###">多媒体</a> | ||
| 48 | - <a id="{_musicInd}" class="classHandlePort" href="###">伴音</a> | ||
| 49 | - <a id="{_updateInd}" class="classHandlePort" href="###">修改</a> | ||
| 50 | - <a id="{_removeInd}" class="classHandlePort" href="###">删除</a> | ||
| 51 | - <a id="{_joinInd}" class="classHandlePort" data="{_esenglish}" href="###">加入课堂</a> | ||
| 52 | - </td> | ||
| 53 | - </tr> | ||
| 54 | -`; | ||
| 55 | -const adminListEnd = `</tbody></table>`; | ||
| 56 | class AdministratorApe extends Ape { | 13 | class AdministratorApe extends Ape { |
| 57 | constructor() { | 14 | constructor() { |
| 58 | super(); | 15 | super(); |
| 59 | - this.classDateList = {};//课堂的所有数据 | ||
| 60 | - this.pageNo = 0; | ||
| 61 | - this.presentInd = 0; | ||
| 62 | this.isLocalStorage(); | 16 | this.isLocalStorage(); |
| 63 | this.addEvent(); | 17 | this.addEvent(); |
| 64 | this.init(); | 18 | this.init(); |
| 65 | } | 19 | } |
| 66 | 20 | ||
| 67 | init() { | 21 | init() { |
| 68 | - this.detailPage(); | ||
| 69 | - $('#collectYes').hide(); | 22 | + $('#classManagementRight0').show(); |
| 23 | + $('#recordUl .recordLi').on('click',this._switchover.bind(this));//课堂分类 | ||
| 70 | 24 | ||
| 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 | - $('#courseContent').on('click','.classHandlePort',this._classHandlePortHandler.bind(this));//加入课堂 | 25 | + //日历插件 |
| 26 | + this._dateUI(); | ||
| 78 | } | 27 | } |
| 79 | 28 | ||
| 80 | addEvent() { | 29 | addEvent() { |
| 81 | 30 | ||
| 82 | } | 31 | } |
| 83 | isLocalStorage(){ | 32 | isLocalStorage(){ |
| 84 | - if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_2){ | ||
| 85 | - this.detailPage(); | ||
| 86 | - } | ||
| 87 | - } | ||
| 88 | - //首页 | ||
| 89 | - _homePageHandler(){ | ||
| 90 | - this.presentInd = 1; | ||
| 91 | - this._pageNumBtnHandler(this.presentInd); | ||
| 92 | - } | ||
| 93 | - //上页 | ||
| 94 | - _upPageHandler(){ | ||
| 95 | - if(this.presentInd >1){ | ||
| 96 | - this.presentInd--; | ||
| 97 | - this._pageNumBtnHandler(this.presentInd); | ||
| 98 | - } | ||
| 99 | - } | ||
| 100 | - //下页 | ||
| 101 | - _downPageHandler(){ | ||
| 102 | - if(this.presentInd < this.pageNo){ | ||
| 103 | - this.presentInd++; | ||
| 104 | - this._pageNumBtnHandler(this.presentInd); | ||
| 105 | - } | ||
| 106 | - } | ||
| 107 | - //尾页 | ||
| 108 | - _endPageHandler(){ | ||
| 109 | - this.presentInd = this.pageNo; | ||
| 110 | - this._pageNumBtnHandler(this.presentInd); | ||
| 111 | - } | ||
| 112 | - //指定页 | ||
| 113 | - _assignPageHandler(){ | ||
| 114 | - let inputVal = $('#classHandlerPageInfoInput').val(); | ||
| 115 | - if(parseInt(inputVal) <= this.pageNo || parseInt(inputVal) >= 1 ){ | ||
| 116 | - this._pageNumBtnHandler(parseInt(inputVal)); | ||
| 117 | - } | ||
| 118 | - } | ||
| 119 | - _classHandlePortHandler(evt){ | ||
| 120 | - let id = $(evt.target).attr('data'); | ||
| 121 | - loger.log(id,11111111111) | ||
| 122 | - // window.open('/3m/attend.do?meetingNumber=' + id); | ||
| 123 | - } | ||
| 124 | - //点击翻页 | ||
| 125 | - _pageNumBtnHandler(ind){ | ||
| 126 | - let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting'; | ||
| 127 | - let that = this; | ||
| 128 | - $.ajax({ | ||
| 129 | - type: "POST", | ||
| 130 | - url: _url, | ||
| 131 | - data:{siteId:'markettest'}, | ||
| 132 | - headers: {'page':ind, | ||
| 133 | - type:8, | ||
| 134 | - 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo', | ||
| 135 | - }, | ||
| 136 | - success:function(_data){ | ||
| 137 | - if(_data.code != 200 ){ | ||
| 138 | - loger.warn(_data.returnData.data.msg) | ||
| 139 | - } | ||
| 140 | - that.classDateList = _data.returnData.data; | ||
| 141 | - that._gainClassData(_data.returnData.data); | ||
| 142 | - }, | ||
| 143 | - error:function(error){ | ||
| 144 | - console.log(error,'失败') | ||
| 145 | - } | ||
| 146 | - }) | ||
| 147 | - | ||
| 148 | - } | ||
| 149 | - detailPage(){ | ||
| 150 | - let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting'; | ||
| 151 | - let that = this; | ||
| 152 | - $.ajax({ | ||
| 153 | - type: "POST", | ||
| 154 | - url: _url, | ||
| 155 | - data:{siteId:'markettest'}, | ||
| 156 | - headers: {siteId:'markettest', | ||
| 157 | - type:8, | ||
| 158 | - 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | ||
| 159 | - success:function(_data){ | ||
| 160 | - if(_data || _data.code == 200){ | ||
| 161 | - that._gainClassData(_data.returnData.data); | ||
| 162 | - } | ||
| 163 | - }, | ||
| 164 | - error:function(error){ | ||
| 165 | - console.log(error,'失败') | ||
| 166 | - } | ||
| 167 | - }) | ||
| 168 | - } | ||
| 169 | - _classDateTitle(){ | ||
| 170 | - $('#classifyListTitle').html($('.header_listMsgCheck').attr('data')); | ||
| 171 | - } | ||
| 172 | - _gainClassData(_data){ | ||
| 173 | - let courseContent = $('#courseContent'); | ||
| 174 | - courseContent.empty(); | ||
| 175 | - let count = _data.count; | ||
| 176 | - let page = _data.page; | ||
| 177 | - let pageno = _data.pageno; | ||
| 178 | - let _dataList = _data.meetingInfo; | ||
| 179 | - this.pageNo = pageno; | ||
| 180 | - $('#classHandlerPageMsg').html('第'+page+'页/共'+pageno+'页,有'+count+'个记录'); | ||
| 181 | - courseContent.append(adminListTit); | ||
| 182 | - if(_dataList){ | ||
| 183 | - if(_dataList.length <= 1){ | ||
| 184 | - $('#classHandlerPageBox').hide(); | ||
| 185 | - } | ||
| 186 | - for(let i = 0;i<_dataList.length;i++){ | ||
| 187 | - let _adminList = this._format(adminList,{ | ||
| 188 | - _meetingName : _dataList[i].meetingName, | ||
| 189 | - _esenglish : _dataList[i].meetingNumber, | ||
| 190 | - _userName : _dataList[i].create_user, | ||
| 191 | - _stateInfo : '准备', | ||
| 192 | - _time: _dataList[i].beginTime+' - '+_dataList[i].endTime, | ||
| 193 | - _onlineLen : '0', | ||
| 194 | - _DocInd : 'classDoc'+i, | ||
| 195 | - _mediaInd : 'classMedia'+i, | ||
| 196 | - _musicInd : 'classMusic'+i, | ||
| 197 | - _updateInd : 'classUpdate'+i, | ||
| 198 | - _removeInd : 'classRemove'+i, | ||
| 199 | - _joinInd : 'classJoin'+i | ||
| 200 | - }) | ||
| 201 | - courseContent.append(_adminList); | ||
| 202 | - } | ||
| 203 | - courseContent.append(adminListEnd); | 33 | + //设置当前时间 给输入框默认值 |
| 34 | + this._setNewTime(); | ||
| 35 | + //设置弹框位置 | ||
| 36 | + this._setMarginTop(); | ||
| 37 | + } | ||
| 38 | + _switchover(evt){ | ||
| 39 | + $(evt.currentTarget).addClass('recordLiCheck').siblings().removeClass('recordLiCheck'); | ||
| 40 | + let ind = $(evt.currentTarget).attr('data'); | ||
| 41 | + this._emit(MessageTypes.SWITCH_CLASS,ind); | ||
| 42 | + if(ind > 1){ | ||
| 43 | + $('.classManagementRight').eq(ind-1).show().siblings().hide(); | ||
| 44 | + }else{ | ||
| 45 | + $('.classManagementRight').eq(ind).show().siblings().hide(); | ||
| 204 | } | 46 | } |
| 205 | } | 47 | } |
| 206 | - _classDatepageNum(_data){ //page | ||
| 207 | - let _pageContent = _data.count; | ||
| 208 | - let _pageNum = Math.ceil(_pageContent / _data.pageno); | ||
| 209 | - | ||
| 210 | - this.pagingConstruct(1,_pageNum); | 48 | + _dateUI(){ |
| 49 | + //执行一个laydate实例 | ||
| 50 | + dateUI.render({ | ||
| 51 | + elem: '.liveInfoCenterLiveStart' //指定元素 | ||
| 52 | + }); | ||
| 53 | + //执行一个laydate实例 | ||
| 54 | + dateUI.render({ | ||
| 55 | + elem: '.liveInfoCenterLiveEnd' //指定元素 | ||
| 56 | + }); | ||
| 57 | + //执行一个laydate实例 | ||
| 58 | + dateUI.render({ | ||
| 59 | + elem: '#createClassStartTime' //指定元素 | ||
| 60 | + }); | ||
| 61 | + //执行一个laydate实例 | ||
| 62 | + dateUI.render({ | ||
| 63 | + elem: '#createClassEndTime' //指定元素 | ||
| 64 | + }); | ||
| 65 | + //执行一个laydate实例 | ||
| 66 | + dateUI.render({ | ||
| 67 | + elem: '#createUserAbortTime' //指定元素 | ||
| 68 | + }); | ||
| 211 | } | 69 | } |
| 212 | - pagingConstruct(paging,total){ | ||
| 213 | - let pageNumContentBox = $('#pageNumContentBox'); | ||
| 214 | - pageNumContentBox.empty(); | ||
| 215 | - let pagingDivInnerHTML = '<div class="pageNumContent">'; | ||
| 216 | - let isHiddenExist = 0; | ||
| 217 | - for(let i =1 ;i<=total;i++){ | ||
| 218 | - if(i == paging){ | ||
| 219 | - pagingDivInnerHTML +='<span class="pageNumBtn pageNumBtnCheck">'+i+'</span>'; | ||
| 220 | - }else{ | ||
| 221 | - if (i < 4 || i < (paging + 4) && i > (paging - 2) && i < (total / 2 + 2) || i > (total - 2)) { | ||
| 222 | - pagingDivInnerHTML +='<span class="pageNumBtn">'+i+'</span>'; | ||
| 223 | - isHiddenExist = 0; | ||
| 224 | - }else{ | ||
| 225 | - if(isHiddenExist == 0){ | ||
| 226 | - pagingDivInnerHTML += '<span class="pageNumBtn">...</span>'; | ||
| 227 | - isHiddenExist = 1; | ||
| 228 | - } | ||
| 229 | - } | ||
| 230 | - } | ||
| 231 | - } | ||
| 232 | - pagingDivInnerHTML += '</div>'; | ||
| 233 | - pageNumContentBox.append(pagingDivInnerHTML); | 70 | + //设置当前时间 给输入框默认值 |
| 71 | + _setNewTime(){ | ||
| 72 | + let newDate = new Date(); | ||
| 73 | + let ysar = newDate.getFullYear(); | ||
| 74 | + let month = newDate.getMonth()+1;//月 | ||
| 75 | + let date = newDate.getDate();//日 | ||
| 76 | + month<10?'0'+month:month; | ||
| 77 | + date<10?'0'+date:date; | ||
| 78 | + let time = ysar+'-'+month+'-'+date; | ||
| 79 | + $('.liveInfoCenterLiveStart').html(time); | ||
| 80 | + $('.liveInfoCenterLiveEnd').html(time); | ||
| 81 | + $('#createUserAbortTime').html(time); | ||
| 82 | + } | ||
| 83 | + //设置弹框位置 | ||
| 84 | + _setMarginTop(){ | ||
| 85 | + this._setMarginTopHandler($('#createUserAccount'));//创建用户选择身份 | ||
| 86 | + this._setMarginTopHandler($('#userLogin'));//登录 | ||
| 87 | + this._setMarginTopHandler($('#usersign'));//注册 | ||
| 88 | + this._setMarginTopHandler($('#warnHintBox'));//错误提示 | ||
| 89 | + this._setMarginTopHandler($('#removeHandler'));//删除 | ||
| 90 | + this._setMarginTopHandler($('#updateInputBox'));//修改信息输入框 | ||
| 91 | + this._setMarginTopHandler($('#teacherDetailReminders'));//预约成功弹框 | ||
| 92 | + this._setMarginTopHandler($('#createUser'));//注册老师账号 | ||
| 93 | + this._setMarginTopHandler($('#createClass'));//创建课堂 | ||
| 94 | + } | ||
| 95 | + //设置弹框位置 方法 | ||
| 96 | + _setMarginTopHandler(_data){ | ||
| 97 | + let clienth = document.documentElement.clientHeight || document.body.clientHeight | ||
| 98 | + _data.css('margin-top',(clienth - parseInt(_data.height()))/2) | ||
| 234 | } | 99 | } |
| 235 | - //工具类 | ||
| 236 | - _format(str, obj) { | ||
| 237 | - return str.replace(/\{(\w+)\}/g, function (match, group, index) { | ||
| 238 | - return obj[group]; | ||
| 239 | - }); | ||
| 240 | - }; | ||
| 241 | } | 100 | } |
| 242 | export default AdministratorApe; | 101 | export default AdministratorApe; |
| @@ -26,12 +26,6 @@ class CreateClassApe extends Ape { | @@ -26,12 +26,6 @@ class CreateClassApe extends Ape { | ||
| 26 | $('#collectYes').hide(); | 26 | $('#collectYes').hide(); |
| 27 | //默认显示当前时间戳 | 27 | //默认显示当前时间戳 |
| 28 | this._showPresentTime(); | 28 | this._showPresentTime(); |
| 29 | - | ||
| 30 | - // $('#createClassBtn').on('click',this._createClassBtnHandler.bind(this)); | ||
| 31 | - $('.recordLi').on('click',this._recordLiHandler.bind(this));//课堂分类 | ||
| 32 | - $('#liveInfoList li').on('click',this._liveInfoLeftLiHandler.bind(this));//首页 | ||
| 33 | - $('#userClassList li').on('click',this._userClassListHandler.bind(this));//用户列表 | ||
| 34 | - | ||
| 35 | //创建课堂 | 29 | //创建课堂 |
| 36 | $('#createClassA').on('click',this._closeClassHandler.bind(this));//关闭创建课堂 | 30 | $('#createClassA').on('click',this._closeClassHandler.bind(this));//关闭创建课堂 |
| 37 | $('.main_closeBtn').on('click',this._closeClassHandler.bind(this));//关闭创建课堂 | 31 | $('.main_closeBtn').on('click',this._closeClassHandler.bind(this));//关闭创建课堂 |
| @@ -42,12 +36,8 @@ class CreateClassApe extends Ape { | @@ -42,12 +36,8 @@ class CreateClassApe extends Ape { | ||
| 42 | $('#createClassSubmit3').on('click',this._createClassSubmit3Handler.bind(this));//创建课堂第三步 | 36 | $('#createClassSubmit3').on('click',this._createClassSubmit3Handler.bind(this));//创建课堂第三步 |
| 43 | $('#openParamBtn').on('click',this._openParamBtnHandler.bind(this));//打开更多参数 | 37 | $('#openParamBtn').on('click',this._openParamBtnHandler.bind(this));//打开更多参数 |
| 44 | 38 | ||
| 45 | - //用户管理 | ||
| 46 | - $('#addUserBtn').on('click',this._addUserBtnHandler.bind(this));//创建用户按钮 | ||
| 47 | - $('#createUserYes').on('click',this._createUserYesHandler.bind(this));//进入创建用户界面 | ||
| 48 | - $('#createUserConfirm').on('click',this._createUserConfirmHandler.bind(this));//创建用户按钮 | ||
| 49 | - $('#createUserA').on('click',this._closeUserClassHandler.bind(this));//关闭创建课堂 | ||
| 50 | - $('#createUserCancel').on('click',this._closeUserClassHandler.bind(this));//关闭创建课堂 | 39 | + $('#courseContent').on('click','.classHandlePort',this._classHandlePortHandler.bind(this));//加入课堂 |
| 40 | + | ||
| 51 | //日历插件 | 41 | //日历插件 |
| 52 | this._dateUI(); | 42 | this._dateUI(); |
| 53 | } | 43 | } |
| @@ -75,52 +65,7 @@ class CreateClassApe extends Ape { | @@ -75,52 +65,7 @@ class CreateClassApe extends Ape { | ||
| 75 | let i=(i%4); | 65 | let i=(i%4); |
| 76 | $('#classifyListContent').find('.classifyList').eq(i==3).addClass('classifyListR'); | 66 | $('#classifyListContent').find('.classifyList').eq(i==3).addClass('classifyListR'); |
| 77 | } | 67 | } |
| 78 | - _recordLiHandler(evt){ | ||
| 79 | - $(evt.currentTarget).addClass('recordLiCheck').siblings().removeClass('recordLiCheck'); | ||
| 80 | - let ind = $(evt.currentTarget).attr('data'); | ||
| 81 | - loger.log('=',ind) | ||
| 82 | - switch (parseInt(ind)){ | ||
| 83 | - case 0: | ||
| 84 | - //首页 | ||
| 85 | - this._createClassHomePage(); | ||
| 86 | - break; | ||
| 87 | - case 1: | ||
| 88 | - //创建课堂 | ||
| 89 | - this._createClassBtnHandler(); | ||
| 90 | - break; | ||
| 91 | - case 2: | ||
| 92 | - //班级管理 | ||
| 93 | - break; | ||
| 94 | - case 3: | ||
| 95 | - //用户管理 | ||
| 96 | - this.userAdminHandler(); | ||
| 97 | - break; | ||
| 98 | - case 4: | ||
| 99 | - //约课管理 | ||
| 100 | - break; | ||
| 101 | - case 5: | ||
| 102 | - //录制管理 | ||
| 103 | - break; | ||
| 104 | - case 6: | ||
| 105 | - //站点配置 | ||
| 106 | - break; | ||
| 107 | - case 7: | ||
| 108 | - //统计报告 | ||
| 109 | - break; | ||
| 110 | - case 8: | ||
| 111 | - //个人设置 | ||
| 112 | - break; | ||
| 113 | - } | ||
| 114 | - } | ||
| 115 | - _switchover(evt){ | ||
| 116 | - $(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck'); | ||
| 117 | - } | ||
| 118 | - _liveInfoLeftLiHandler(evt){ | ||
| 119 | - this._switchover(evt); | ||
| 120 | - } | ||
| 121 | - _userClassListHandler(evt){ | ||
| 122 | - this._switchover(evt); | ||
| 123 | - } | 68 | + |
| 124 | _createClassBtnHandler(){ | 69 | _createClassBtnHandler(){ |
| 125 | $('#createClassBox').show(); | 70 | $('#createClassBox').show(); |
| 126 | $('#scheduleForm1').show(); | 71 | $('#scheduleForm1').show(); |
| @@ -131,18 +76,6 @@ class CreateClassApe extends Ape { | @@ -131,18 +76,6 @@ class CreateClassApe extends Ape { | ||
| 131 | //获取第一步中老师列表 | 76 | //获取第一步中老师列表 |
| 132 | this.allotSpeaker(); | 77 | this.allotSpeaker(); |
| 133 | } | 78 | } |
| 134 | - //首页 | ||
| 135 | - _createClassHomePage(){ | ||
| 136 | - $('#addUserBtn').hide(); | ||
| 137 | - $('#userClassList').hide(); | ||
| 138 | - $('#liveInfoList').show(); | ||
| 139 | - } | ||
| 140 | - //用户管理 | ||
| 141 | - userAdminHandler(){ | ||
| 142 | - $('#addUserBtn').show(); | ||
| 143 | - $('#userClassList').show(); | ||
| 144 | - $('#liveInfoList').hide(); | ||
| 145 | - } | ||
| 146 | //获取第一步中老师列表 | 79 | //获取第一步中老师列表 |
| 147 | allotSpeaker(){ | 80 | allotSpeaker(){ |
| 148 | let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/getUser'; | 81 | let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/getUser'; |
| @@ -320,7 +253,7 @@ class CreateClassApe extends Ape { | @@ -320,7 +253,7 @@ class CreateClassApe extends Ape { | ||
| 320 | headers: {'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | 253 | headers: {'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, |
| 321 | success:function(_data){ | 254 | success:function(_data){ |
| 322 | //获取课堂数据 | 255 | //获取课堂数据 |
| 323 | - if(_data || _data.code == 0){ | 256 | + if(_data && _data.code == 0){ |
| 324 | that._enterClass(_data.returnData.data); | 257 | that._enterClass(_data.returnData.data); |
| 325 | } | 258 | } |
| 326 | }, | 259 | }, |
| @@ -346,152 +279,9 @@ class CreateClassApe extends Ape { | @@ -346,152 +279,9 @@ class CreateClassApe extends Ape { | ||
| 346 | $('#chatInterval').val('0'); | 279 | $('#chatInterval').val('0'); |
| 347 | $('#aheadTime').val('0'); | 280 | $('#aheadTime').val('0'); |
| 348 | } | 281 | } |
| 349 | - | ||
| 350 | - //用户管理 | ||
| 351 | - _addUserBtnHandler(){ | ||
| 352 | - $('#createUserAccountBox').show(); | ||
| 353 | - } | ||
| 354 | - _createUserYesHandler(){ | ||
| 355 | - $('#createUserAccountBox').hide(); | ||
| 356 | - $('#createUserBox').show(); | ||
| 357 | - let val = $('#createUserRole').val(); | ||
| 358 | - let name = ''; | ||
| 359 | - switch (parseInt(val)){ | ||
| 360 | - case 0: | ||
| 361 | - name = '老师'; | ||
| 362 | - break; | ||
| 363 | - case 1: | ||
| 364 | - name = '兼课'; | ||
| 365 | - break; | ||
| 366 | - default: | ||
| 367 | - return; | ||
| 368 | - } | ||
| 369 | - $('#createUserTitle').html('添加'+name) | ||
| 370 | - $("input[name='createUserTeacher']").get(val).checked = true;//创建身份 | ||
| 371 | - } | ||
| 372 | - //创建用户 | ||
| 373 | - _createUserConfirmHandler(){ | ||
| 374 | - let _name = document.getElementById("createUserName");//老师名字 | ||
| 375 | - let _passWord = document.getElementById("createUserPassWord");//密码 | ||
| 376 | - let createUserRealName = document.getElementById("createUserRealName");//真实姓名 | ||
| 377 | - let createCharacter = $("input[name='createUserTeacher']:checked").val();//角色 | ||
| 378 | - let phone = document.getElementById("createUserPhone");//手机号 | ||
| 379 | - let identity = document.getElementById("createUserIdentity");//身份证号 | ||
| 380 | - let mail = document.getElementById("createUserMail");//邮箱 | ||
| 381 | - | ||
| 382 | - let createUserNote = $('#createUserNote').val();//备注信息 | ||
| 383 | - let createUserAbortTime = $('#createUserAbortTime').html();//有效期 | ||
| 384 | - | ||
| 385 | - if(_name.value && createUserRealName.value && phone.value && mail.value){ | ||
| 386 | - let createUserList = { | ||
| 387 | - "loginName": _name.value, // 登录名 | ||
| 388 | - "password": parseInt(_passWord.value), //登录密码 | ||
| 389 | - "companyName":null, //公司名字 | ||
| 390 | - "userName":createUserRealName.value, //用户名 | ||
| 391 | - "userRole":3, // 用户角色 0超级管理员,1管理员,2监课,3老师,4学生 | ||
| 392 | - "userType": 1, | ||
| 393 | - "userEmail":mail.value, // 用户邮箱 | ||
| 394 | - "userMobile":parseInt(phone.value), // 用户手机号 | ||
| 395 | - "content":createUserNote, // 用户简介 | ||
| 396 | - "groupId":1, //用户组id | ||
| 397 | - "IDcard":123123, | ||
| 398 | - "time":1 | ||
| 399 | - } | ||
| 400 | - let that = this; | ||
| 401 | - let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/addUser'; | ||
| 402 | - $.ajax({ | ||
| 403 | - type: "POST", | ||
| 404 | - url: _url, | ||
| 405 | - data: createUserList, | ||
| 406 | - timeout:5000, | ||
| 407 | - success:function(_data){ | ||
| 408 | - //注册成功后 跳转登录界面 | ||
| 409 | - if(_data && _data.code == 200){ | ||
| 410 | - loger.log(_data,'注册老师账号成功') | ||
| 411 | - ErrorApe.showWarnError('注册成功'); | ||
| 412 | - $('#createUserBox').hide(); | ||
| 413 | - }else{ | ||
| 414 | - ErrorApe.showWarnError(_data.returnData.data.msg); | ||
| 415 | - } | ||
| 416 | - }, | ||
| 417 | - error:function(error){ | ||
| 418 | - console.log(error,'失败') | ||
| 419 | - } | ||
| 420 | - }) | ||
| 421 | - }else{ | ||
| 422 | - this._signMail(mail);//判断邮箱 | ||
| 423 | - this._signIdentity(identity); | ||
| 424 | - this._signPhone(phone);//判断手机号 | ||
| 425 | - this._signName(createUserRealName);//判断用户名 | ||
| 426 | - this._signName(_name);//判断登录名 | ||
| 427 | - } | ||
| 428 | - } | ||
| 429 | - _signName(_name){ | ||
| 430 | - if(!_name.value){ | ||
| 431 | - _name.focus(); | ||
| 432 | - return false; | ||
| 433 | - } | ||
| 434 | - } | ||
| 435 | - _signPhone(phone){ | ||
| 436 | - let reg = "^1[3|4|5|8][0-9]\\d{8}$"; | ||
| 437 | - let re = new RegExp(reg); | ||
| 438 | - if(!phone.value){ | ||
| 439 | - phone.focus(); | ||
| 440 | - return false; | ||
| 441 | - } | ||
| 442 | - if (re.test(phone.value)) { | ||
| 443 | - $('#createUserPhone').css('color','#000'); | ||
| 444 | - } else { | ||
| 445 | - $('#createUserPhone').val('手机号输入不合法') | ||
| 446 | - .css('color','#d95136'); | ||
| 447 | - phone.focus(); | ||
| 448 | - return false; | ||
| 449 | - } | ||
| 450 | - } | ||
| 451 | - _signMail(mail){ | ||
| 452 | - let filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; | ||
| 453 | - if(!mail.value){ | ||
| 454 | - mail.focus(); | ||
| 455 | - return false; | ||
| 456 | - } | ||
| 457 | - if (filter.test(mail.value)){ | ||
| 458 | - $('#createUserMail').css('color','#000'); | ||
| 459 | - } | ||
| 460 | - else { | ||
| 461 | - $('#createUserMail').val('电子邮箱输入不合法') | ||
| 462 | - .css('color','#d95136'); | ||
| 463 | - mail.focus(); | ||
| 464 | - return false; | ||
| 465 | - } | ||
| 466 | - } | ||
| 467 | - _signIdentity(identity){ | ||
| 468 | - let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; | ||
| 469 | - if(!identity.value){ | ||
| 470 | - identity.focus(); | ||
| 471 | - return false; | ||
| 472 | - } | ||
| 473 | - if (reg.test(identity.value)){ | ||
| 474 | - $('#createUserIdentity').css('color','#000'); | ||
| 475 | - } | ||
| 476 | - else { | ||
| 477 | - $('#createUserIdentity').val('身份证号码输入不合法') | ||
| 478 | - .css('color','#d95136'); | ||
| 479 | - identity.focus(); | ||
| 480 | - return false; | ||
| 481 | - } | ||
| 482 | - } | ||
| 483 | - _closeUserClassHandler(){ | ||
| 484 | - $('#createUserBox').hide(); | ||
| 485 | - this._clearUserClssMsg(); | ||
| 486 | - } | ||
| 487 | - _clearUserClssMsg(){ | ||
| 488 | - $('#createUserName').val(''); | ||
| 489 | - $('#createUserPassWord').val(''); | ||
| 490 | - $('#createUserRealName').val(''); | ||
| 491 | - $('#createUserPhone').val(''); | ||
| 492 | - $('#createUserIdentity').val(''); | ||
| 493 | - $('#createUserMail').val(''); | ||
| 494 | - $('#createUserNote').val(''); | 282 | + _classHandlePortHandler(evt){ |
| 283 | + let id = $(evt.target).attr('data'); | ||
| 284 | + // window.open('/3m/attend.do?meetingNumber=' + id); | ||
| 495 | } | 285 | } |
| 496 | //设置当前时间 给输入框默认值 | 286 | //设置当前时间 给输入框默认值 |
| 497 | _setNewTime(){ | 287 | _setNewTime(){ |
src/ape/CreateUserApe.js
0 → 100644
| 1 | +//* | ||
| 2 | +// 用户管理模块 | ||
| 3 | +// */ | ||
| 4 | + | ||
| 5 | +import Loger from "../Loger"; | ||
| 6 | +import Ape from "./Ape"; | ||
| 7 | +import $ from "jquery"; | ||
| 8 | +import ClassDataProxy from "proxy/ClassDataProxy"; | ||
| 9 | +import ErrorApe from "./ErrorApe"; | ||
| 10 | + | ||
| 11 | +let loger = Loger.getLoger('PC-CreateUserApe'); | ||
| 12 | +const adminListTit = `<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" class="t_box"> | ||
| 13 | + <tbody> | ||
| 14 | + <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | ||
| 15 | + <th width="8%" class="tr_center"> | ||
| 16 | + 登录名 | ||
| 17 | + </th> | ||
| 18 | + <th width="8%" class="tr_center"> | ||
| 19 | + 姓名 | ||
| 20 | + </th> | ||
| 21 | + <th width="8%" class="tr_center"> | ||
| 22 | + 科目 | ||
| 23 | + </th> | ||
| 24 | + <th width="8%" class="tr_center"> | ||
| 25 | + 上课总数 | ||
| 26 | + </th> | ||
| 27 | + <th width="8%" class="tr_center"> | ||
| 28 | + 最新约课 | ||
| 29 | + </th> | ||
| 30 | + <th width="10%" class="tr_center"> | ||
| 31 | + 操作 | ||
| 32 | + </th> | ||
| 33 | + </tr> | ||
| 34 | +`; | ||
| 35 | +//管理首页 | ||
| 36 | +const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6"> | ||
| 37 | + <td width="8%" class="tr_main tr_mainLeft">{_loginName}</td> | ||
| 38 | + <td width="8%" class="tr_main">{_userName}</td> | ||
| 39 | + <td width="8%" class="tr_main">{_course}</td> | ||
| 40 | + <td width="8%" class="tr_main">{_totalNmu}</td> | ||
| 41 | + <td width="8%" class="tr_main">{_latest}</td> | ||
| 42 | + <td width="10%" class="tr_main tr_mainRight" align="center" > | ||
| 43 | + <a id="{_removeInd}" class="classHandlePort" href="###">删除</a> | ||
| 44 | + <a id="{_joinInd}" class="classHandlePort"" data="{_aboutMsg}" href="###">查看约课信息</a> | ||
| 45 | + </td> | ||
| 46 | + </tr> | ||
| 47 | +`; | ||
| 48 | +const adminListEnd = `</tbody></table>`; | ||
| 49 | +class CreateUserApe extends Ape { | ||
| 50 | + constructor() { | ||
| 51 | + super(); | ||
| 52 | + this.pageNo = 0; | ||
| 53 | + this.presentInd = 1; | ||
| 54 | + this.addEvent(); | ||
| 55 | + this.init(); | ||
| 56 | + } | ||
| 57 | + | ||
| 58 | + init() { | ||
| 59 | + | ||
| 60 | + $('#userClassList3 li').on('click',this._userClassListHandler.bind(this));//用户列表 | ||
| 61 | + | ||
| 62 | + //用户管理 | ||
| 63 | + $('#addUserBtn').on('click',this._addUserBtnHandler.bind(this));//创建用户按钮 | ||
| 64 | + $('#createUserYes').on('click',this._createUserYesHandler.bind(this));//进入创建用户界面 | ||
| 65 | + $('#createUserConfirm').on('click',this._createUserConfirmHandler.bind(this));//创建用户按钮 | ||
| 66 | + $('#createUserA').on('click',this._closeUserClassHandler.bind(this));//关闭创建课堂 | ||
| 67 | + $('#createUserCancel').on('click',this._closeUserClassHandler.bind(this));//关闭创建课堂 | ||
| 68 | + | ||
| 69 | + $('#classHandlerHomePage3').on('click',this._homePageHandler.bind(this));//首页 | ||
| 70 | + $('#classHandlerUpPage3').on('click',this._upPageHandler.bind(this));//上页 | ||
| 71 | + $('#classHandlerDownPage3').on('click',this._downPageHandler.bind(this));//下页 | ||
| 72 | + $('#classHandlerEndPage3').on('click',this._endPageHandler.bind(this));//尾页 | ||
| 73 | + $('#classHandlerSpecificPage3').on('click',this._assignPageHandler.bind(this));//指定页 | ||
| 74 | + | ||
| 75 | + | ||
| 76 | + } | ||
| 77 | + | ||
| 78 | + addEvent() { | ||
| 79 | + | ||
| 80 | + } | ||
| 81 | + | ||
| 82 | + _switchover(evt){ | ||
| 83 | + $(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck'); | ||
| 84 | + } | ||
| 85 | + _userClassListHandler(evt){ | ||
| 86 | + this._switchover(evt); | ||
| 87 | + } | ||
| 88 | + //首页 | ||
| 89 | + _homePageHandler(){ | ||
| 90 | + this.presentInd = 1; | ||
| 91 | + this.userAdminHandler(this.presentInd); | ||
| 92 | + } | ||
| 93 | + //上页 | ||
| 94 | + _upPageHandler(){ | ||
| 95 | + if(this.presentInd >1){ | ||
| 96 | + this.presentInd--; | ||
| 97 | + this.userAdminHandler(this.presentInd); | ||
| 98 | + } | ||
| 99 | + } | ||
| 100 | + //下页 | ||
| 101 | + _downPageHandler(){ | ||
| 102 | + if(this.presentInd < this.pageNo){ | ||
| 103 | + this.presentInd++; | ||
| 104 | + this.userAdminHandler(this.presentInd); | ||
| 105 | + } | ||
| 106 | + } | ||
| 107 | + //尾页 | ||
| 108 | + _endPageHandler(){ | ||
| 109 | + this.presentInd = this.pageNo; | ||
| 110 | + this.userAdminHandler(this.presentInd); | ||
| 111 | + } | ||
| 112 | + //指定页 | ||
| 113 | + _assignPageHandler(){ | ||
| 114 | + let inputVal = $('#classHandlerPageInfoInput3').val(); | ||
| 115 | + if(parseInt(inputVal) <= this.pageNo || parseInt(inputVal) >= 1 ){ | ||
| 116 | + this.userAdminHandler(parseInt(inputVal)); | ||
| 117 | + } | ||
| 118 | + } | ||
| 119 | + //用户管理 创建用户界面 | ||
| 120 | + userAdminHandler(ind){ | ||
| 121 | + this.createUserClassUI(); | ||
| 122 | + | ||
| 123 | + let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/getUser'; | ||
| 124 | + let that = this; | ||
| 125 | + $.ajax({ | ||
| 126 | + type: "POST", | ||
| 127 | + url: _url, | ||
| 128 | + timeout:5000, | ||
| 129 | + data:{siteId:ClassDataProxy.siteId,userType:ClassDataProxy.USER_TYPE_1}, | ||
| 130 | + headers: {siteId:ClassDataProxy.siteId, | ||
| 131 | + pageno:7, | ||
| 132 | + 'page':ind, | ||
| 133 | + 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | ||
| 134 | + success:function(_data){ | ||
| 135 | + loger.log(_data,'创建用户界面用户列表数据') | ||
| 136 | + loger.log(ClassDataProxy.USER_TYPE_1,'创建用户界面用户列表数据') | ||
| 137 | + //获取课堂数据 | ||
| 138 | + if(_data && _data.code == 200){ | ||
| 139 | + that._gainUserClassData(_data.returnData.data); | ||
| 140 | + } | ||
| 141 | + }, | ||
| 142 | + error:function(error){ | ||
| 143 | + //alert('直播数据获取失败') | ||
| 144 | + loger.log(error,'直播数据获取失败') | ||
| 145 | + } | ||
| 146 | + }) | ||
| 147 | + } | ||
| 148 | + _gainUserClassData(_data){ | ||
| 149 | + let _dataList = _data.users; | ||
| 150 | + let courseContent = $('#courseContent3'); | ||
| 151 | + courseContent.empty(); | ||
| 152 | + let count = _data.count; | ||
| 153 | + let page = _data.page; | ||
| 154 | + let pageno = _data.pageno; | ||
| 155 | + this.pageNo = pageno; | ||
| 156 | + $('#classHandlerPageMsg3').html('第'+page+'页/共'+pageno+'页,有'+count+'个记录'); | ||
| 157 | + courseContent.append(adminListTit); | ||
| 158 | + if(_dataList){ | ||
| 159 | + if(count <= 7){ | ||
| 160 | + $('#classHandlerPageBox3').hide(); | ||
| 161 | + } | ||
| 162 | + for(let i = 0;i<_dataList.length;i++){ | ||
| 163 | + let _adminList = this._format(adminList,{ | ||
| 164 | + _loginName : _dataList[i].loginName, | ||
| 165 | + _userName : _dataList[i].userName, | ||
| 166 | + _course : '暂无', | ||
| 167 | + _totalNmu : '2', | ||
| 168 | + _latest : '1', | ||
| 169 | + _removeInd : 'classDoc'+i, | ||
| 170 | + _joinInd : 'classMedia'+i, | ||
| 171 | + _aboutMsg : _dataList[i].id | ||
| 172 | + }) | ||
| 173 | + courseContent.append(_adminList); | ||
| 174 | + } | ||
| 175 | + courseContent.append(adminListEnd); | ||
| 176 | + } | ||
| 177 | + } | ||
| 178 | + createUserClassUI(){ | ||
| 179 | + } | ||
| 180 | + //用户管理 | ||
| 181 | + _addUserBtnHandler(){ | ||
| 182 | + $('#createUserAccountBox').show(); | ||
| 183 | + } | ||
| 184 | + _createUserYesHandler(){ | ||
| 185 | + $('#createUserAccountBox').hide(); | ||
| 186 | + $('#createUserBox').show(); | ||
| 187 | + let val = $('#createUserRole').val(); | ||
| 188 | + let name = ''; | ||
| 189 | + switch (parseInt(val)){ | ||
| 190 | + case 0: | ||
| 191 | + name = '老师'; | ||
| 192 | + break; | ||
| 193 | + case 1: | ||
| 194 | + name = '兼课'; | ||
| 195 | + break; | ||
| 196 | + default: | ||
| 197 | + return; | ||
| 198 | + } | ||
| 199 | + $('#createUserTitle').html('添加'+name) | ||
| 200 | + $("input[name='createUserTeacher']").get(val).checked = true;//创建身份 | ||
| 201 | + } | ||
| 202 | + //创建用户 | ||
| 203 | + _createUserConfirmHandler(){ | ||
| 204 | + let _name = document.getElementById("createUserName");//老师名字 | ||
| 205 | + let _passWord = document.getElementById("createUserPassWord");//密码 | ||
| 206 | + let createUserRealName = document.getElementById("createUserRealName");//真实姓名 | ||
| 207 | + let createCharacter = $("input[name='createUserTeacher']:checked").val();//角色 | ||
| 208 | + let phone = document.getElementById("createUserPhone");//手机号 | ||
| 209 | + let identity = document.getElementById("createUserIdentity");//身份证号 | ||
| 210 | + let mail = document.getElementById("createUserMail");//邮箱 | ||
| 211 | + | ||
| 212 | + let createUserNote = $('#createUserNote').val();//备注信息 | ||
| 213 | + let createUserAbortTime = $('#createUserAbortTime').html();//有效期 | ||
| 214 | + | ||
| 215 | + if(_name.value && createUserRealName.value && phone.value && mail.value){ | ||
| 216 | + let createUserList = { | ||
| 217 | + "loginName": _name.value, // 登录名 | ||
| 218 | + "password": parseInt(_passWord.value), //登录密码 | ||
| 219 | + "companyName":null, //公司名字 | ||
| 220 | + "userName":createUserRealName.value, //用户名 | ||
| 221 | + "userRole":3, // 用户角色 0超级管理员,1管理员,2监课,3老师,4学生 | ||
| 222 | + "userType": 1, | ||
| 223 | + "userEmail":mail.value, // 用户邮箱 | ||
| 224 | + "userMobile":parseInt(phone.value), // 用户手机号 | ||
| 225 | + "content":createUserNote, // 用户简介 | ||
| 226 | + "groupId":1, //用户组id | ||
| 227 | + "IDcard":123123, | ||
| 228 | + "time":1, | ||
| 229 | + "siteId":ClassDataProxy.siteId | ||
| 230 | + } | ||
| 231 | + let that = this; | ||
| 232 | + let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/addUser'; | ||
| 233 | + $.ajax({ | ||
| 234 | + type: "POST", | ||
| 235 | + url: _url, | ||
| 236 | + data: createUserList, | ||
| 237 | + timeout:5000, | ||
| 238 | + headers: {siteId:ClassDataProxy.siteId}, | ||
| 239 | + success:function(_data){ | ||
| 240 | + //注册成功后 跳转登录界面 | ||
| 241 | + if(_data && _data.code == 200){ | ||
| 242 | + loger.log(_data,'注册老师账号成功') | ||
| 243 | + ErrorApe.showWarnError('注册成功'); | ||
| 244 | + $('#createUserBox').hide(); | ||
| 245 | + }else{ | ||
| 246 | + ErrorApe.showWarnError(_data.returnData.data.msg); | ||
| 247 | + } | ||
| 248 | + }, | ||
| 249 | + error:function(error){ | ||
| 250 | + console.log(error,'失败') | ||
| 251 | + } | ||
| 252 | + }) | ||
| 253 | + }else{ | ||
| 254 | + this._signMail(mail);//判断邮箱 | ||
| 255 | + this._signIdentity(identity); | ||
| 256 | + this._signPhone(phone);//判断手机号 | ||
| 257 | + this._signName(createUserRealName);//判断用户名 | ||
| 258 | + this._signName(_name);//判断登录名 | ||
| 259 | + } | ||
| 260 | + } | ||
| 261 | + _signName(_name){ | ||
| 262 | + if(!_name.value){ | ||
| 263 | + _name.focus(); | ||
| 264 | + return false; | ||
| 265 | + } | ||
| 266 | + } | ||
| 267 | + _signPhone(phone){ | ||
| 268 | + let reg = "^1[3|4|5|8][0-9]\\d{8}$"; | ||
| 269 | + let re = new RegExp(reg); | ||
| 270 | + if(!phone.value){ | ||
| 271 | + phone.focus(); | ||
| 272 | + return false; | ||
| 273 | + } | ||
| 274 | + if (re.test(phone.value)) { | ||
| 275 | + $('#createUserPhone').css('color','#000'); | ||
| 276 | + } else { | ||
| 277 | + $('#createUserPhone').val('手机号输入不合法') | ||
| 278 | + .css('color','#d95136'); | ||
| 279 | + phone.focus(); | ||
| 280 | + return false; | ||
| 281 | + } | ||
| 282 | + } | ||
| 283 | + _signMail(mail){ | ||
| 284 | + let filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; | ||
| 285 | + if(!mail.value){ | ||
| 286 | + mail.focus(); | ||
| 287 | + return false; | ||
| 288 | + } | ||
| 289 | + if (filter.test(mail.value)){ | ||
| 290 | + $('#createUserMail').css('color','#000'); | ||
| 291 | + } | ||
| 292 | + else { | ||
| 293 | + $('#createUserMail').val('电子邮箱输入不合法') | ||
| 294 | + .css('color','#d95136'); | ||
| 295 | + mail.focus(); | ||
| 296 | + return false; | ||
| 297 | + } | ||
| 298 | + } | ||
| 299 | + _signIdentity(identity){ | ||
| 300 | + let reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; | ||
| 301 | + if(!identity.value){ | ||
| 302 | + identity.focus(); | ||
| 303 | + return false; | ||
| 304 | + } | ||
| 305 | + if (reg.test(identity.value)){ | ||
| 306 | + $('#createUserIdentity').css('color','#000'); | ||
| 307 | + } | ||
| 308 | + else { | ||
| 309 | + $('#createUserIdentity').val('身份证号码输入不合法') | ||
| 310 | + .css('color','#d95136'); | ||
| 311 | + identity.focus(); | ||
| 312 | + return false; | ||
| 313 | + } | ||
| 314 | + } | ||
| 315 | + _closeUserClassHandler(){ | ||
| 316 | + $('#createUserBox').hide(); | ||
| 317 | + this._clearUserClssMsg(); | ||
| 318 | + } | ||
| 319 | + _clearUserClssMsg(){ | ||
| 320 | + $('#createUserName').val(''); | ||
| 321 | + $('#createUserPassWord').val(''); | ||
| 322 | + $('#createUserRealName').val(''); | ||
| 323 | + $('#createUserPhone').val(''); | ||
| 324 | + $('#createUserIdentity').val(''); | ||
| 325 | + $('#createUserMail').val(''); | ||
| 326 | + $('#createUserNote').val(''); | ||
| 327 | + } | ||
| 328 | + | ||
| 329 | + //工具类 | ||
| 330 | + _format(str, obj) { | ||
| 331 | + return str.replace(/\{(\w+)\}/g, function (match, group, index) { | ||
| 332 | + return obj[group]; | ||
| 333 | + }); | ||
| 334 | + }; | ||
| 335 | +} | ||
| 336 | +export default CreateUserApe; |
| @@ -69,8 +69,8 @@ class HomeApe extends Ape { | @@ -69,8 +69,8 @@ class HomeApe extends Ape { | ||
| 69 | $.ajax({ | 69 | $.ajax({ |
| 70 | type: "POST", | 70 | type: "POST", |
| 71 | url: _url, | 71 | url: _url, |
| 72 | - data:{siteId:'markettest'}, | ||
| 73 | - headers: {siteId:'markettest', | 72 | + data:{siteId:ClassDataProxy.siteId}, |
| 73 | + headers: {siteId:ClassDataProxy.siteId, | ||
| 74 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | 74 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, |
| 75 | success:function(_data){ | 75 | success:function(_data){ |
| 76 | // loger.log(_data,'成功') | 76 | // loger.log(_data,'成功') |
| @@ -91,8 +91,8 @@ class HomeApe extends Ape { | @@ -91,8 +91,8 @@ class HomeApe extends Ape { | ||
| 91 | type: "GET", | 91 | type: "GET", |
| 92 | url: _url, | 92 | url: _url, |
| 93 | timeout:5000, | 93 | timeout:5000, |
| 94 | - data:{siteId:'markettest'}, | ||
| 95 | - headers: {siteId:'markettest', | 94 | + data:{siteId:ClassDataProxy.siteId}, |
| 95 | + headers: {siteId:ClassDataProxy.siteId, | ||
| 96 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | 96 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, |
| 97 | success:function(_data){ | 97 | success:function(_data){ |
| 98 | // loger.log(_data,'成功') | 98 | // loger.log(_data,'成功') |
| @@ -73,7 +73,7 @@ class LanclassApe extends Ape { | @@ -73,7 +73,7 @@ class LanclassApe extends Ape { | ||
| 73 | url: _url, | 73 | url: _url, |
| 74 | timeout:5000, | 74 | timeout:5000, |
| 75 | headers: {'page':_ele.text(), | 75 | headers: {'page':_ele.text(), |
| 76 | - siteId:'markettest', | 76 | + siteId:ClassDataProxy.siteId, |
| 77 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo', | 77 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo', |
| 78 | }, | 78 | }, |
| 79 | 79 | ||
| @@ -101,8 +101,8 @@ class LanclassApe extends Ape { | @@ -101,8 +101,8 @@ class LanclassApe extends Ape { | ||
| 101 | type: "POST", | 101 | type: "POST", |
| 102 | url: _url, | 102 | url: _url, |
| 103 | timeout:5000, | 103 | timeout:5000, |
| 104 | - data:{siteId:'markettest'}, | ||
| 105 | - headers: {siteId:'markettest', | 104 | + data:{siteId:ClassDataProxy.siteId}, |
| 105 | + headers: {siteId:ClassDataProxy.siteId, | ||
| 106 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | 106 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, |
| 107 | success:function(_data){ | 107 | success:function(_data){ |
| 108 | // loger.log(_data,'成功') | 108 | // loger.log(_data,'成功') |
| @@ -54,7 +54,7 @@ class ListDetailsApe extends Ape { | @@ -54,7 +54,7 @@ class ListDetailsApe extends Ape { | ||
| 54 | url: _url, | 54 | url: _url, |
| 55 | timeout:5000, | 55 | timeout:5000, |
| 56 | headers: { | 56 | headers: { |
| 57 | - siteId:'markettest', | 57 | + siteId:ClassDataProxy.siteId, |
| 58 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo' | 58 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo' |
| 59 | }, | 59 | }, |
| 60 | data:signInfo, | 60 | data:signInfo, |
| @@ -72,10 +72,10 @@ class LanclassApe extends Ape { | @@ -72,10 +72,10 @@ class LanclassApe extends Ape { | ||
| 72 | url: _url, | 72 | url: _url, |
| 73 | timeout:5000, | 73 | timeout:5000, |
| 74 | headers: {'page':_ele.text(), | 74 | headers: {'page':_ele.text(), |
| 75 | - siteId:'markettest', | 75 | + siteId:ClassDataProxy.siteId, |
| 76 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo', | 76 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo', |
| 77 | }, | 77 | }, |
| 78 | - data:{siteId:'markettest'}, | 78 | + data:{siteId:ClassDataProxy.siteId}, |
| 79 | success:function(_data){ | 79 | success:function(_data){ |
| 80 | if(_data != 200 ){ | 80 | if(_data != 200 ){ |
| 81 | // loger.warn(_data.data.msg) | 81 | // loger.warn(_data.data.msg) |
| @@ -101,8 +101,8 @@ class LanclassApe extends Ape { | @@ -101,8 +101,8 @@ class LanclassApe extends Ape { | ||
| 101 | type: "POST", | 101 | type: "POST", |
| 102 | url: _url, | 102 | url: _url, |
| 103 | timeout:5000, | 103 | timeout:5000, |
| 104 | - data:{siteId:'markettest'}, | ||
| 105 | - headers: {siteId:'markettest', | 104 | + data:{siteId:ClassDataProxy.siteId}, |
| 105 | + headers: {siteId:ClassDataProxy.siteId, | ||
| 106 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | 106 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, |
| 107 | success:function(_data){ | 107 | success:function(_data){ |
| 108 | // loger.log(_data,'成功') | 108 | // loger.log(_data,'成功') |
| @@ -326,11 +326,13 @@ class LoginOrRegister extends Ape { | @@ -326,11 +326,13 @@ class LoginOrRegister extends Ape { | ||
| 326 | successLogin(_data){ | 326 | successLogin(_data){ |
| 327 | //登录成功后显示用户名字 | 327 | //登录成功后显示用户名字 |
| 328 | $('#homeUserLoginBtn').text( ClassDataProxy.loginName); | 328 | $('#homeUserLoginBtn').text( ClassDataProxy.loginName); |
| 329 | + $('#teacherMyCenterName').text( ClassDataProxy.loginName); | ||
| 329 | this._userLoginAHandler(); | 330 | this._userLoginAHandler(); |
| 330 | this._emit(MessageTypes.LOGIN_IN,{userType: ClassDataProxy.userType}); | 331 | this._emit(MessageTypes.LOGIN_IN,{userType: ClassDataProxy.userType}); |
| 331 | } | 332 | } |
| 332 | updateChangeUser(_data){ | 333 | updateChangeUser(_data){ |
| 333 | - loger.log(_data) | 334 | + |
| 335 | + loger.log('登录成功后更改用户名',_data) | ||
| 334 | let _dataList = _data.returnData.data; | 336 | let _dataList = _data.returnData.data; |
| 335 | let oneselfInfoLoginName = $('#oneselfInfoLoginName');//登录名 | 337 | let oneselfInfoLoginName = $('#oneselfInfoLoginName');//登录名 |
| 336 | let oneselfInfoUserName = $('#oneselfInfoUserName');//用户名 | 338 | let oneselfInfoUserName = $('#oneselfInfoUserName');//用户名 |
src/ape/ManagementHomePageApe.js
0 → 100644
| 1 | +//* | ||
| 2 | +// 管理员首页界面 | ||
| 3 | +// */ | ||
| 4 | + | ||
| 5 | +import Loger from "../Loger"; | ||
| 6 | +import Ape from "./Ape"; | ||
| 7 | +import $ from "jquery"; | ||
| 8 | +import ClassDataProxy from "proxy/ClassDataProxy"; | ||
| 9 | +import MessageTypes from "../MessageTypes"; | ||
| 10 | +let loger = Loger.getLoger('PC-ManagementHomePageApe'); | ||
| 11 | + | ||
| 12 | +const adminListTit = `<table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" class="t_box"> | ||
| 13 | + <tbody> | ||
| 14 | + <tr align="center" height="44" class="tr_center" bgcolor="#fff" bordercolor="#e6e6e6"> | ||
| 15 | + <th width="8%" class="tr_center"> | ||
| 16 | + 课堂主题 | ||
| 17 | + </th> | ||
| 18 | + <th width="8%" class="tr_center"> | ||
| 19 | + 课堂号 | ||
| 20 | + </th> | ||
| 21 | + <th width="7%" class="tr_center"> | ||
| 22 | + 老师 | ||
| 23 | + </th> | ||
| 24 | + <th width="6%" class="tr_center"> | ||
| 25 | + 课堂状态 | ||
| 26 | + </th> | ||
| 27 | + <th width="20%" class="tr_center"> | ||
| 28 | + 课堂时间 | ||
| 29 | + </th> | ||
| 30 | + <th width="6%" class="tr_center"> | ||
| 31 | + 在线人数 | ||
| 32 | + </th> | ||
| 33 | + <th width="20%" class="tr_center"> | ||
| 34 | + 操作 | ||
| 35 | + </th> | ||
| 36 | + </tr> | ||
| 37 | +`; | ||
| 38 | +//管理首页 | ||
| 39 | +const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor="#e6e6e6"> | ||
| 40 | + <td width="7%" class="tr_main tr_mainLeft">{_meetingName}</td> | ||
| 41 | + <td width="7%" class="tr_main">{_esenglish}</td> | ||
| 42 | + <td width="7%" class="tr_main">{_userName}</td> | ||
| 43 | + <td width="6%" class="tr_main">{_stateInfo}</td> | ||
| 44 | + <td width="18%" class="tr_main">{_time}</td> | ||
| 45 | + <td width="6%" class="tr_main">{_onlineLen}</td> | ||
| 46 | + <td width="18%" class="tr_main tr_mainRight" align="center" > | ||
| 47 | + <a id="{_DocInd}" class="classHandlePort" href="###">文档</a> | ||
| 48 | + <a id="{_mediaInd}" class="classHandlePort" href="###">多媒体</a> | ||
| 49 | + <a id="{_musicInd}" class="classHandlePort" href="###">伴音</a> | ||
| 50 | + <a id="{_updateInd}" class="classHandlePort" href="###">修改</a> | ||
| 51 | + <a id="{_removeInd}" class="classHandlePort" href="###">删除</a> | ||
| 52 | + <a id="{_joinInd}" class="classHandlePort" data="{_esenglish}" href="###">加入课堂</a> | ||
| 53 | + </td> | ||
| 54 | + </tr> | ||
| 55 | +`; | ||
| 56 | +const adminListEnd = `</tbody></table>`; | ||
| 57 | +class ManagementHomePageApe extends Ape { | ||
| 58 | + constructor() { | ||
| 59 | + super(); | ||
| 60 | + this.classDateList = {};//课堂的所有数据 | ||
| 61 | + this.pageNo = 0; | ||
| 62 | + this.presentInd = 1; | ||
| 63 | + this.addEvent(); | ||
| 64 | + this.init(); | ||
| 65 | + } | ||
| 66 | + | ||
| 67 | + init() { | ||
| 68 | + $('#liveInfoList0 li').on('click',this._liveInfoLeftLiHandler.bind(this));//首页 | ||
| 69 | + | ||
| 70 | + $('#classHandlerHomePage0').on('click',this._homePageHandler.bind(this));//首页 | ||
| 71 | + $('#classHandlerUpPage0').on('click',this._upPageHandler.bind(this));//上页 | ||
| 72 | + $('#classHandlerDownPage0').on('click',this._downPageHandler.bind(this));//下页 | ||
| 73 | + $('#classHandlerEndPage0').on('click',this._endPageHandler.bind(this));//尾页 | ||
| 74 | + $('#classHandlerSpecificPage0').on('click',this._assignPageHandler.bind(this));//指定页 | ||
| 75 | + } | ||
| 76 | + | ||
| 77 | + addEvent() { | ||
| 78 | + | ||
| 79 | + } | ||
| 80 | + //首页 | ||
| 81 | + _createClassHomePage(){ | ||
| 82 | + this.detailPage(); | ||
| 83 | + } | ||
| 84 | + //首页 | ||
| 85 | + _homePageHandler(){ | ||
| 86 | + this.presentInd = 1; | ||
| 87 | + this._pageNumBtnHandler(this.presentInd); | ||
| 88 | + } | ||
| 89 | + //上页 | ||
| 90 | + _upPageHandler(){ | ||
| 91 | + if(this.presentInd > 1){ | ||
| 92 | + this.presentInd--; | ||
| 93 | + this._pageNumBtnHandler(this.presentInd); | ||
| 94 | + } | ||
| 95 | + } | ||
| 96 | + //下页 | ||
| 97 | + _downPageHandler(){ | ||
| 98 | + loger.log(this.presentInd,111111) | ||
| 99 | + if(this.presentInd < this.pageNo){ | ||
| 100 | + this.presentInd++; | ||
| 101 | + this._pageNumBtnHandler(this.presentInd); | ||
| 102 | + } | ||
| 103 | + } | ||
| 104 | + //尾页 | ||
| 105 | + _endPageHandler(){ | ||
| 106 | + this.presentInd = this.pageNo; | ||
| 107 | + this._pageNumBtnHandler(this.presentInd); | ||
| 108 | + } | ||
| 109 | + //指定页 | ||
| 110 | + _assignPageHandler(){ | ||
| 111 | + let inputVal = $('#classHandlerPageInfoInput').val(); | ||
| 112 | + if(parseInt(inputVal) <= this.pageNo || parseInt(inputVal) >= 1 ){ | ||
| 113 | + this._pageNumBtnHandler(parseInt(inputVal)); | ||
| 114 | + } | ||
| 115 | + } | ||
| 116 | + //点击翻页 | ||
| 117 | + _pageNumBtnHandler(ind){ | ||
| 118 | + let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting'; | ||
| 119 | + let that = this; | ||
| 120 | + $.ajax({ | ||
| 121 | + type: "POST", | ||
| 122 | + url: _url, | ||
| 123 | + data:{siteId:ClassDataProxy.siteId}, | ||
| 124 | + headers: {'page':ind, | ||
| 125 | + pageno:8, | ||
| 126 | + 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo', | ||
| 127 | + }, | ||
| 128 | + success:function(_data){ | ||
| 129 | + if(_data.code != 200 ){ | ||
| 130 | + loger.warn(_data.returnData.data.msg) | ||
| 131 | + } | ||
| 132 | + that.classDateList = _data.returnData.data; | ||
| 133 | + that._gainClassData(_data.returnData.data); | ||
| 134 | + }, | ||
| 135 | + error:function(error){ | ||
| 136 | + console.log(error,'失败') | ||
| 137 | + } | ||
| 138 | + }) | ||
| 139 | + | ||
| 140 | + } | ||
| 141 | + detailPage(){ | ||
| 142 | + let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting'; | ||
| 143 | + let that = this; | ||
| 144 | + $.ajax({ | ||
| 145 | + type: "POST", | ||
| 146 | + url: _url, | ||
| 147 | + data:{siteId:ClassDataProxy.siteId}, | ||
| 148 | + headers: {siteId:ClassDataProxy.siteId, | ||
| 149 | + pageno:8, | ||
| 150 | + 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | ||
| 151 | + success:function(_data){ | ||
| 152 | + if(_data || _data.code == 200){ | ||
| 153 | + that._gainClassData(_data.returnData.data); | ||
| 154 | + } | ||
| 155 | + }, | ||
| 156 | + error:function(error){ | ||
| 157 | + console.log(error,'失败') | ||
| 158 | + } | ||
| 159 | + }) | ||
| 160 | + } | ||
| 161 | + _gainClassData(_data){ | ||
| 162 | + let courseContent = $('#courseContent0'); | ||
| 163 | + courseContent.empty(); | ||
| 164 | + let count = _data.count; | ||
| 165 | + let page = _data.page; | ||
| 166 | + let pageno = _data.pageno; | ||
| 167 | + let _dataList = _data.meetingInfo; | ||
| 168 | + this.pageNo = pageno; | ||
| 169 | + | ||
| 170 | + $('#classHandlerPageMsg0').html('第'+page+'页/共'+pageno+'页,有'+count+'个记录'); | ||
| 171 | + courseContent.append(adminListTit); | ||
| 172 | + if(_dataList){ | ||
| 173 | + if(count <= 8){ | ||
| 174 | + $('#classHandlerPageBox0').hide(); | ||
| 175 | + } | ||
| 176 | + for(let i = 0;i<_dataList.length;i++){ | ||
| 177 | + let _adminList = this._format(adminList,{ | ||
| 178 | + _meetingName : _dataList[i].meetingName, | ||
| 179 | + _esenglish : _dataList[i].meetingNumber, | ||
| 180 | + _userName : _dataList[i].create_user, | ||
| 181 | + _stateInfo : '准备', | ||
| 182 | + _time: _dataList[i].beginTime+' - '+_dataList[i].endTime, | ||
| 183 | + _onlineLen : '0', | ||
| 184 | + _DocInd : 'classDoc'+i, | ||
| 185 | + _mediaInd : 'classMedia'+i, | ||
| 186 | + _musicInd : 'classMusic'+i, | ||
| 187 | + _updateInd : 'classUpdate'+i, | ||
| 188 | + _removeInd : 'classRemove'+i, | ||
| 189 | + _joinInd : 'classJoin'+i | ||
| 190 | + }) | ||
| 191 | + courseContent.append(_adminList); | ||
| 192 | + } | ||
| 193 | + courseContent.append(adminListEnd); | ||
| 194 | + } | ||
| 195 | + } | ||
| 196 | + _switchover(evt){ | ||
| 197 | + $(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck'); | ||
| 198 | + } | ||
| 199 | + _liveInfoLeftLiHandler(evt){ | ||
| 200 | + this._switchover(evt); | ||
| 201 | + } | ||
| 202 | + //工具类 | ||
| 203 | + _format(str, obj) { | ||
| 204 | + return str.replace(/\{(\w+)\}/g, function (match, group, index) { | ||
| 205 | + return obj[group]; | ||
| 206 | + }); | ||
| 207 | + }; | ||
| 208 | +} | ||
| 209 | +export default ManagementHomePageApe; |
| @@ -24,7 +24,6 @@ class MyCenterApe extends Ape { | @@ -24,7 +24,6 @@ class MyCenterApe extends Ape { | ||
| 24 | super(); | 24 | super(); |
| 25 | this.isLocalStorage(); | 25 | this.isLocalStorage(); |
| 26 | this.data = 0; | 26 | this.data = 0; |
| 27 | - this._curriculumInfo(); | ||
| 28 | this.addEvent(); | 27 | this.addEvent(); |
| 29 | this.init(); | 28 | this.init(); |
| 30 | } | 29 | } |
| @@ -56,8 +55,8 @@ class MyCenterApe extends Ape { | @@ -56,8 +55,8 @@ class MyCenterApe extends Ape { | ||
| 56 | type: "POST", | 55 | type: "POST", |
| 57 | url: _url, | 56 | url: _url, |
| 58 | timeout:5000, | 57 | timeout:5000, |
| 59 | - data:{siteId:'markettest',loginName:'market'}, | ||
| 60 | - headers: {siteId:'markettest', | 58 | + data:{siteId:ClassDataProxy.siteId,userType:1}, |
| 59 | + headers: {siteId:ClassDataProxy.siteId, | ||
| 61 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | 60 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, |
| 62 | success:function(_data){ | 61 | success:function(_data){ |
| 63 | loger.log(_data,'个人中心用户列表数据') | 62 | loger.log(_data,'个人中心用户列表数据') |
| @@ -71,6 +70,9 @@ class MyCenterApe extends Ape { | @@ -71,6 +70,9 @@ class MyCenterApe extends Ape { | ||
| 71 | }) | 70 | }) |
| 72 | } | 71 | } |
| 73 | isLocalStorage(){ | 72 | isLocalStorage(){ |
| 73 | + if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_1){ | ||
| 74 | + this._curriculumInfo(); | ||
| 75 | + } | ||
| 74 | $('#teacherMyCenterName').text(ClassDataProxy.loginName); | 76 | $('#teacherMyCenterName').text(ClassDataProxy.loginName); |
| 75 | $('.myCenterContentBox').eq(0).show(); | 77 | $('.myCenterContentBox').eq(0).show(); |
| 76 | let newDate = new Date(); | 78 | let newDate = new Date(); |
| @@ -152,7 +154,7 @@ class MyCenterApe extends Ape { | @@ -152,7 +154,7 @@ class MyCenterApe extends Ape { | ||
| 152 | type: "PUT", | 154 | type: "PUT", |
| 153 | url: _url, | 155 | url: _url, |
| 154 | timeout:5000, | 156 | timeout:5000, |
| 155 | - headers: {siteId:'markettest', | 157 | + headers: {siteId:ClassDataProxy.siteId, |
| 156 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | 158 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, |
| 157 | data:signInfo, | 159 | data:signInfo, |
| 158 | success:function(_data){ | 160 | success:function(_data){ |
| @@ -38,7 +38,7 @@ class SubscribeApe extends Ape { | @@ -38,7 +38,7 @@ class SubscribeApe extends Ape { | ||
| 38 | $.ajax({ | 38 | $.ajax({ |
| 39 | type: "POST", | 39 | type: "POST", |
| 40 | url: _url, | 40 | url: _url, |
| 41 | - data:{siteId:'markettest', | 41 | + data:{siteId:ClassDataProxy.siteId, |
| 42 | "studentId":ClassDataProxy.id, | 42 | "studentId":ClassDataProxy.id, |
| 43 | "status":parseInt(status), | 43 | "status":parseInt(status), |
| 44 | "meetingId":id | 44 | "meetingId":id |
| @@ -48,11 +48,13 @@ class SubscribeApe extends Ape { | @@ -48,11 +48,13 @@ class SubscribeApe extends Ape { | ||
| 48 | success:function(_data){ | 48 | success:function(_data){ |
| 49 | let arr = ['收藏成功!','预约成功!','报名成功!'] | 49 | let arr = ['收藏成功!','预约成功!','报名成功!'] |
| 50 | loger.log(_data,'预约信息') | 50 | loger.log(_data,'预约信息') |
| 51 | + loger.log(ClassDataProxy.loginName,'预约信息') | ||
| 51 | //获取课堂数据 | 52 | //获取课堂数据 |
| 52 | - if(_data && _data.code == 200 || _data.returnData.data.msg == '您已预约这堂课'){ | 53 | + if(_data && _data.code == 200){ |
| 53 | loger.log(_data,'预约信息') | 54 | loger.log(_data,'预约信息') |
| 54 | $('#teacherDetailRemindersBox').show(); | 55 | $('#teacherDetailRemindersBox').show(); |
| 55 | - // ErrorApe.showWarnError(arr[status]); | 56 | + }else if(_data.returnData.data.msg == '您已预约这堂课' && ClassDataProxy.loginName){ |
| 57 | + ErrorApe.showWarnError('您已预约这堂课'); | ||
| 56 | }else{ | 58 | }else{ |
| 57 | that.toLogin(); | 59 | that.toLogin(); |
| 58 | } | 60 | } |
| @@ -69,10 +69,10 @@ class TeacherDetailApe extends Ape { | @@ -69,10 +69,10 @@ class TeacherDetailApe extends Ape { | ||
| 69 | url: _url, | 69 | url: _url, |
| 70 | timeout:5000, | 70 | timeout:5000, |
| 71 | headers: {'page':_ele.text(), | 71 | headers: {'page':_ele.text(), |
| 72 | - siteId:'markettest', | 72 | + siteId:ClassDataProxy.siteId, |
| 73 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo', | 73 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo', |
| 74 | }, | 74 | }, |
| 75 | - data:{siteId:'markettest'}, | 75 | + data:{siteId:ClassDataProxy.siteId}, |
| 76 | success:function(_data){ | 76 | success:function(_data){ |
| 77 | loger.log('点击翻页返回数据',_data) | 77 | loger.log('点击翻页返回数据',_data) |
| 78 | if(_data != 200 ){ | 78 | if(_data != 200 ){ |
| @@ -99,9 +99,9 @@ class TeacherDetailApe extends Ape { | @@ -99,9 +99,9 @@ class TeacherDetailApe extends Ape { | ||
| 99 | type: "POST", | 99 | type: "POST", |
| 100 | url: _url, | 100 | url: _url, |
| 101 | timeout:5000, | 101 | timeout:5000, |
| 102 | - headers: {siteId:'markettest', | 102 | + headers: {siteId:ClassDataProxy.siteId, |
| 103 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, | 103 | 'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'}, |
| 104 | - data:{siteId:'markettest'}, | 104 | + data:{siteId:ClassDataProxy.siteId}, |
| 105 | success:function(_data){ | 105 | success:function(_data){ |
| 106 | loger.log('老师界面渲染数据',_data) | 106 | loger.log('老师界面渲染数据',_data) |
| 107 | //获取课堂数据 | 107 | //获取课堂数据 |
| @@ -15,13 +15,17 @@ import LanclassApe from 'ape/LanclassApe';//互动课堂 | @@ -15,13 +15,17 @@ import LanclassApe from 'ape/LanclassApe';//互动课堂 | ||
| 15 | import LiveClassApe from 'ape/LiveClassApe';//直播课堂 | 15 | import LiveClassApe from 'ape/LiveClassApe';//直播课堂 |
| 16 | import HomeApe from 'ape/HomeApe';//首页 | 16 | import HomeApe from 'ape/HomeApe';//首页 |
| 17 | import TeacherDetailApe from 'ape/TeacherDetailApe';//老师 | 17 | import TeacherDetailApe from 'ape/TeacherDetailApe';//老师 |
| 18 | +import ManagementHomePageApe from 'ape/ManagementHomePageApe';//管理员首页 | ||
| 18 | import CreateClassApe from 'ape/CreateClassApe';//创建课堂 | 19 | import CreateClassApe from 'ape/CreateClassApe';//创建课堂 |
| 20 | +import CreateUserApe from 'ape/CreateUserApe';//创建用户界面 | ||
| 21 | +import AboutClassApe from 'ape/AboutClassApe';//约课界面 | ||
| 19 | import ListDetailsApe from 'ape/ListDetailsApe';//列表详情 | 22 | import ListDetailsApe from 'ape/ListDetailsApe';//列表详情 |
| 20 | import AdministratorApe from 'ape/AdministratorApe';//管理员 | 23 | import AdministratorApe from 'ape/AdministratorApe';//管理员 |
| 21 | import MyCenterApe from 'ape/MyCenterApe';//个人中心 | 24 | import MyCenterApe from 'ape/MyCenterApe';//个人中心 |
| 22 | import SubscribeApe from 'ape/SubscribeApe';//预约 | 25 | import SubscribeApe from 'ape/SubscribeApe';//预约 |
| 23 | import MessageTypes from "MessageTypes"; | 26 | import MessageTypes from "MessageTypes"; |
| 24 | 27 | ||
| 28 | + | ||
| 25 | import Loger from "Loger"; | 29 | import Loger from "Loger"; |
| 26 | let loger = Loger.getLoger('networkSchool'); | 30 | let loger = Loger.getLoger('networkSchool'); |
| 27 | 31 | ||
| @@ -31,7 +35,10 @@ let _lanclassApe; | @@ -31,7 +35,10 @@ let _lanclassApe; | ||
| 31 | let _liveClassApe; | 35 | let _liveClassApe; |
| 32 | let _homeApe; | 36 | let _homeApe; |
| 33 | let _teacherDetailApe; | 37 | let _teacherDetailApe; |
| 38 | +let _managementHomePageApe; | ||
| 34 | let _createClassApe; | 39 | let _createClassApe; |
| 40 | +let _createUserApe; | ||
| 41 | +let _aboutClassApe; | ||
| 35 | let _listDetailsApe; | 42 | let _listDetailsApe; |
| 36 | let _administratorApe; | 43 | let _administratorApe; |
| 37 | let _myCenterApe; | 44 | let _myCenterApe; |
| @@ -39,7 +46,7 @@ let _subscribeApe; | @@ -39,7 +46,7 @@ let _subscribeApe; | ||
| 39 | 46 | ||
| 40 | class Main { | 47 | class Main { |
| 41 | constructor() { | 48 | constructor() { |
| 42 | - this.clientVersion="v1.7.1.20170906"; | 49 | + this.clientVersion="v1.7.2.20170906"; |
| 43 | loger.warn("clientVersion:"+this.clientVersion); | 50 | loger.warn("clientVersion:"+this.clientVersion); |
| 44 | 51 | ||
| 45 | let locationProtocol= location.protocol; | 52 | let locationProtocol= location.protocol; |
| @@ -58,6 +65,8 @@ class Main { | @@ -58,6 +65,8 @@ class Main { | ||
| 58 | 65 | ||
| 59 | //课堂初始化和启动流程 | 66 | //课堂初始化和启动流程 |
| 60 | this.init(); | 67 | this.init(); |
| 68 | + //默认显示管理员首页 | ||
| 69 | + this.switchClass(0); | ||
| 61 | } | 70 | } |
| 62 | 71 | ||
| 63 | //获取地址栏参数 | 72 | //获取地址栏参数 |
| @@ -131,11 +140,19 @@ class Main { | @@ -131,11 +140,19 @@ class Main { | ||
| 131 | //老师 | 140 | //老师 |
| 132 | _teacherDetailApe = new TeacherDetailApe(); | 141 | _teacherDetailApe = new TeacherDetailApe(); |
| 133 | //创建课堂 | 142 | //创建课堂 |
| 143 | + _managementHomePageApe = new ManagementHomePageApe(); | ||
| 144 | + //创建课堂 | ||
| 134 | _createClassApe = new CreateClassApe(); | 145 | _createClassApe = new CreateClassApe(); |
| 146 | + //创建用户老师 | ||
| 147 | + _createUserApe = new CreateUserApe(); | ||
| 148 | + //创建约课 | ||
| 149 | + _aboutClassApe = new AboutClassApe(); | ||
| 135 | //列表详情 | 150 | //列表详情 |
| 136 | _listDetailsApe = new ListDetailsApe(); | 151 | _listDetailsApe = new ListDetailsApe(); |
| 137 | //管理员 | 152 | //管理员 |
| 138 | _administratorApe = new AdministratorApe(); | 153 | _administratorApe = new AdministratorApe(); |
| 154 | + _administratorApe.on(MessageTypes.SWITCH_CLASS,this.switchClass.bind(this)); | ||
| 155 | + | ||
| 139 | 156 | ||
| 140 | //个人中心 | 157 | //个人中心 |
| 141 | _myCenterApe = new MyCenterApe(); | 158 | _myCenterApe = new MyCenterApe(); |
| @@ -177,6 +194,44 @@ class Main { | @@ -177,6 +194,44 @@ class Main { | ||
| 177 | } | 194 | } |
| 178 | } | 195 | } |
| 179 | } | 196 | } |
| 197 | + switchClass(_data){ | ||
| 198 | + let ind = parseInt(_data); | ||
| 199 | + | ||
| 200 | + loger.log('管理员列表',ind) | ||
| 201 | + switch (ind){ | ||
| 202 | + case 0: | ||
| 203 | + //首页 | ||
| 204 | + _managementHomePageApe._createClassHomePage(); | ||
| 205 | + break; | ||
| 206 | + case 1: | ||
| 207 | + //创建课堂 | ||
| 208 | + _createClassApe._createClassBtnHandler(); | ||
| 209 | + break; | ||
| 210 | + case 2: | ||
| 211 | + //班级管理 | ||
| 212 | + break; | ||
| 213 | + case 3: | ||
| 214 | + //用户管理 | ||
| 215 | + _createUserApe.userAdminHandler(); | ||
| 216 | + break; | ||
| 217 | + case 4: | ||
| 218 | + //约课管理 | ||
| 219 | + _aboutClassApe.userAdminHandler(); | ||
| 220 | + break; | ||
| 221 | + case 5: | ||
| 222 | + //录制管理 | ||
| 223 | + break; | ||
| 224 | + case 6: | ||
| 225 | + //站点配置 | ||
| 226 | + break; | ||
| 227 | + case 7: | ||
| 228 | + //统计报告 | ||
| 229 | + break; | ||
| 230 | + case 8: | ||
| 231 | + //个人设置 | ||
| 232 | + break; | ||
| 233 | + } | ||
| 234 | + } | ||
| 180 | //判断登录用户的状态 | 235 | //判断登录用户的状态 |
| 181 | _localStorageState(){ | 236 | _localStorageState(){ |
| 182 | let userType = window.localStorage.getItem('userType')||0; | 237 | let userType = window.localStorage.getItem('userType')||0; |
| @@ -236,9 +291,6 @@ class Main { | @@ -236,9 +291,6 @@ class Main { | ||
| 236 | $('#lanclassBox').hide(); | 291 | $('#lanclassBox').hide(); |
| 237 | $('#classifyListBox').hide(); | 292 | $('#classifyListBox').hide(); |
| 238 | $('#recordUl .recordLi').eq(0).addClass('recordLiCheck').siblings().removeClass('recordLiCheck'); | 293 | $('#recordUl .recordLi').eq(0).addClass('recordLiCheck').siblings().removeClass('recordLiCheck'); |
| 239 | - $('#addUserBtn').hide(); | ||
| 240 | - $('#liveInfoList').show(); | ||
| 241 | - $('#userClassList').hide(); | ||
| 242 | } | 294 | } |
| 243 | _teacherHome(){ | 295 | _teacherHome(){ |
| 244 | $('#slideshow').hide(); | 296 | $('#slideshow').hide(); |
-
请 注册 或 登录 后发表评论