董佳音 / networkSchool

转到一个项目
Toggle navigation Toggle navigation pinning
董佳音
17136ba0 1 parent f8b29311 fzy_dev ... 0908-1 dev dong0831-3 dong0901-2 dong0902-1 dong0902-2 dong0904-1 dong0904-2 dong0905-1 dong0905-2 dong0906-1 dong0912-1 dong0913-1 dong0914-1 dong0921-1 dong0928-1 dong0928-2 dong1009-1 dong1011-1 dong1011-2 dong1012-1 dong1026-1 v1.9.1.20171017 v1.9.0.20171012 v1.8.10.20171011 v1.8.9.20171011 v1.8.8.20170929 v1.8.7.20170928 v1.8.6.20170928 v1.8.3.20170914 v1.8.2.20170914 v1.8.0.20170912 v1.7.4.20170908 v1.7.2.20170906 v1.7.1.20170906 v1.7.0.20170906 v1.6.6.20170904 v1.6.5.20170904 v1.5.5.20170904 v1.5.4.20170903 v1.5.3.20170903 v1.4.1.20170903 v1.4.0.20170903 v1.1.0.20170901

修改创建课堂信息

内嵌 并排对比
正在显示 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;
... ...