123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241 |
- $(function(){
- var searchVal=window.location.search;
- if(searchVal && searchVal!=''){
- var tag=searchVal.indexOf("id=");
- if(tag>=0){
- var idArr=searchVal.split("=");
- var active_id=idArr[1];
- preLoadingInit();
- getCourseDetailData(active_id);
- }
- }
- })
- function preLoadingInit(){
- var clientHeight=$(window).height();
- var loadingheight=clientHeight-100;
- var text='<div style="height:'+loadingheight+'px;">'
- +'<div class="col-sm-2">'
- +'<div class="sp sp-circle"></div>'
- +'<h5 class="preloading">努力加载中...</h5>'
- +'</div>'
- +'</div>';
- $("#root").html(text);
- }
- function getCourseDetailData(target){
- var totalURL=gobalData.link;
- var requestURL=totalURL.course_detail;
- $.ajax({
- url:requestURL,
- type:'POST',
- dataType:'json',
- data:{
- spec_id:target
- },
- success:function(res){
- if(res.code=='1'){
- var _data=res.data;
- courseDetailInit(target,_data);
- }
- }
- });
- }
- function courseDetailInit(target,data){
- $("#root").empty();
- var deatilBrief='';
- if(data.brief!=''){
- deatilBrief=data.brief;
- }else{
- deatilBrief='<div style="width:100%;text-align:center;font-size:14px;color:#606266;">暂无简介</div>';
- }
- //console.log(data);
-
- var text='<div style="padding-bottom:10px;border-bottom:solid #DCDFE6 1px;">'
- +'<div style="margin-bottom:5px;width:100%;height:160px;border:solid #EBEEF5 1px;">'
- +'<img src="'+data.course_img+'" alt="" style="width:100%;height:100%;"/>'
- +'</div>'
- +'<div class="courseInfoItem">课程名称:'+data.course_name+'</div>'
- +'<div class="courseInfoItem">责任教师:'+data.teacher_name+'</div>'
- +'<div class="courseInfoItem">单位机构:'+data.teacher_organization+'</div>'
- +'</div>'
- //团队
- +'<div style="padding-bottom:10px;border-bottom:solid #DCDFE6 1px;">'
- +'<div style="font-size:14px;color:#303133;padding-top:10px;">课程安排</div>'
- +'<div style="width:100%;font-size:14px;color:#303133;padding:10px 0px 5px 0px;">'
- +'<table id="companyModel" border style="width:100%;">'
- +'<tr style="width:100%;">'
- +'<td style="width:15%;text-align:center;">时间</td>'
- +'<td style="width:60%;text-align:center;">授课内容</td>'
- +'<td style="width:25%;text-align:center;">授课教师</td>'
- +'</tr>'
- +'</table>'
- +'</div>'
- +'</div>'
- //内容简介
- +'<div style="padding:10px 0px 10px 0px;border-bottom:solid #DCDFE6 1px;font-size:14px;color:#606266;">'
- +deatilBrief
- +'</div>'
- //章节显示
- +'<div id="chapterModel" style="padding-top:5px;">'
- //+chapterText
- +'<div style="clear:both;"></div>'
- +'</div>'
- +'<div style="clear:both;"></div>';
- $("#root").html(text);
- getCompanyData(target);
- getChapterData(target);
-
- $("#closeVideo").on("tap",function(){
- $("#videoModel").empty();
- $("#closeVideo").hide();
- $("#videoModelWrapper").css({
- height:'0px'
- });
- });
- }
- function getChapterData(target){
- var totalURL=gobalData.link;
- var requestURL=totalURL.course_chapter;
- $.ajax({
- url:requestURL,
- type:'POST',
- dataType:'json',
- data:{
- spec_id:target,
- page:1,
- limit:10000
- },
- success:function(res){
- if(res.code=='1'){
- var _data=res.data;
- var text='';
- var len=_data.length;
- gobalData.chapterData=_data;
- if(len>0){
- for(var i=0;i<len;i++){
- var num=i+1;
- var chapterItem=_data[i];
- var chapterTitle=chapterItem.zj_name;
- text+='<div style="width:50%;float:left;padding:5px 0px 5px 0px;">'
- +'<div id="chapterItem_'+chapterItem.zj_id+'" '
- +'onclick="handleChapterItem(chapterItem_'+chapterItem.zj_id+')"'
- +'style="width:96%;margin:0 auto;">'
- +'<div style="width:100%;height:100px;border:solid #DCDFE6 1px;">'
- +'<img src="'+chapterItem.zj_img+'" alt="" '
- +'style="width:100%;height:100px;"/>'
- +'</div>'
- +'<div style="padding-top:5px;font-size:13px;color:#606266;">'
- +chapterTitle
- +'</div>'
- +'</div>'
- +'</div>';
- if(num%2==0){
- text+='<div style="clear:both;"></div>';
- }
-
- if(i==len-1){
- $("#chapterModel").append(text);
- }
- }
- }else{
- gobalData.chapterLoading = false;
- text='<div style="width:100%;text-align:center;font-size:14px;color:#606266;padding-top:10px;">'
- +'暂无章节'
- +'</div>';
- $("#chapterModel").append(text);
- }
-
- }
- }
- });
- }
- function getCompanyData(target){
- var totalURL=gobalData.link;
- var requestURL=totalURL.course_company;
- $.ajax({
- url:requestURL,
- type:'POST',
- dataType:'json',
- data:{
- spec_id:target,
- data_type:"json",
- page:1,
- limit:10000
- },
- success:function(res){
- if(res.code=='1'){
- var _data=res.data;
- var len=_data.length;
- var text='';
- if(len>0){
- for(var i=0;i<len;i++){
- var item=_data[i];
- text+='<tr style="width:100%;font-size:13px;color:#606266;">'
- +'<td style="width:15%;text-align:center;">'+item.name+'</td>'
- +'<td style="width:60%;text-align:center;">'+item.organization+'</td>'
- +'<td style="width:25%;text-align:center;">'+item.subject+'</td>'
- +'</tr>';
- if(i==len-1){
- $("#companyModel").append(text);
- }
- }
- }else{
- text='<tr style="width:100%;font-size:13px;color:#606266;">'
- +'<td colspan=3 align="center">'
- +'暂无数据'
- +'</td>'
- +'</tr>';
- $("#companyModel").append(text);
- }
- }
- }
- });
- }
- function handleChapterItem(target){
- var _id=target.id;
- var tag=_id.indexOf("_");
- if(tag>=0){
- var _idArr=_id.split("_");
- var activeId=_idArr[1];
- var _chapterData=gobalData.chapterData;
- for(var i in _chapterData){
- var item=_chapterData[i];
- if(item.zj_id==activeId){
- //console.log(item);
- $("#videoModel").empty();
- var videoLink=item.zj_video;
- var _videoLink=videoLink.trim();
- if(_videoLink!=''){
- var text='<video controls="controls" controlsList="nodownload" '
- +'x5-video-player-type="h5" x5-video-orientation="landscape"'
- +'poster="'+item.zj_img+'"'
- +'style="width:100%;height:100%;">'
- +'<source src="'+_videoLink+'" type="video/mp4">'
- +'您的浏览器不支持Video'
- +'</video>';
-
- var clientHeight=$(window).height();
- $("#videoModelWrapper").css({
- height:clientHeight+'px'
- });
- $("#videoModel").append(text);
- $("#closeVideo").show();
- //mui('#popover').popover('show');
- }else{
- mui.toast('此章节暂无视频',{ duration:'short', type:'div' });
- }
-
- }
- }
- }
- }
|