董佳音

管理员创建用户布局

... ... @@ -712,6 +712,24 @@ body{
width: 998px;
float: left;
}
.addUserBtn{
width:100px;
height:34px;
line-height: 34px;
background: #3498db;
color:#fff;
font-size: 14px;
margin-bottom:8px;
cursor: pointer;
display: none;
}
.addUserIcon{
background: url("../images/add.png") no-repeat;
width: 16px;
height: 16px;
float: left;
margin: 8px 9px 0 9px;
}
.classManagementRightTitle{
padding:0 30px;
height:44px;
... ... @@ -950,7 +968,7 @@ body{
}
/*创建课堂第一步*/
.form_item{
margin-bottom: 10px;
margin-bottom: 8px;
min-height: 22px;
line-height: 22px;
font-size: 12px;
... ... @@ -981,7 +999,7 @@ body{
}
.classThemeInfo{
border-radius: 2px;
padding: 4px;
padding: 3px;
height: 24px;
background-color: #ffffff;
border: 1px solid #cccccc;
... ... @@ -989,13 +1007,21 @@ body{
margin-right: 20px;
font-size: 12px;
}
.classThemeInfo1{
height: 26px;
}
.classThemeInfoSelect{
height: 30px;
width: 370px;
color:#666
}
.publicInfo{
padding-right: 15px;
padding-left:4px;
}
.classDescribeArea{
width: 370px;
height: 60px;
height: 32px;
}
.createClassConfirm{
background: #3498db;
... ... @@ -1111,6 +1137,9 @@ body{
float: left;
width: 30%;
}
.form_item2{
padding:7px 0;
}
.step_page1Title2{
}
.short_select{
... ... @@ -1374,9 +1403,11 @@ body{
margin:0 40px 0 65px;
background: #3498db;
color:#fff;
cursor: pointer;
}
.removeCancel{
background: #e6e6e6;
cursor: pointer;
}
/* warn警告框 */
.warnHintBox{
... ... @@ -1789,3 +1820,44 @@ body{
outline: none;
padding-left:6px;
}
/*用户管理*/
.createUserAccountBox{
width:310px;
height:170px;
position: absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:0 auto;
background: #fff;
}
.createUserRole{
width: 181px;
height: 34px;
margin-left: 64px;
margin-top:10px;
padding-left:4px;
}
.createUserRole option{
line-height: 34px;
}
.createUserHandler{
width: 310px;
height: 210px;
}
.createUserTit{
margin-top:50px;
}
.createUserAbortTime{
width: 131px;
height: 34px;
border: 1px solid #ccc;
margin-left: 129px;
text-align: center;
line-height: 34px;
color: #666;
}
.createUser{
height: 500px;
}
\ No newline at end of file
... ...
... ... @@ -247,45 +247,49 @@
<div class="classManagementBox" id="classManagementBox">
<div class="classManagementLeft" id="classManagementLeft">
<ul class="recordUl" id="recordUl">
<li class="recordLi recordLiCheck">
<li class="recordLi recordLiCheck" data="0">
<label for="courseManagement" class="iconfont">&#xe69a;</label>
<span class="recordLiText" id="courseManagement">课程管理</span>
</li>
<li class="recordLi1">
<li class="recordLi" data="1">
<label for="createClassBtn" class="iconfont">&#xe69b;</label>
<span class="recordLiText" id="createClassBtn">创建课堂</span>
</li>
<li class="recordLi">
<li class="recordLi" data="2">
<label for="classManagement" class="iconfont">&#xe69c;</label>
<span class="recordLiText" id="classManagement">班级管理</span>
</li>
<li class="recordLi">
<li class="recordLi" data="3">
<label for="teacherManagement" class="iconfont">&#xe69d;</label>
<span class="recordLiText" id="teacherManagement">老师管理</span>
<span class="recordLiText" id="teacherManagement">用户管理</span>
</li>
<li class="recordLi">
<li class="recordLi" data="4">
<label for="aboutManagement" class="iconfont">&#xe69f;</label>
<span class="recordLiText" id="aboutManagement">约课管理</span>
</li>
<li class="recordLi">
<li class="recordLi" data="5">
<label for="RecordManagement" class="iconfont">&#xe6a0;</label>
<span class="recordLiText" id="RecordManagement">录制管理</span>
</li>
<li class="recordLi">
<li class="recordLi" data="6">
<label for="siteManagement" class="iconfont">&#xe6a3;</label>
<span class="recordLiText" id="siteManagement">站点配置</span>
</li>
<li class="recordLi">
<li class="recordLi" data="7">
<label for="reportManagement" class="iconfont">&#xe6a2;</label>
<span class="recordLiText" id="reportManagement">统计报告</span>
</li>
<li class="recordLi">
<li class="recordLi" data="8">
<label for="personManagement" class="iconfont">&#xe6a1;</label>
<span class="recordLiText" id="personManagement">个人设置</span>
</li>
</ul>
</div>
<div class="classManagementRight" id="classManagementRight">
<div class="addUserBtn" id="addUserBtn">
<label class="addUserIcon"></label>
<span class="addUserText">添加用户</span>
</div>
<div class="classManagementRightTitle" id="classManagementRightTitle">
<div class="liveInfoLeft" id="liveInfoList">
<div class="liveInfoLeftLi liveInfoLeftLiCheck">正在直播</div>
... ... @@ -419,6 +423,32 @@
</div>
<div class="form_item">
<label class="step_page1Title">
课堂密码:
</label>
<div class="step_page1_widget">
<input id="partcKey" name="partcKey" type="password" class="classThemeInfo input-text-show" placeholder="输入课堂密码">
<span class="form-required"></span>
<span class="form-tip"><span id="confPassTip" class="onShow" style="margin: 0px; padding: 0px; background-color: transparent; display: none; background-position: initial initial; background-repeat: initial initial;">
<div class="onShow">
1-16个任意字符
</div> </span> </span>
</div>
</div>
<div class="form_item">
<label class="step_page1Title">
分配给:
</label>
<div class="step_page1_widget">
<select name="allotSpeaker" id="" class="classThemeInfo classThemeInfoSelect">
<option value="">
张媛媛
</option>
</select>
</div>
</div>
<div class="form_item">
<label class="step_page1Title">
是否公开课堂:
</label>
<div class="step_page1_widget">
... ... @@ -468,19 +498,6 @@
</div>
<div class="form_item">
<label class="step_page1Title">
课堂密码:
</label>
<div class="step_page1_widget">
<input id="partcKey" name="partcKey" type="password" class="classThemeInfo input-text-show" placeholder="输入课堂密码">
<span class="form-required"></span>
<span class="form-tip"><span id="confPassTip" class="onShow" style="margin: 0px; padding: 0px; background-color: transparent; display: none; background-position: initial initial; background-repeat: initial initial;">
<div class="onShow">
1-16个任意字符
</div> </span> </span>
</div>
</div>
<div class="form_item">
<label class="step_page1Title">
课堂描述:
</label>
<div class="step_page1_widget">
... ... @@ -946,6 +963,90 @@
</div>
</div>
</div>
<!--创建用户2级-->
<div id="createUserBox" class="userSignBox createClassBox">
<div id="createUser" class="createClass createUser">
<div class="createClassHandler">
<span class="createClassHandlerTitle" id="createUserTitle">添加老师</span>
<a href="javascript: void(0)" id="createUserA" class="createClassA iconfont">&#xe638;</a>
</div>
<div class="step_page1">
<div class="form_item">
<label class="step_page1Title">
用户名:
</label>
<div class="step_page1_widget">
<input id="createUserName" name="createUserName" type="text" class="classThemeInfo classThemeInfo1" placeholder="输入课堂主题" value="">
</div>
</div>
<div class="form_item">
<label class="step_page1Title">
初始密码:
</label>
<div class="step_page1_widget">
<input id="createUserPassWord" name="createUserPassWord" type="text" class="classThemeInfo classThemeInfo1" placeholder="输入主持人密码" value="">
</div>
</div>
<div class="form_item">
<label class="step_page1Title">
真实姓名:
</label>
<div class="step_page1_widget">
<input id="createUserRealName" name="createUserRealName" type="password" class="classThemeInfo classThemeInfo1" placeholder="输入课堂密码">
</div>
</div>
<div class="form_item form_item2">
<label class="step_page1Title">
角色:
</label>
<div class="step_page1_widget">
<input class="allowPublic" type="radio" name="createUserTeacher" id="createUserTeacher" value="1" checked="checked">
<label for="createUserTeacher" class="publicInfo">
老师
</label>
<input class="allowPublic" type="radio" name="createUserTeacher" id="createUserTeaching" value="0">
<label for="createUserTeaching" class="publicInfo">
兼课
</label>
</div>
</div>
<div class="form_item">
<label class="step_page1Title">
身份证号:
</label>
<div class="step_page1_widget">
<input id="createUserIdentity" name="createUserIdentity" type="text" class="classThemeInfo classThemeInfo1" placeholder="输入课堂主题" value="">
</div>
</div>
<div class="form_item">
<label class="step_page1Title">
邮箱地址:
</label>
<div class="step_page1_widget">
<input id="createUserMail" name="classThemeUserName" type="text" class="classThemeInfo classThemeInfo1" placeholder="输入课堂主题" value="">
</div>
</div>
<div class="form_item">
<label class="step_page1Title">
备注信息:
</label>
<div class="step_page1_widget">
<textarea id="createUserNote" class="classDescribeArea"></textarea>
</div>
</div>
<div class="form_item">
<label class="step_page1Title">
有效期至:
</label>
<div id="createUserAbortTime" class="createUserAbortTime"></div>
</div>
</div>
<div class="form_button">
<input id="createUserConfirm" type="button" value="确定" class="createClassBtn createClassConfirm btnHover">
<span id="createUserCancel" class="createClassBtn main_closeBtn">取消</span>
</div>
</div>
</div>
<!--个人中心-->
<div id="myCenterBox" class="myCenterBox">
<div class="myCenterLeftBox">
... ... @@ -1150,7 +1251,144 @@
</div>
</div>
</div>
<!--注册-->
<div class="userSignBox" id="userSignBox" style="display: none">
<div class="usersign" id="usersign">
<a href="javascript: void(0)" id="usersignA" class="usersignA iconfont">&#xe638;</a>
<ul>
<li class="usersignTit">注册</li>
<li class="usersignLi">
<input id="signName" class="userNameInput usersignInput" type="text" placeholder="填写用户名" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
</li>
<li class="usersignNameLi usersignLi">
<input id="signPhone" class="userPhoneInput usersignInput" type="text" placeholder="填写手机号" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
<span class="requiredMsg">*</span>
</li>
<li class="usersignLi">
<input id="signMail" class="userMailInput usersignInput" type="text" placeholder="填写邮箱" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
</li>
<li class="usersignNameLi usersignLi">
<input id="signPassWord" class="userPassWordInput usersignInput" type="password" placeholder="设置密码" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
<span class="requiredMsg">*</span>
</li>
<li class="userVerifyLi usersignLi">
<input id="securityCode" class="userVerifyLiInput usersignInput" type="text" placeholder="验证码" maxlength="5"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
<button class="userVerifyLiInputBtn btnHover">发送验证码</button>
</li>
<li class="permitSign usersignLi">
<input id="permitSign" class="permitSignIcon" type="checkbox">
<label for="permitSign"></label>
<span class="permitSignMsg">我已阅读并接受用户协议</span>
<p class="errorTit" id="errorTitLogin"></p>
</li>
<li class="btnUsersignLi usersignLi">
<button id="signBtn" class="btnUsersign btnHover">注册</button>
</li>
<p class="loginBtnBox">
<span>已有账号,去</span>
<a id="skipLoginBtn" class="loginBtn" href="javascript: void(0)">登录</a>
</p>
</ul>
</div>
</div>
<!--登录-->
<div class="userSignBox" id="userLoginBox" style="display: none" >
<div class="usersign userLogin" id="userLogin">
<a href="javascript: void(0)" id="userLoginA" class="usersignA iconfont">&#xe638;</a>
<ul>
<li class="usersignTit">登录</li>
<li class="usersignNameLi usersignLi">
<input id="loginName" class="usersignInput" type="text" placeholder="手机/用户名/邮箱" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
</li>
<li class="userPassWordLi usersignLi">
<input id="loginPassWord" class="userPassWordInput usersignInput" type="password" placeholder="密码" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
</li>
<p class="forgetPasswordBtn" id="forgetPasswordBtn">
忘记密码
</p>
<li class="btnUsersignLi usersignLi">
<button class="btnUsersign btnHover" id="userLoginBtn">提交</button>
<p class="errorTit" id="errorTitSign"></p>
</li>
<p class="forgetPasswordBtn nowSignBtn" id="nowUserSign">
新用户注册
</p>
<li class="openidOauthBox">
<p class="openidOauth openidOauth2" id="openWeixin">
<span class="weChatLogin iconfont">&#xe61e;</span>
<span class="openidOauthTit">微信</span>
</p>
<p class="openidOauth openidOauth1" id="openQQ">
<span class="weChatLogin iconfont">&#xe605;</span>
<span class="openidOauthTit">QQ</span>
</p>
<p class="openidOauth" id="openWeibo">
<span class="iconfont weChatLogin">&#xe6eb;</span>
<span class="openidOauthTit">微博</span>
</p>
</li>
</ul>
</div>
</div>
<!--删除弹框-->
<div class="userSignBox" id="removeHandlerBox" style="display: none;">
<div class="usersign removeHandler" id="removeHandler">
<a href="javascript: void(0)" id="removeHandlerA" class="usersignA iconfont">&#xe638;</a>
<div class="removeHandlerContent">
确定删除吗?
</div>
<div class="removeHandlerBtn">
<button class="removeConfirm btnHover" id="removeConfirm">确定</button>
<button class="removeCancel" id="removeCancel">取消</button>
</div>
</div>
</div>
<!--warn提示信息-->
<div class="warnHintBox" id="warnHintBox">
<a href="javascript: void(0)" class="warnHintA iconfont" id="warnHintA">&#xe638;</a>
<p class="warnHintContent" id="warnHintContent"></p>
</div>
<!--修改信息输入框-->
<div class="userSignBox" id="updateInputShade">
<div class="updateInputBox">
<a href="javascript: void(0)" class="warnHintA iconfont" id="updateInputBoxA">&#xe638;</a>
<div class="updateInputContent">
<span class="updateInputText" id="updateInputText">请输入新密码 :</span>
<input type="text" class="updateInput" id="updateInput">
<div class="removeHandlerBtn">
<button class="removeConfirm btnHover" id="updateInputYes">确定</button>
<button class="removeCancel" id="updateInputNo">取消</button>
</div>
</div>
</div>
</div>
<!--创建用户1级-->
<div class="userSignBox" id="createUserAccountBox">
<div class="usersign createUserHandler" id="createUserAccount">
<a href="javascript: void(0)" class="warnHintA iconfont" id="createUserBoxA">&#xe638;</a>
<div class="removeHandlerContent createUserTit">
请选择添加用户的角色:
</div>
<div class="">
<select class="createUserRole" name="createUserRole" id="createUserRole">
<option value="0">老师</option>
<option value="1">兼课</option>
</select>
</div>
<div class="removeHandlerBtn">
<button class="removeConfirm btnHover" id="createUserYes">确定</button>
<button class="removeCancel" id="createUserNo">取消</button>
</div>
</div>
</div>
</div>
<div class="footerBg">
<div class="footer">
... ... @@ -1172,124 +1410,6 @@
</div>
</div>
</div>
<!--注册-->
<div class="userSignBox" id="userSignBox" style="display: none">
<div class="usersign" id="usersign">
<a href="javascript: void(0)" id="usersignA" class="usersignA iconfont">&#xe638;</a>
<ul>
<li class="usersignTit">注册</li>
<li class="usersignLi">
<input id="signName" class="userNameInput usersignInput" type="text" placeholder="填写用户名" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
</li>
<li class="usersignNameLi usersignLi">
<input id="signPhone" class="userPhoneInput usersignInput" type="text" placeholder="填写手机号" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
<span class="requiredMsg">*</span>
</li>
<li class="usersignLi">
<input id="signMail" class="userMailInput usersignInput" type="text" placeholder="填写邮箱" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
</li>
<li class="usersignNameLi usersignLi">
<input id="signPassWord" class="userPassWordInput usersignInput" type="password" placeholder="设置密码" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
<span class="requiredMsg">*</span>
</li>
<li class="userVerifyLi usersignLi">
<input id="securityCode" class="userVerifyLiInput usersignInput" type="text" placeholder="验证码" maxlength="5"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
<button class="userVerifyLiInputBtn btnHover">发送验证码</button>
</li>
<li class="permitSign usersignLi">
<input id="permitSign" class="permitSignIcon" type="checkbox">
<label for="permitSign"></label>
<span class="permitSignMsg">我已阅读并接受用户协议</span>
<p class="errorTit" id="errorTitLogin"></p>
</li>
<li class="btnUsersignLi usersignLi">
<button id="signBtn" class="btnUsersign btnHover">注册</button>
</li>
<p class="loginBtnBox">
<span>已有账号,去</span>
<a id="skipLoginBtn" class="loginBtn" href="javascript: void(0)">登录</a>
</p>
</ul>
</div>
</div>
<!--登录-->
<div class="userSignBox" id="userLoginBox" style="display: none" >
<div class="usersign userLogin" id="userLogin">
<a href="javascript: void(0)" id="userLoginA" class="usersignA iconfont">&#xe638;</a>
<ul>
<li class="usersignTit">登录</li>
<li class="usersignNameLi usersignLi">
<input id="loginName" class="usersignInput" type="text" placeholder="手机/用户名/邮箱" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
</li>
<li class="userPassWordLi usersignLi">
<input id="loginPassWord" class="userPassWordInput usersignInput" type="password" placeholder="密码" maxlength="20"
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')">
</li>
<p class="forgetPasswordBtn" id="forgetPasswordBtn">
忘记密码
</p>
<li class="btnUsersignLi usersignLi">
<button class="btnUsersign btnHover" id="userLoginBtn">提交</button>
<p class="errorTit" id="errorTitSign"></p>
</li>
<p class="forgetPasswordBtn nowSignBtn" id="nowUserSign">
新用户注册
</p>
<li class="openidOauthBox">
<p class="openidOauth openidOauth2" id="openWeixin">
<span class="weChatLogin iconfont">&#xe61e;</span>
<span class="openidOauthTit">微信</span>
</p>
<p class="openidOauth openidOauth1" id="openQQ">
<span class="weChatLogin iconfont">&#xe605;</span>
<span class="openidOauthTit">QQ</span>
</p>
<p class="openidOauth" id="openWeibo">
<span class="iconfont weChatLogin">&#xe6eb;</span>
<span class="openidOauthTit">微博</span>
</p>
</li>
</ul>
</div>
</div>
<!--删除弹框-->
<div class="userSignBox" id="removeHandlerBox" style="display: none;">
<div class="usersign removeHandler" id="removeHandler">
<a href="javascript: void(0)" id="removeHandlerA" class="usersignA iconfont">&#xe638;</a>
<div class="removeHandlerContent">
确定删除吗?
</div>
<div class="removeHandlerBtn">
<button class="removeConfirm btnHover" id="removeConfirm">确定</button>
<button class="removeCancel" id="removeCancel">取消</button>
</div>
</div>
</div>
<!--warn提示信息-->
<div class="warnHintBox" id="warnHintBox">
<a href="javascript: void(0)" class="warnHintA iconfont" id="warnHintA">&#xe638;</a>
<p class="warnHintContent" id="warnHintContent"></p>
</div>
<!--修改信息输入框-->
<div class="userSignBox" id="updateInputShade">
<div class="updateInputBox">
<a href="javascript: void(0)" class="warnHintA iconfont" id="updateInputBoxA">&#xe638;</a>
<div class="updateInputContent">
<span class="updateInputText" id="updateInputText">请输入新密码 :</span>
<input type="text" class="updateInput" id="updateInput">
<div class="removeHandlerBtn">
<button class="removeConfirm btnHover" id="updateInputYes">确定</button>
<button class="removeCancel" id="updateInputNo">取消</button>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
... ...
... ... @@ -43,11 +43,11 @@ const adminList = `<tr align="center" bgcolor="#FFFFFF" height="44" bordercolor=
<td width="18%" class="tr_main">{_time}</td>
<td width="4%" class="tr_main">{_onlineLen}</td>
<td width="20%" class="tr_main tr_mainRight" align="center" >
<a id="{_DocInd}" class="classHandlePort" href="#">文档</a>
<a id="{_mediaInd}" class="classHandlePort" href="">多媒体</a>
<a id="{_musicInd}" class="classHandlePort" href="">伴音</a>
<a id="{_updateInd}" class="classHandlePort" href="">修改</a>
<a id="{_removeInd}" class="classHandlePort" href="">删除</a>
<a id="{_DocInd}" class="classHandlePort" href="###">文档</a>
<a id="{_mediaInd}" class="classHandlePort" href="###">多媒体</a>
<a id="{_musicInd}" class="classHandlePort" href="###">伴音</a>
<a id="{_updateInd}" class="classHandlePort" href="###">修改</a>
<a id="{_removeInd}" class="classHandlePort" href="###">删除</a>
<a id="{_joinInd}" class="classHandlePort" data="{_esenglish}" href="###">加入课堂</a>
</td>
</tr>
... ...
... ... @@ -14,6 +14,7 @@ class CreateClassApe extends Ape {
constructor() {
super();
this.classDateList = {};//创建课堂信息
this.isLocalStorage();
this.addEvent();
this.init();
}
... ... @@ -25,21 +26,23 @@ class CreateClassApe extends Ape {
//默认显示当前时间戳
this._showPresentTime();
$('#createClassBtn').on('click',this._createClassBtnHandler.bind(this));
// $('#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));//关闭创建课堂
$('#createClassSubmit1').on('click',this._createClassSubmit1Handler.bind(this));//创建课堂第一步
$('#createClassUpOne').on('click',this._createClassUpHandler.bind(this));//创建课堂第一步
$('#createClassUpOne').on('click',this._createClassUpHandler.bind(this));//创建课堂第一步 返回
$('#createClassSubmit2').on('click',this._createClassSubmit2Handler.bind(this));//创建课堂第二步
$('#createClassUpTwo').on('click',this._createClassUpTwoHandler.bind(this));//创建课堂第二步
$('#createClassUpTwo').on('click',this._createClassUpTwoHandler.bind(this));//创建课堂第二步 返回
$('#createClassSubmit3').on('click',this._createClassSubmit3Handler.bind(this));//创建课堂第三步
$('#openParamBtn').on('click',this._openParamBtnHandler.bind(this));//打开更多参数
//用户管理
$('#addUserBtn').on('click',this._addUserBtnHandler.bind(this));//创建用户按钮
$('#createUserYes').on('click',this._createUserYesHandler.bind(this));//进入创建用户界面
//日历插件
this._dateUI();
}
... ... @@ -47,6 +50,14 @@ class CreateClassApe extends Ape {
addEvent() {
}
isLocalStorage(){
let newDate = new Date();
let ysar = newDate.getFullYear();
let month = newDate.getMonth()+1;//月
let date = newDate.getDate();//日
}
_showPresentTime(){
let newDate = new Date();
let month = (newDate.getMonth()+1)<10?'0'+(newDate.getMonth()+1):(newDate.getMonth()+1);
... ... @@ -63,16 +74,85 @@ class CreateClassApe extends Ape {
}
_recordLiHandler(evt){
$(evt.currentTarget).addClass('recordLiCheck').siblings().removeClass('recordLiCheck');
let ind = $(evt.currentTarget).attr('data');
loger.log('=',ind)
switch (parseInt(ind)){
case 0:
//首页
$('#addUserBtn').hide();
break;
case 1:
//创建课堂
this._createClassBtnHandler();
break;
case 2:
//班级管理
break;
case 3:
//用户管理
this.userAdminHandler();
break;
case 4:
//约课管理
break;
case 5:
//录制管理
break;
case 6:
//站点配置
break;
case 7:
//统计报告
break;
case 8:
//个人设置
break;
}
}
_liveInfoLeftLiHandler(evt){
$(evt.currentTarget).addClass('liveInfoLeftLiCheck').siblings().removeClass('liveInfoLeftLiCheck');
}
_createClassBtnHandler(evt){
_createClassBtnHandler(){
$('#createClassBox').show();
$('#scheduleForm1').show();
$('#scheduleForm2').hide();
$('#teacherDetailBox').hide();
$('#lanclassBox').hide();
//获取第一步中老师列表
this.allotSpeaker();
}
//用户管理
userAdminHandler(){
$('#addUserBtn').show();
}
//获取第一步中老师列表
allotSpeaker(){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/users/getUser';
loger.log(ClassDataProxy.siteId,'获取第一步中老师列表')
let dateList = {
siteId : ClassDataProxy.siteId
// userType : 1
}
let that = this;
$.ajax({
type : "POST",
url : _url,
data : dateList,
timeout:5000,
headers: {'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
//获取课堂数据
loger.log(_data,'获取第一步中老师列表')
if(_data || _data.code == 0){
// that._enterClass(_data.returnData.data);
}
},
error:function(error){
console.log(error,'失败')
}
})
}
_closeClassHandler(){
$('#createClassBox').hide();
... ... @@ -249,6 +329,15 @@ class CreateClassApe extends Ape {
$('#chatInterval').val('0');
$('#aheadTime').val('0');
}
//用户管理
_addUserBtnHandler(){
$('#createUserAccountBox').show();
}
_createUserYesHandler(){
$('#createUserAccountBox').hide();
$('#createUserBox').show();
}
_dateUI(){
//执行一个laydate实例
dateUI.render({
... ... @@ -266,6 +355,10 @@ class CreateClassApe extends Ape {
dateUI.render({
elem: '#createClassEndTime' //指定元素
});
//执行一个laydate实例
dateUI.render({
elem: '#createUserAbortTime' //指定元素
});
}
}
export default CreateClassApe;
\ No newline at end of file
... ...
... ... @@ -18,6 +18,11 @@ class ErrorApe extends Ape {
init(){
//警告框warn 关闭事件
$('#warnHintA').on('click',this._hideWarnError.bind(this));
$('#createUserNo').on('click',this._createUserNoHandler.bind(this));//取消创建用户
$('#createUserBoxA').on('click',this._createUserNoHandler.bind(this));//取消创建用户
$('#createUserCancel').on('click',this._closeCreateUserHandler.bind(this));//取消创建用户
$('#createUserA').on('click',this._closeCreateUserHandler.bind(this));//取消创建用户
}
_hideWarnError(){
clearTimeout(this._isTime);
... ... @@ -49,7 +54,12 @@ class ErrorApe extends Ape {
$('#warnHintBox').hide();
},time)
}
_createUserNoHandler(){
$('#createUserAccountBox').hide();
}
_closeCreateUserHandler(){
$('#createUserBox').hide();
}
}
ErrorApe.prototype.TYPE_1=ErrorApe.TYPE_1=1;//兼容直播课堂的浏览器
ErrorApe.prototype.TYPE_2=ErrorApe.TYPE_2=2;//兼容录制回放的浏览器
... ...
... ... @@ -306,6 +306,7 @@ class LoginOrRegister extends Ape {
ClassDataProxy.token =_data.returnData.data.token
ClassDataProxy.status = true;
ClassDataProxy.id = _data.returnData.data.id;
ClassDataProxy.siteId = _data.returnData.data.siteId;
ClassDataProxy.monicker = _data.returnData.data.userName;
ClassDataProxy.userEmail = _data.returnData.data.userEmail;
... ... @@ -317,6 +318,7 @@ class LoginOrRegister extends Ape {
window.localStorage.setItem("token", ClassDataProxy.token );
window.localStorage.setItem('status', ClassDataProxy.status);
window.localStorage.setItem('id', ClassDataProxy.id);
window.localStorage.setItem('siteId', ClassDataProxy.siteId);
window.localStorage.setItem('monicker', ClassDataProxy.monicker);
window.localStorage.setItem('userEmail', ClassDataProxy.userEmail);
... ...
... ... @@ -24,6 +24,7 @@ class MyCenterApe extends Ape {
super();
this.isLocalStorage();
this.data = 0;
this._curriculumInfo();
this.addEvent();
this.init();
}
... ... @@ -48,6 +49,27 @@ class MyCenterApe extends Ape {
addEvent() {
}
_curriculumInfo(){
let _url = ClassDataProxy.locationProtocol + ClassDataProxy.locationProt + '/meeting/getMeeting';
let that = this;
$.ajax({
type: "POST",
url: _url,
timeout:5000,
data:{siteId:'markettest',loginName:'market'},
headers: {siteId:'markettest',
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
loger.log(_data,'个人中心用户列表数据')
//获取课堂数据
//that._gainClassData(_data);
},
error:function(error){
//alert('直播数据获取失败')
loger.log(error,'直播数据获取失败')
}
})
}
isLocalStorage(){
$('#teacherMyCenterName').text(ClassDataProxy.loginName);
$('.myCenterContentBox').eq(0).show();
... ... @@ -89,6 +111,8 @@ class MyCenterApe extends Ape {
return;
}
}
//提交用户信息修改
_accountInfoSaveBtnHandler(){
let id = ClassDataProxy.id;//id
... ... @@ -186,11 +210,14 @@ class MyCenterApe extends Ape {
}
_myCenterBoxHandler(){
loger.log(ClassDataProxy.userType)
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_2){
return;
}
if(ClassDataProxy.userType == ClassDataProxy.USER_TYPE_8){
$('#slideshow').hide();
$('#defaultBox').hide();
$('#classifyListBox').hide();
$('#lanclassBox').hide();
}
$('#myCenterBox').show();
}
... ...
//*
// 首页模块
// 收藏预约模块
// */
import Loger from "../Loger";
... ... @@ -47,6 +47,7 @@ class SubscribeApe extends Ape {
'token':'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IlhXQnJlRU00T0swYTVqUUIyUTFicGtObHlxOUFWbXZkIiwibmFtZSI6ImFkbWluIiwiY29kZSI6MSwiaWF0IjoxNTAzNDUxODU0LCJleHAiOjIyODEwNTE4NTR9.3kTVzKd_jbP7l69nxOpNaFeSjVnnjZkagYMzRB8fjNo'},
success:function(_data){
let arr = ['收藏成功!','预约成功!','报名成功!']
loger.log(_data,'预约信息')
//获取课堂数据
if(_data && _data.code == 200){
loger.log(_data,'预约信息')
... ...
... ... @@ -38,7 +38,7 @@ let _subscribeApe;
class Main {
constructor() {
this.clientVersion="v1.6.7.20170904";
this.clientVersion="v1.6.8.20170904";
loger.warn("clientVersion:"+this.clientVersion);
let locationProtocol= location.protocol;
... ... @@ -181,6 +181,7 @@ class Main {
let userType = window.localStorage.getItem('userType')||0;
let loginName = window.localStorage.getItem('loginName')|| '';
let id = window.localStorage.getItem('id')|| '';
let siteId = window.localStorage.getItem('siteId')|| '';
let userMobile = window.localStorage.getItem('userMobile')|| '';
let userEmail = window.localStorage.getItem('userEmail')|| '';
... ... @@ -189,6 +190,7 @@ class Main {
ClassDataProxy.userType = parseInt(userType);
ClassDataProxy.loginName = loginName;
ClassDataProxy.id = id;
ClassDataProxy.siteId = siteId;
//个人信息
ClassDataProxy.userMobile = userMobile;
ClassDataProxy.userEmail = userEmail;
... ... @@ -226,7 +228,10 @@ class Main {
$('#header_seek').hide();
$('#androidDownload').hide();
$('#classManagementBox').show();
$('#teacherDetailBox').hide();
$('#myCenterBox').hide();
$('#lanclassBox').hide();
$('#classifyListBox').hide();
}
_teacherHome(){
$('#slideshow').hide();
... ...
... ... @@ -227,7 +227,7 @@ ClassDataProxy.password =""
ClassDataProxy.token ="";
ClassDataProxy.status = false;
ClassDataProxy.id = '';
ClassDataProxy.siteId = '';
ClassDataProxy.userMobile = '';
ClassDataProxy.userEmail = '';
ClassDataProxy.monicker = "";
... ...