董佳音 / networkSchool

转到一个项目
Toggle navigation Toggle navigation pinning
董佳音
17136ba0 1 parent f8b29311

修改创建课堂信息

内嵌 并排对比
正在显示 11 个修改的文件 包含 775 行增加 和 93 行删除
... ... @@ -661,7 +661,7 @@ body{
padding:20px 0;
cursor: pointer;
}
.recordLi{
.recordLi,.recordLi1{
font-size: 14px;
height: 55px;
line-height: 55px;
... ... @@ -670,8 +670,7 @@ body{
.recordLiText{
padding-left:15px;
}
.recordLiTextCheck{
.recordLiCheck{
color: #3498db;
}
.classManagementRight{
... ... @@ -839,7 +838,7 @@ body{
}
.scheduleWireBox{
width:100%;
height:75px;
height:70px;
position: relative;
}
.scheduleWireTitBox{
... ... @@ -851,7 +850,7 @@ body{
width: 25%;
text-align: center;
display: inline-block;
padding-top:20px;
padding-top:17px;
}
.scheduleWireIndBox{
width: 100%;
... ... @@ -884,7 +883,7 @@ body{
height: 2px;
background: #ccc;
width: 510px;
margin:22px 0 0 95px;
margin:20px 0 0 95px;
}
.scheduleWire{
background: #3498db;
... ... @@ -920,7 +919,6 @@ body{
}
.step_page1_widget{
margin-left: 125px;
position: relative;
padding-top: 5px;
}
.allowPublic{
... ... @@ -958,10 +956,12 @@ body{
background: #3498db;
}
.form_button{
width: 220px;
width: 230px;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
bottom: 20px;
}
.createClassBtn{
width: 80px;
... ... @@ -980,15 +980,101 @@ body{
background: #b3b3b3;
}
/*创建课堂第二步*/
.step_page1TimeBox{
width: 100%;
float: left;
padding-top:10px;
}
.step_page1Time{
float: left;
width: 125px;
padding-right: 5px;
text-align: right;
line-height: 32px;
}
.createClassTime{
width:90px;
height:28px;
border:1px solid #ccc;
border-radius: 2px;
text-align: center;
line-height: 28px;
margin-left:8px;
float: left;
padding-left:20px;
}
.createClassTime1{
width:135px;
margin-left:20px;
padding-left:0;
}
.form_button2{
width: 360px;
position: absolute;
left: 0;
bottom: 20px;
}
.createClassBtnUp{
margin-right:40px;
}
/*创建课堂第三步*/
.borderNone{
border:none;
background: none;
outline: none;
width: 90px;
}
/*创建课堂第四步*/
.createClassBox{
display: none;
}
.step_page1Title1{
margin-left:15px;
}
.createClassTimeRight{
padding-left:4px;
}
.step_page1{
padding-top:15px;
}
.createClassMoreOptionBox{
cursor: pointer;
margin-top:10px;
float: left;
}
.createClassLegend{
padding-left: 25px;
padding-right: 25px;
height: 34px;
background: #f9f9f9;
border: #f4f3f3 1px solid;
line-height: 34px;
margin-right: 20px;
margin-left: 20px;
cursor: pointer;
margin-top:10px;
}
.createClassLegendConfig{
padding-right: 530px;
background: transparent url(../images/icon-.png) right no-repeat;
color: #61719a;
}
.allowPublicDetail + label{
padding-right: 15px;
}
.form_item1{
float: left;
width: 30%;
}
.step_page1Title2{
}
.short_select{
padding:3px;
margin-top:3px;
}
.classConfig_details{
padding-top:10px;
}
/*底部*/
.footerBg{
width:100%;
... ...
... ... @@ -241,11 +241,11 @@
<div class="classManagementBox" id="classManagementBox">
<div class="classManagementLeft" id="classManagementLeft">
<ul class="recordUl" id="recordUl">
<li class="recordLi">
<li class="recordLi recordLiCheck">
<label for="courseManagement" class="iconfont">&#xe69a;</label>
<span class="recordLiText recordLiTextCheck" id="courseManagement">课程管理</span>
<span class="recordLiText" id="courseManagement">课程管理</span>
</li>
<li class="recordLi">
<li class="recordLi1">
<label for="createClassBtn" class="iconfont">&#xe69b;</label>
<span class="recordLiText" id="createClassBtn">创建课堂</span>
</li>
... ... @@ -282,7 +282,7 @@
<div class="classManagementRight" id="classManagementRight">
<div class="classManagementRightTitle" id="classManagementRightTitle">
<div class="liveInfoLeft" id="liveInfoList">
<div class="liveInfoLeftLi">正在直播</div>
<div class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</div>
<div class="liveInfoLeftLi">未开始</div>
<div class="liveInfoLeftLi">已结束</div>
</div>
... ... @@ -397,7 +397,7 @@
<a href="javascript: void(0)" id="createClassA" class="createClassA iconfont">&#xe638;</a>
</div>
<div class="createClassContent">
<div class="scheduleForm" id="scheduleForm1" style="display: block;">
<div class="scheduleForm" id="scheduleForm1">
<div class="step_content">
<div class="scheduleWireBox">
<div class="scheduleWire"></div>
... ... @@ -437,10 +437,10 @@
主持人密码：
</label>
<div class="step_page1_widget">
<input id="classThemePassWord" name="classThemePassWord" type="text" class="classThemeInfo" placeholder="输入主持人密码" value="">1-32个任意字符
<input id="classThemePassWord" name="classThemePassWord" type="text" class="classThemeInfo" placeholder="输入主持人密码" value="">6-12个字符
</div>
</div>
<div class="form_item public_form_item">
<div class="form_item">
<label class="step_page1Title">
是否公开课堂：
</label>
... ... @@ -455,7 +455,7 @@
</label>
</div>
</div>
<div class="form_item public-widget">
<div class="form_item">
<label class="step_page1Title">
课堂类型：
</label>
... ... @@ -474,7 +474,7 @@
</label>
</div>
</div>
<div class="form_item public-widget" id="h5">
<div class="form_item" id="h5">
<label class="step_page1Title">
是否支持h5：
</label>
... ... @@ -483,13 +483,13 @@
<label for="h5ModuleYes" class="publicInfo">
是
</label>
<input class="allowPublic" type="radio" name="allowPublic" id="h5ModuleNo" value="0">
<input class="allowPublic" type="radio" name="h5Module" id="h5ModuleNo" value="0">
<label for="h5ModuleNo" class="publicInfo">
否
</label>
</div>
</div>
<div class="form_item confPassTR">
<div class="form_item">
<label class="step_page1Title">
课堂密码：
</label>
... ... @@ -502,18 +502,18 @@
</div> </span> </span>
</div>
</div>
<div class="form_item describe-widget">
<div class="form_item">
<label class="step_page1Title">
课堂描述：
</label>
<div class="step_page1_widget">
<textarea id="meeting_content" class="classDescribeArea" placeholder=" 给课堂添加描述..."></textarea>
<textarea id="meeting_content" class="classDescribeArea" placeholder="给课堂添加描述..."></textarea>
<span class="count"><span id="nowCountSpan">0</span>/256</span>
</div>
</div>
</div>
<div class="form_button">
<input id="submit1" type="button" value="下一步" class="createClassBtn createClassConfirm">
<input id="createClassSubmit1" page-index="1" type="button" value="下一步" class="createClassBtn createClassConfirm">
<span class="createClassBtn main_closeBtn">取消</span>
</div>
</div>
... ... @@ -544,13 +544,427 @@
</div>
<div class="scheduleWireBg"></div>
</div>
<div class="step_page2">
<div class="step_page1">
<div class="step_page1TimeBox">
<span class="step_page1Time">开始时间</span>
<label class="step_page1Time">开始时间</label>
<div class="createClassTime createClassTime1" id="createClassStartTime"></div>
<select id="meeting_starthour" class="createClassTime">
<option value="00">
0 点
</option>
<option value="01">
1 点
</option>
<option value="02">
2 点
</option>
<option value="03">
3 点
</option>
<option value="04">
4 点
</option>
<option value="05">
5 点
</option>
<option value="06">
6 点
</option>
<option value="07">
7 点
</option>
<option value="08">
8 点
</option>
<option value="09">
9 点
</option>
<option value="10">
10 点
</option>
<option value="11" selected="selected">
11 点
</option>
<option value="12">
12 点
</option>
<option value="13">
13 点
</option>
<option value="14">
14 点
</option>
<option value="15">
15 点
</option>
<option value="16">
16 点
</option>
<option value="17">
17 点
</option>
<option value="18">
18 点
</option>
<option value="19">
19 点
</option>
<option value="20">
20 点
</option>
<option value="21">
21 点
</option>
<option value="22">
22 点
</option>
<option value="23">
23 点
</option>
</select>
<select id="meeting_startminute" class="createClassTime">
<option value="00" selected="selected">
0 分
</option>
<option value="05">
5 分
</option>
<option value="10">
10 分
</option>
<option value="15">
15 分
</option>
<option value="20">
20 分
</option>
<option value="25">
25 分
</option>
<option value="30">
30 分
</option>
<option value="35">
35 分
</option>
<option value="40">
40 分
</option>
<option value="45">
45 分
</option>
<option value="50">
50 分
</option>
<option value="55">
55 分
</option>
</select>
</div>
<div class="step_page1TimeBox">
<span class="step_page1Time">结束时间</span>
<label class="step_page1Time">结束时间</label>
<div class="createClassTime createClassTime1" id="createClassEndTime"></div>
<select id="meeting_endhour" class="createClassTime">
<option value="00">
0 点
</option>
<option value="01">
1 点
</option>
<option value="02">
2 点
</option>
<option value="03">
3 点
</option>
<option value="04">
4 点
</option>
<option value="05">
5 点
</option>
<option value="06">
6 点
</option>
<option value="07">
7 点
</option>
<option value="08">
8 点
</option>
<option value="09">
9 点
</option>
<option value="10">
10 点
</option>
<option value="11" selected="selected">
11 点
</option>
<option value="12">
12 点
</option>
<option value="13">
13 点
</option>
<option value="14">
14 点
</option>
<option value="15">
15 点
</option>
<option value="16">
16 点
</option>
<option value="17">
17 点
</option>
<option value="18">
18 点
</option>
<option value="19">
19 点
</option>
<option value="20">
20 点
</option>
<option value="21">
21 点
</option>
<option value="22">
22 点
</option>
<option value="23">
23 点
</option>
</select>
<select id="meeting_endminute" class="createClassTime">
<option value="00" selected="selected">
0 分
</option>
<option value="05">
5 分
</option>
<option value="10">
10 分
</option>
<option value="15">
15 分
</option>
<option value="20">
20 分
</option>
<option value="25">
25 分
</option>
<option value="30">
30 分
</option>
<option value="35">
35 分
</option>
<option value="40">
40 分
</option>
<option value="45">
45 分
</option>
<option value="50">
50 分
</option>
<option value="55">
55 分
</option>
</select>
</div>
</div>
<div class="form_button form_button2">
<input id="createClassUpOne" page-index="0" type="button" value="上一步" class="createClassBtn createClassConfirm createClassBtnUp">
<input id="createClassSubmit2" page-index="2" type="button" value="下一步" class="createClassBtn createClassConfirm">
<span class="createClassBtn main_closeBtn">取消</span>
</div>
</div>
</div>
<div class="scheduleForm" id="scheduleForm3">
<div class="step_content">
<div class="scheduleWireBox">
<div class="scheduleWire scheduleWire2"></div>
<div class="scheduleWireTitBox">
<span class="scheduleWireBoxTit">课堂信息</span>
<span class="scheduleWireBoxTit">时间信息</span>
<span class="scheduleWireBoxTit">功能信息</span>
<span class="scheduleWireBoxTit">创建完成</span>
</div>
<div class="scheduleWireIndBox">
<p class="scheduleWireInd">
<span class="scheduleWireIndText scheduleWireIndText1">1</span>
</p>
<p class="scheduleWireInd">
<span class="scheduleWireIndText scheduleWireIndText1">2</span>
</p>
<p class="scheduleWireInd">
<span class="scheduleWireIndText scheduleWireIndText1">3</span>
</p>
<p class="scheduleWireInd">
<span class="scheduleWireIndText">4</span>
</p>
</div>
<div class="scheduleWireBg"></div>
</div>
<div class="step_page1">
<div class="form_item">
<label class="step_page1Title step_page1Title1">
课堂功能：
</label>
<div class="step_page1_widget">
<input class="allowPublic" type="radio" name="meetType" id="meetTypeVideo" value="1" checked="checked">
<label for="meetTypeVideo" class="publicInfo">
视频
</label>
</div>
</div>
<div class="form_item">
<label class="step_page1Title step_page1Title1">
聊天最小时间间隔：
</label>
<div class="step_page1_widget">
<span class="createClassTime createClassTime2">
<input class="chatInterval borderNone" type="input" name="meetType" id="chatInterval" value="0">
</span>
<span class="createClassTimeRight">(单位：秒)</span>
</div>
</div>
<div class="form_item">
<label class="step_page1Title step_page1Title1">
提前入会时间：
</label>
<div class="step_page1_widget">
<span class="createClassTime createClassTime2">
<input class="aheadTime borderNone" type="input" name="meetType" id="aheadTime" value="10">
</span>
<span class="createClassTimeRight">分钟</span>
</div>
</div>
<div class="createClassMoreOptionBox">
<p class="createClassLegend">
<span class="createClassLegendConfig">更多参数</span>
</p>
<div class="classConfig_details">
<div style="width:100%;float:left;">
<div class="form_item form_item1">
<label class="step_page1Title step_page1Title2">
最大音频路数：
</label>
<select id="maxAudio" class="short_select">
<option value="1">1 路</option>
<option value="2">2 路</option>
<option value="3">3 路</option>
<option value="5">5 路</option>
</select>
</div>
<div class="form_item form_item1">
<label class="step_page1Title step_page1Title2">
最大视频路数：
</label>
<select id="maxVideo" class="short_select">
<option value="1">1 路</option>
<option value="2">2 路</option>
<option value="3">3 路</option>
<option value="5">5 路</option>
</select>
</div>
</div>
<div class="form_item" id="videoQualityDiv">
<label class="step_page1Title" title="视频画质设置">
视频画质设置：
</label>
<div class="step_page1_widget" id="videoresolution">
<input class="allowPublic allowPublicDetail" id="lowMode" name="videoQuality" type="radio" value="0">
<label for="lowMode">
低
</label>
<input class="allowPublic allowPublicDetail" id="middleMode" name="videoQuality" type="radio" value="1" checked="checked">
<label for="middleMode">
中
</label>
<input class="allowPublic allowPublicDetail" id="highMode" name="videoQuality" type="radio" value="2">
<label for="highMode">
高
</label>
<input class="allowPublic allowPublicDetail" id="topMode" name="videoQuality" type="radio" value="3">
<label for="topMode">
较高
</label>
<input class="allowPublic allowPublicDetail" id="mostMode" name="videoQuality" type="radio" value="4">
<label for="mostMode">
最高
</label>
</div>
</div>
<div class="form_item">
<label class="step_page1Title">
参会人权限：
</label>
<div class="step_page1_widget">
<input class="allowPublic allowPublicDetail" type="checkbox" name="changePage" id="turnPage" value="1" checked="checked">
<label for="turnPage" title="换页">
换页
</label>
<input class="allowPublic allowPublicDetail" type="checkbox" name="annotate" id="comment" value="1" checked="checked">
<label for="comment" title="批注">
批注
</label>
<input class="allowPublic allowPublicDetail" type="checkbox" name="chatCompere" id="toCompere" value="1" checked="checked">
<label for="toCompere" title="与主持人聊天">
与主持人聊天
</label>
<input class="allowPublic allowPublicDetail" type="checkbox" name="chatParticipants" id="toParty" value="1" checked="checked">
<label for="toParty" title="与参会人聊天">
与参会人聊天
</label>
</div>
</div>
<div class="form_item">
<label class="step_page1Title">
课堂功能：
</label>
<div class="step_page1_widget">
<input class="allowPublic allowPublicDetail" type="checkbox" name="shareDocs" id="shareDoc" value="1" checked="checked">
<label for="shareDoc" title="文档共享">
文档共享
</label>
<span id="screen-widget" style="display: none;"> <input class="allowPublic allowPublicDetail" type="checkbox" name="shareScreen" id="shareWin" value="1"> <label for="shareWin" title="屏幕共享">
屏幕共享
</label> </span>
<span id="share-media-widget" style="display: none;"> <input class="allowPublic allowPublicDetail" type="checkbox" name="shareMedia" id="shareMedia" value="1"> <label for="shareMedia" title="媒体共享">
媒体共享
</label> </span>
<input class="allowPublic allowPublicDetail" type="checkbox" name="whiteBoard" id="whiteBoard" value="1" checked="checked">
<label for="whiteBoard" title="白板">
白板
</label>
<span id="interaction-widget">
<input class="allowPublic allowPublicDetail" type="checkbox" name="interaction" id="interaction" value="1" checked="checked">
<label for="interaction" title="是否参与音视频互动">
是否参与音视频互动
</label> </span>
<span id="record-widget"> <input class="allowPublic allowPublicDetail" type="checkbox" name="record" id="record" value="1" checked="checked"> <label for="record" title="录制">
录制
</label>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="form_button">
<input id="createClassUpTwo" page-index="1" type="button" value="上一步" class="createClassBtn createClassConfirm">
<input id="createClassSubmit3" page-index="3" type="button" value="完成" class="createClassBtn createClassConfirm">
</div>
</div>
</div>
... ... @@ -598,7 +1012,7 @@
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
</li>
<li class="usersignNameLi usersignLi">
<input id="signPassWord" class="userPassWordInput usersignInput" type="text" placeholder="设置密码" maxlength="20"
<input id="signPassWord" class="userPassWordInput usersignInput" type="password" placeholder="设置密码" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
<span class="requiredMsg">*</span>
</li>
... ... @@ -633,7 +1047,7 @@
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
</li>
<li class="userPassWordLi usersignLi">
<input id="loginPassWord" class="userPassWordInput usersignInput" type="text" placeholder="密码" maxlength="20"
<input id="loginPassWord" class="userPassWordInput usersignInput" type="password" placeholder="密码" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
</li>
<p class="forgetPasswordBtn" id="forgetPasswordBtn">
... ...
... ... @@ -16,7 +16,7 @@ let loger = Loger.getLoger('PC-CreateClassApe');
class CreateClassApe extends Ape {
constructor() {
super();
this.classDateList = {};//课堂的所有数据
this.classDateList = {};//创建课堂信息
this.addEvent();
this.init();
}
... ... @@ -26,32 +26,41 @@ class CreateClassApe extends Ape {
this._judgeListPlace();
$('#collectYes').hide();
this._showPresentTime();
$('#createClassBtn').on('click',this._createClassBtnHandler.bind(this));
$('.recordLi').on('click',this._recordLiHandler.bind(this));//课堂分类
$('.liveInfoLeftLi').on('click',this._liveInfoLeftLiHandler.bind(this));//直播信息
$('#createClassA').on('click',this._closeClassHandler.bind(this));
$('.main_closeBtn').on('click',this._closeClassHandler.bind(this));
$('#createClassA').on('click',this._closeClassHandler.bind(this));//关闭创建课堂
$('.main_closeBtn').on('click',this._closeClassHandler.bind(this));//关闭创建课堂
//执行一个laydate实例
dateUI.render({
elem: '#liveInfoCenterLiveStart' //指定元素
});
//执行一个laydate实例
dateUI.render({
elem: '#liveInfoCenterLiveEnd' //指定元素
});
$('#createClassSubmit1').on('click',this._createClassSubmit1Handler.bind(this));//创建课堂第一步
$('#createClassUpOne').on('click',this._createClassUpHandler.bind(this));//创建课堂第一步
$('#createClassSubmit2').on('click',this._createClassSubmit2Handler.bind(this));//创建课堂第二步
$('#createClassUpTwo').on('click',this._createClassUpTwoHandler.bind(this));//创建课堂第二步
$('#createClassSubmit3').on('click',this._createClassSubmit3Handler.bind(this));//创建课堂第三步
//日历插件
this._dateUI();
}
addEvent() {
}
_showPresentTime(){
let newDate = new Date();
let month = (newDate.getMonth()+1)<10?'0'+(newDate.getMonth()+1):(newDate.getMonth()+1);
let date = newDate.getDate()<10?'0'+newDate.getDate():newDate.getDate();
let timer = newDate.getFullYear() + '-'+ month +'-'+ date;
$('.createClassTime1').text(timer);
}
_judgeListPlace(){
let i=(i%4);
$('#classifyListContent').find('.classifyList').eq(i==3).addClass('classifyListR');
}
_recordLiHandler(evt){
$(evt.currentTarget).addClass('recordLiTextCheck').siblings().removeClass('recordLiTextCheck');
$(evt.currentTarget).addClass('recordLiCheck').siblings().removeClass('recordLiCheck');
}
_liveInfoLeftLiHandler(evt){
$(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck');
... ... @@ -65,6 +74,152 @@ class CreateClassApe extends Ape {
}
_closeClassHandler(){
$('#createClassBox').hide();
this._closeCreateClass();
}
_createClassSubmit1Handler(){
let meetingName = $('#classThemeUserName');//课堂主题
let presenterPassword = $('#classThemePassWord');//主持人密码
let createClassSubmit1 = $('#createClassSubmit1');//
let isPublic = $("input[name='allowPublic']:checked").val();//是否公开课堂
let meetingType = $("input[name='meetingType']:checked").val();//课堂类型
let h5Module = $("input[name='h5Module']:checked").val();//是否支持H5
let partcKey = $('#partcKey').val(); //课堂密码
let meetingContent = $("meeting_content").val();//课堂描述
if(meetingName.val().length < 1){
return false;
}else if(presenterPassword.val().length <= 6 && presenterPassword.val().length >= 12){
return false;
}else{
console.log('第一步信息完成')
let dateList ={
"meetingName":meetingName.val(),
"presenterPassword":presenterPassword.val(),
"isPublic":isPublic,
"meetingType":meetingType,
"h5Module":h5Module,
"partcKey":'',
"meetingContent":meetingContent
}
this.classDateList = dateList;
$('#scheduleForm1').hide();
$('#scheduleForm2').show();
}
}
_createClassUpHandler(){
$('#scheduleForm1').show();
$('#scheduleForm2').hide();
}
_createClassSubmit2Handler(){
let createClassStartTime = $('#createClassStartTime').text();//开始年
let meeting_starthour = $('#meeting_starthour').val();//开始月
let meeting_startminute = $('#meeting_startminute').val();//开始日
let createClassEndTime = $('#createClassEndTime').text();//结束年
let meeting_endhour = $('#meeting_endhour').val();//结束月
let meeting_endminute = $('#meeting_endminute').val();//结束日
let dateList = {
"beginTime":createClassStartTime+' '+meeting_starthour+':'+meeting_startminute,
"endTime":createClassEndTime+' '+meeting_endhour+':'+meeting_endminute
}
$.extend(this.classDateList,dateList);
$('#scheduleForm2').hide();
$('#scheduleForm3').show();
}
_createClassUpTwoHandler(){
$('#scheduleForm2').show();
$('#scheduleForm3').hide();
}
_createClassSubmit3Handler(){
let chatInterval = $('#chatInterval').val();
let aheadTime = $('#aheadTime').val();
let maxVideoChannels = $('#maxAudio').val();
let max_audioChannels = $('#maxVideo').val();
let video_quality = $("input[name='videoQuality']:checked").val();//视频画质
let dateList = {
"chatInterval":chatInterval,
"aheadTime":aheadTime,
"maxVideoChannels":maxVideoChannels,
"max_audioChannels":max_audioChannels,
"video_quality":video_quality,
}
$.extend(this.classDateList,dateList);
//发送创建新课堂
this.detailClass();
$('#createClassBox').hide();
$('#scheduleForm3').hide();
//清空创建信息界面
this._closeCreateClass();
}
detailClass(){
let dateList = this.classDateList;
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/createMeeting';
let userName = window.localStorage.getItem('loginName');
dateList.siteId = 'markettest';
dateList.userId = '123';
dateList.userName = userName;
dateList.userType = 1;
let that = this;
$.ajax({
type : "POST",
url : _url,
data : dateList,
headers: {'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
//获取课堂数据
if(_data || _data.code == 0){
that._enterClass(_data.returnData.data);
}
},
error:function(error){
console.log(error,'失败')
}
})
}
_enterClass(_data){
window.open(_data.meetingUrl);
}
//清空创建课堂数据
_closeCreateClass(){
$('#classThemeUserName').val('');
$('#classThemePassWord').val('');
$("input[name='allowPublic']").get(0).checked = true;
$("input[name='meetingType']").get(0).checked = true;
$("input[name='h5Module']").get(0).checked = true;
$('#partcKey').text('');
$('#meeting_content').val('');
this._showPresentTime();
$('#chatInterval').val('0');
$('#aheadTime').val('0');
}
_dateUI(){
//执行一个laydate实例
dateUI.render({
elem: '#liveInfoCenterLiveStart' //指定元素
});
//执行一个laydate实例
dateUI.render({
elem: '#liveInfoCenterLiveEnd' //指定元素
});
//执行一个laydate实例
dateUI.render({
elem: '#createClassStartTime' //指定元素
});
//执行一个laydate实例
dateUI.render({
elem: '#createClassEndTime' //指定元素
});
}
}
export default CreateClassApe;
\ No newline at end of file
... ...
... ... @@ -58,9 +58,11 @@ class HomeApe extends Ape {
}
detailPage(){
let that = this;
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
$.ajax({
type: "POST",
url: 'http://192.168.31.8:3000/meeting/getMeeting',
url: _url,
data:{siteId:'markettest'},
headers: {'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
// loger.log(_data,'成功')
... ... @@ -85,24 +87,27 @@ class HomeApe extends Ape {
liveList.empty();
lanclassList.empty();
teacherIntro.empty();
if(_data){
let _dataList = _data.meetingInfo;
for(let i = 0;i<_dataList.length;i++){
if(i<8){
let j = (i%4)==3;
let _getTime = this.getTime(_dataList[i].beginTime,_dataList[i].endTime)
let _classifyList = this._format(classifyList,{
_classifyListR : j?'classifyListR':'',
_id : _dataList[i].id,
_msgImg :'../images/u373.png',
_classroomTitle : _dataList[i].meetingName,
_schoolTime : _getTime,
_subscribeNum : _dataList[i].reservationNumber+'人已预约'
})
liveList.append(_classifyList);
lanclassList.append(_classifyList);
teacherIntro.append(_classifyList);
for(let i = 0;i<_dataList.length;i++){
if(i<8){
let j = (i%4)==3;
let _getTime = this.getTime(_dataList[i].beginTime,_dataList[i].endTime)
let _classifyList = this._format(classifyList,{
_classifyListR : j?'classifyListR':'',
_id : _dataList[i].id,
_msgImg :'../images/u373.png',
_classroomTitle : _dataList[i].meetingName,
_schoolTime : _getTime,
_subscribeNum : _dataList[i].reservationNumber+'人已预约'
})
liveList.append(_classifyList);
lanclassList.append(_classifyList);
teacherIntro.append(_classifyList);
}
}
}
}
getTime(start,end){
... ...
... ... @@ -61,13 +61,14 @@ class LanclassApe extends Ape {
}
//点击翻页
_pageNumBtnHandler(evt){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
let _ele = $(evt.target);
let that = this;
if(_ele.siblings().length > 0 && _ele.text()!= '...' ){
_ele.addClass('pageNumBtnCheck').siblings().removeClass('pageNumBtnCheck');
$.ajax({
type: "POST",
url: 'http://192.168.31.8:3000/meeting/getMeeting',
url: _url,
headers: {'page':_ele.text(),
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo',
},
... ... @@ -90,10 +91,12 @@ class LanclassApe extends Ape {
}
}
detailPage(){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
let that = this;
$.ajax({
type: "POST",
url: 'http://192.168.31.8:3000/meeting/getMeeting',
url: _url,
data:{siteId:'markettest'},
headers: {'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
// loger.log(_data,'成功')
... ... @@ -125,17 +128,19 @@ class LanclassApe extends Ape {
let classifyListContent = $('#classifyListContent');
classifyListContent.empty();
let _dataList = _data.meetingInfo;
for(let i = 0;i<_dataList.length;i++){
let j = (i%4)==3;
let _classifyList = this._format(classifyList,{
_classifyListR : j?'classifyListR':'',
_id : _dataList[i].id,
_msgImg :'../images/u373.png',
_classroomTitle : _dataList[i].meetingName,
_schoolTime : '11',
_subscribeNum : _dataList[i].reservationNumber+'人已预约'
})
classifyListContent.append(_classifyList);
if(_dataList){
for(let i = 0;i<_dataList.length;i++){
let j = (i%4)==3;
let _classifyList = this._format(classifyList,{
_classifyListR : j?'classifyListR':'',
_id : _dataList[i].id,
_msgImg :'../images/u373.png',
_classroomTitle : _dataList[i].meetingName,
_schoolTime : '11',
_subscribeNum : _dataList[i].reservationNumber+'人已预约'
})
classifyListContent.append(_classifyList);
}
}
}
_classDatepageNum(_data){ //page
... ...
... ... @@ -19,7 +19,6 @@ class ListDetailsApe extends Ape {
}
init() {
// this.detailPage();
$('#themeBox ').on('click','.classifyList',this._curriculumListHandler.bind(this));
}
... ... @@ -34,11 +33,13 @@ class ListDetailsApe extends Ape {
detailPage(_id){
let that = this;
let signInfo = {
id: _id
id: _id,
siteId:'markettest'
}
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
$.ajax({
type: "post",
url: 'http://192.168.31.8:3000/meeting/getMeeting',
url: _url,
headers: {
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'
},
... ... @@ -46,7 +47,7 @@ class ListDetailsApe extends Ape {
success:function(_data){
//获取课堂数据
if(_data || _data.code == 200){
that._gainClassData(_data);
that._gainClassData(_data);
}
},
error:function(error){
... ... @@ -60,14 +61,16 @@ class ListDetailsApe extends Ape {
}
_classDateContent(_data){
let _dataList = _data.meetingInfo[0];
loger.log(_dataList)
if(_dataList.meetingType == 1){
console.log('互动课堂')
this._lanclassRender(_dataList);
}else if(_dataList.meetingType == 2){
console.log('直播课堂')
this._liveRender(_dataList);
}else{
this._lanclassRender(_dataList);
}
$('#classifyListBox').hide();
}
//互动课堂
_lanclassRender(_dataList){
... ...
... ... @@ -61,17 +61,18 @@ class LanclassApe extends Ape {
}
//点击翻页
_pageNumBtnHandler(evt){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
let _ele = $(evt.target);
let that = this;
if(_ele.siblings().length > 0 && _ele.text()!= '...' ){
_ele.addClass('pageNumBtnCheck').siblings().removeClass('pageNumBtnCheck');
$.ajax({
type: "POST",
url: 'http://192.168.31.8:3000/meeting/getMeeting',
url: _url,
headers: {'page':_ele.text(),
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo',
},
data:{siteId:'markettest'},
success:function(_data){
if(_data != 200 ){
// loger.warn(_data.data.msg)
... ... @@ -90,10 +91,12 @@ class LanclassApe extends Ape {
}
}
detailPage(){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
let that = this;
$.ajax({
type: "POST",
url: 'http://192.168.31.8:3000/meeting/getMeeting',
url: _url,
data:{siteId:'markettest'},
headers: {'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
// loger.log(_data,'成功')
... ... @@ -125,17 +128,19 @@ class LanclassApe extends Ape {
let classifyListContent = $('#classifyListContent');
classifyListContent.empty();
let _dataList = _data.meetingInfo;
for(let i = 0;i<_dataList.length;i++){
let j = (i%4)==3;
let _classifyList = this._format(classifyList,{
_classifyListR : j?'classifyListR':'',
_id : _dataList[i].id,
_msgImg :'../images/u373.png',
_classroomTitle : _dataList[i].meetingName,
_schoolTime : '11',
_subscribeNum : _dataList[i].reservationNumber+'人已预约'
})
classifyListContent.append(_classifyList);
if(_dataList){
for(let i = 0;i<_dataList.length;i++){
let j = (i%4)==3;
let _classifyList = this._format(classifyList,{
_classifyListR : j?'classifyListR':'',
_id : _dataList[i].id,
_msgImg :'../images/u373.png',
_classroomTitle : _dataList[i].meetingName,
_schoolTime : '11',
_subscribeNum : _dataList[i].reservationNumber+'人已预约'
})
classifyListContent.append(_classifyList);
}
}
}
_classDatepageNum(_data){ //page
... ...
... ... @@ -169,9 +169,10 @@ class LoginOrRegister extends Ape {
"IDcard":123123
}
let that = this;
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/addUser';
$.ajax({
type: "POST",
url: 'http://192.168.31.8:3000/users/addUser',
url: _url,
data: signInfo,
success:function(_data){
console.log(_data,'成功')
... ... @@ -219,11 +220,13 @@ class LoginOrRegister extends Ape {
"code":"quwerdf"
}
let that = this;
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/login';
$.ajax({
type: "POST",
url: 'http://192.168.31.8:3000/users/login',
url: _url,
data: signInfo,
success:function(_data){
loger.log('登录信息返回信息',_data)
that.successLogin(_data);
window.localStorage.setItem("loginName",_name.value);
window.localStorage.setItem("password", _passWord.value);
... ...
... ... @@ -60,15 +60,17 @@ class TeacherDetailApe extends Ape {
//点击翻页
_pageNumBtnHandler(evt){
let _ele = $(evt.target);
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
let that = this;
if(_ele.siblings().length > 0 && _ele.text()!= '...' ){
_ele.addClass('pageNumBtnCheck').siblings().removeClass('pageNumBtnCheck');
$.ajax({
type: "POST",
url: 'http://192.168.31.8:3000/meeting/getMeeting',
url: _url,
headers: {'page':_ele.text(),
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo',
},
data:{siteId:'markettest'},
success:function(_data){
if(_data != 200 ){
// loger.warn(_data.data.msg)
... ... @@ -88,10 +90,12 @@ class TeacherDetailApe extends Ape {
}
detailPage(){
let that = this;
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
$.ajax({
type: "POST",
url: 'http://192.168.31.8:3000/meeting/getMeeting',
url: _url,
headers: {'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
data:{siteId:'markettest'},
success:function(_data){
// loger.log(_data,'成功')
//获取课堂数据
... ...
... ... @@ -261,6 +261,8 @@ ClassDataProxy.curVideoQuality = 2;//画面质量 0-低;1-中;2-高;
ClassDataProxy.ssTunnelAppURL = '';//屏幕共享插件的地址
ClassDataProxy.locationProtocol="http://";
ClassDataProxy.locationProt = "192.168.31.8:3000";//端口
ClassDataProxy.SCENE_DOC=0;
ClassDataProxy.SCENE_SCREEN_SHARE=1;
ClassDataProxy.SCENE_MEDIA_SHARE=2;
... ...