wlyy2.0/edu-article/JkEduWeb/WebRoot/web/jkEdu/js/articleList.js

 var userId;
 if(isNull(userId)){
	  userId=getUserInfo().uid;
  }
 var articleCategoryIds="";
 var pageIndex=0;
 var pageSize = 10;
 var articleCategoryId;
 var CON_ARTICLE="ALL";
 var behavior=4;//浏览类型
$(function(){
	myLayer.load("加载中，请稍后");
	initUserSubscribe();//加载导航菜单信息
	// 底部菜单栏
	$('.index-bot').on('click','div',function(){
		var names = $(this).data('name'),
			sibname = $(this).siblings().data('name');
		$(this).addClass('curr').siblings().removeClass('curr');
		$('.'+names).removeClass('c-hide');
		$('.'+sibname).addClass('c-hide');
		 myLayer.load("加载中，请稍后");
		if(names == 'dingyue' ){
			 myLayer.load("加载中，请稍后");
	         initUserSubscribe();//加载导航菜单信息	
		}else if(names == 'shoucang'){
			 myLayer.load("加载中，请稍后");
	         initUserScSubscribe();//加载收藏导航菜单信息		
		}
	});
	 // 收藏按钮
	$('.shoucang-box').off().on('click',function(e){
		e.stopPropagation();
		var ck = $(this).hasClass('active'),
		    con = '<i class="iconfont icon-shoucang c-f22 c-fff ml15 mr5 c-vam"></i>';
		if(ck) {
			$(this).removeClass('active');
			myLayer.alert(con + '<span class="c-f15 c-vam mr15">取消收藏</span>','2000');

		}else {
			$(this).addClass('active');
			myLayer.alert(con + '<span class="c-f15 c-vam mr15">收藏成功</span>','2000');
		}
	});
})
 /*****************************************订阅开始************************************************************/
function initUserSubscribe(){//查询订阅一级类别
         var url= jkzl.common.path+"/subscribe/querySubscribeByUserId";
		 var param = {};
		 param.userId=userId;
		 sendPost(url,param, "json", "post", initUserSubscribeFailed, initUserSubscribeSuccess);	
}
function initUserSubscribeFailed(res) {//失败处理
		    myLayer.clear();
			if (res && res.Message) {
				 myLayer.alert(res.Message);  
			} else {
				 myLayer.alert("请求失败,请重新刷新页面"); 
			}
	}
function initUserSubscribeSuccess(res) {//成功处理
	       articleCategoryIds="";
			if (res.Code == 10000) {
				if(res.Result.result){
				  var result=res.Result.result;
				  if(result.length == 0){
					  window.location.href='subscribe.html';
				   }else{
				  $("#artcle_dy_index").html('');
				  articleCategoryIds="";
				  var htmlstr ="<li id='article_all' class='curr' onClick='javascript:queryIndexAricle(\""+CON_ARTICLE+"\")' >全部</li>";
				  for(var i=0;i<result.length;i++){
					     articleCategoryIds +=result[i].categoryid+",";
						 htmlstr +="<li id="+result[i].categoryid+" onClick='javascript:queryIndexAricle("+result[i].categoryid+")'>"+result[i].categoryname+"</li>"; 
				   }
				  $("#artcle_dy_index").append(htmlstr);
				  articleCategoryIds=articleCategoryIds.substring(0,articleCategoryIds.length-1);
			      initUserArticle(articleCategoryIds,0); //加载文章列表
				   }
				}
			  
			  myLayer.clear();
			} else {
				initUserSubscribeFailed(res);
			}
		}
function queryIndexAricle(index){//订阅大类查询不同文章
	if(index == CON_ARTICLE){
	  $("#article_all").addClass('curr').siblings().removeClass('curr');
	  var _this =$("#article_all"),
		    wWidth = _this.parent().width(),
			sLeft = _this.parent().scrollLeft(),
			tLeft = _this.position().left;
		if(tLeft > wWidth/2) {
			$(".index-lab ul").animate({
					'scrollLeft': sLeft + _this.innerWidth() + 20
			}, 300);
		}else {
			$(".index-lab ul").animate({
					'scrollLeft': sLeft - _this.innerWidth() - 20
			}, 300);
		}
	    initUserArticle(articleCategoryIds,0); 
	}else{
	 $("#"+index).addClass('curr').siblings().removeClass('curr');	
	  var _this =  $("#"+index),
		    wWidth = _this.parent().width(),
			sLeft = _this.parent().scrollLeft(),
			tLeft = _this.position().left;

		if(tLeft > wWidth/2) {
			$(".index-lab ul").animate({
					'scrollLeft': sLeft + _this.innerWidth() + 20
			}, 300);
		}else {
			$(".index-lab ul").animate({
					'scrollLeft': sLeft - _this.innerWidth() - 20
			}, 300);
		}
	   initUserArticle(index,0);
	}
	
}
function initUserArticle(AcId,index){//订阅文章列表
	    pageIndex=index;
		articleCategoryId=AcId;
        var url= jkzl.common.path+"/article/queryArticleList";
		var param = {};
		param.pageIndex=index;
		param.pageSize=pageSize;
		param.articleCategoryId=AcId;
	    sendPost(url,param, "json", "post", initUserArticleFailed, initUserArticleSuccess);		
}
function initUserArticleFailed(res) {//失败处理
		myLayer.clear();
			if (res && res.Message) {
				 $("#artcle_dy_content").html('');
				 var htmlstr =" <div id='gxqwz' class='norecord nodata'> <i class='icon-nopast'></i>";	
		             htmlstr +="<p>看看其他感兴趣的文章吧</p></div>";
		            $("#artcle_dy_content").append(htmlstr);
				    myLayer.alert(res.Message);  
			} else {
				 $("#artcle_dy_content").html('');
				  var htmlstr =" <div id='gxqwz' class='norecord  nodata'> <i class='icon-nopast'></i>";	
		              htmlstr +="<p>看看其他感兴趣的文章吧</p></div>";
		        $("#artcle_dy_content").append(htmlstr);
				 myLayer.alert("请求失败,请重新刷新页面"); 
			}
	}
function initUserArticleSuccess(res) {//成功处理
			if (res.Code == 10000) {
				 var checked= $("#artcle_dy_content").find('div').hasClass("ckgd");
					 if(checked){
					   $("#articlepage").remove();	  
					}
				 var total = res.Count;
		         if(total==0 || res.Result.length==0){//没有数据情况
				   $("#artcle_dy_content").html('');
			        var htmlstr =" <div id='gxqwz' class='norecord nodata'> <i class='icon-nopast'></i>";	
				     htmlstr +="<p>看看其他感兴趣的文章吧</p></div>";
				     $("#artcle_dy_content").append(htmlstr);
					 myLayer.clear();
		          }
				if(res.Result && total>0){
					 if(pageIndex == 0){
						 $("#artcle_dy_content").html(''); 
					 }else{
					  var nochecked= $("#artcle_dy_content").find('div').hasClass("nodata");
					   if(nochecked){
					     $("#gxqwz").remove();	  
					   }
					 }
				     var result=res.Result;
				     var htmlstr ="<ul class='index-list'>";
				  for(var i=0;i<result.length;i++){
					     htmlstr +="<li><a href='javascript:queryArticleDetail(\""+result[i].articleId+"\")' class='list-a'>";
						 htmlstr +=" <div class='ilist-con'><h4 class='c-nowrap-multi'>";
						 if(result[i].articleType == 1){
						  htmlstr +="<i class='ilstate st-blue'><i>视频</i></i>"+result[i].articleTitle+"</h4>";
						}
						if(result[i].articleType == 2){
						  htmlstr +="<i class='ilstate st-org'><i>图文</i></i>"+result[i].articleTitle+"</h4>";
						}
						if(result[i].articleType  == 3){
						  htmlstr +="<i class='ilstate st-radio'><i>音频</i></i>"+result[i].articleTitle+"</h4>";
						}
						if(result[i].articleType  == 4){
						  htmlstr +="<i class='ilstate st-qa'><i>问答</i></i>"+result[i].articleTitle+"</h4>";
						}
					   htmlstr +="<ul class='clearfix'>";
					   htmlstr +="<li class='fl width-33'><i class='iconfont icon-xianshikejian c-f16'></i><em>"+result[i].browseNumber+"</em></li>";
					   htmlstr +="<li class='fl width-33'><i class='iconfont icon-zan1 c-f10'></i><em>"+result[i].pointNumber+"</em></li>";
					   htmlstr +="<li class='fl width-33'><i class='iconfont icon-bianji c-f12'></i><em>"+result[i].commentNumber+"</em></li>";
					   htmlstr +="</ul></div><div class='ilist-img'><img src="+result[i].articleCover+"  alt='' /></div></a></li>";
				   }
				   if((pageIndex+1) * pageSize < total){
				   htmlstr +="</ul><div id='articlepage'  class='c-t-center ptb10 ckgd'><a href='javascript:queryArticlePage()' class='c-f12 c-aaa'>查看更多</a> </div>";
				   }else{
					htmlstr +="</ul><div id='articlepage' class='c-t-center ptb10 ckgd'><a class='c-f12 c-aaa'>已全部加载</a> </div>";   
					}
				  $("#artcle_dy_content").append(htmlstr);
				}
			  myLayer.clear();
			} else {
				initUserArticleFailed(res);
			}
}
function queryArticlePage(){//文章分页
	   	pageIndex++;
		initUserArticle(articleCategoryId,pageIndex);
}
function queryArticleDetail(aid){
	window.location.href="articleDetail.html?articleId="+aid+"&behavior="+behavior;
}
//展开收起栏目
function columnHide(){
	$('.lab-more').removeClass('ashow');
	$('.more-choo').slideUp(200);
	$('.more-choo-mb').fadeOut(200);
}
$('.c-main').on('click','.lab-more',function(){
	var show = $(this).hasClass('ashow');
	if(show){
		columnHide();
	}else{
		$(this).addClass('ashow');
		$('.more-choo').slideDown(200);
		$('.more-choo-mb').fadeIn(200);
		initAllUserSubscribe();//加载用户订阅大类
	}
	$('.more-choo-mb').click(function(){
		columnHide();
	});
});
function initAllUserSubscribe(){//订阅类别下拉数据加载
	     var url= jkzl.common.path+"/subscribe/querySubscribe";
		 var param = {};
		 param.userId=userId;
		 myLayer.load("加载中，请稍后");
		 sendPost(url,param, "json", "post", initSubscribeFailed, initSubscribeSuccess);		
	
}
function initSubscribeFailed(res){
       	myLayer.clear();
		if (res && res.Message) {
		   myLayer.alert(res.Message);  
		} else {
		 myLayer.alert("请求失败,请重新刷新页面"); 
		}		
}
function initSubscribeSuccess(res){
	if (res.Code == 10000) {
				if(res.Result.result){
				  $("#more_dy_artcle").html('');
				  var result=res.Result.result;
				  var checked=false;
				  var htmlstr ="<h4>订阅频道<span class='c-f12 c-999'>（我们会根据订阅信息为您推荐）</span></h4><div class='mchoo-list clearfix'>";
				  for(var i=0;i<result.length;i++){
					  if(result[i].issubscrive == 0 ){
						  checked=true;
						 htmlstr +="<a  name="+result[i].categoryid+" title="+result[i].categoryname+" class='curr'>"+result[i].categoryname+"</a>";
					  }else{
					    htmlstr +="<a  name="+result[i].categoryid+" title="+result[i].categoryname+">"+result[i].categoryname+"</a>";
					  }
				   }
				   if(checked){
					  htmlstr +="</div><div class='mchoo-btn mt5'><a href='javascript:;' class='inter-btn'>选好了！</a></div>";
					 }else{
				   htmlstr +="</div><div class='mchoo-btn mt5'><a href='javascript:;' class='inter-btn disable'>请选择</a></div>";
					}
				  $("#more_dy_artcle").append(htmlstr);
				}
			  myLayer.clear();
			} else {
				initSubscribeFailed(res);
			}
}

//选择栏目
$('.c-main').on('click','.mchoo-list a',function(){
	$(this).toggleClass('curr');
	var checked = $('.mchoo-list').find('a').hasClass('curr');
	if(checked){
		$('.inter-btn').removeClass('disable').html('选好了！');
	}else{
		$('.inter-btn').addClass('disable').html('请选择');	
	}
});
$('.c-main').on('click','.inter-btn',function(){
	var disable = $('.inter-btn').hasClass('disable');
	if(disable){
		myLayer.alert('请至少选择一个感兴趣的分类','2000');
	}else{
		 
          var morelists =$('.mchoo-list').find('.curr');
		   if(morelists.length>0){
			 myLayer.load("执行中，请稍后");
			 var categoryIds="";
			 var categoryNames="";
		     morelists.each(function (i) { 
               categoryIds +=morelists.eq(i).attr("name")+",";
			   categoryNames +=morelists.eq(i).attr("title")+",";
            });
			categoryIds =categoryIds.substring(0,categoryIds.length-1);
			categoryNames=categoryNames.substring(0,categoryNames.length-1);
			  var url= jkzl.common.path+"/subscribe/saveSubscribe";
		      var param = {};
			  param.userId=userId;
			  param.categoryIds=categoryIds;
			  param.categoryNames=categoryNames;
		      sendPost(url,param, "json", "post", saveSubscribeFailed, saveSubscribeSuccess);	
	    }else{
	     myLayer.alert('请至少选择一个感兴趣的分类','2000');	
	   }
  }
});
function saveSubscribeFailed(res) {
		myLayer.clear();
			if (res && res.Message) {
				 myLayer.alert(res.Message);  
			} else {
				 myLayer.alert("请求失败,请重新刷新页面"); 
			}
}
function saveSubscribeSuccess(res) {
			if (res.Code == 10000) {
				 myLayer.clear();
				 var con = '<div class="plr20 c-f15">'+
				  '<i class="iconfont icon-dagou c-f22 c-fff mr5 c-vam"></i>' +
				  '订阅成功' +
				  '</div>';
                 myLayer.alert(con,'2000');
		         columnHide();
				 initUserSubscribe();//加载导航菜单信息 
			} else {
				saveSubscribeFailed(res);
			}
 }
/*****************************************订阅结束************************************************************/
/*****************************************收藏开始************************************************************/

function initUserScSubscribe(){//查询收藏一级类别
         var url= jkzl.common.path+"/subscribe/querySubscribeByUserId";
		 var param = {};
		 param.userId=userId;
		 sendPost(url,param, "json", "post", initUserScSubscribeFailed, initUserScSubscribeSuccess);	
}
function initUserScSubscribeFailed(res) {//失败处理
		    myLayer.clear();
			if (res && res.Message) {
				 myLayer.alert(res.Message);  
			} else {
				 myLayer.alert("请求失败,请重新刷新页面"); 
			}
	}
function initUserScSubscribeSuccess(res) {//成功处理
	       articleCategoryIds="";
			if (res.Code == 10000) {
				if(res.Result.result){
				  var result=res.Result.result;
				  $("#artcle_sc_index").html('');
				  articleCategoryIds="";
				  var htmlstr ="<li id='article_sc_all' class='curr' onClick='javascript:queryIndexScAricle(\""+CON_ARTICLE+"\")' >全部</li>";
				  for(var i=0;i<result.length;i++){
					     articleCategoryIds +=result[i].categoryid+",";
						 htmlstr +="<li id='"+result[i].categoryid+"_sc'  onClick='javascript:queryIndexScAricle("+result[i].categoryid+")'>"+result[i].categoryname+"</li>"; 
				   }
				  $("#artcle_sc_index").append(htmlstr);
				  articleCategoryIds=articleCategoryIds.substring(0,articleCategoryIds.length-1);
			      initUserScArticle(articleCategoryIds,0); //加载文章列表
				}
			    myLayer.clear();
			
			} else {
				initUserScSubscribeFailed(res);
			}
}
function queryIndexScAricle(index){//收藏大类不同文章
	if(index == CON_ARTICLE){
	  $("#article_sc_all").addClass('curr').siblings().removeClass('curr');
	  var _this =$("#article_sc_all"),
		    wWidth = _this.parent().width(),
			sLeft = _this.parent().scrollLeft(),
			tLeft = _this.position().left;
		if(tLeft > wWidth/2) {
			$(".index-lab ul").animate({
					'scrollLeft': sLeft + _this.innerWidth() + 20
			}, 300);
		}else {
			$(".index-lab ul").animate({
					'scrollLeft': sLeft - _this.innerWidth() - 20
			}, 300);
		}
	   initUserScArticle(articleCategoryIds,0); 
	}else{
	 $("#"+index+"_sc").addClass('curr').siblings().removeClass('curr');	
	  var _this =  $("#"+index+"_sc"),
		    wWidth = _this.parent().width(),
			sLeft = _this.parent().scrollLeft(),
			tLeft = _this.position().left;

		if(tLeft > wWidth/2) {
			$(".index-lab ul").animate({
					'scrollLeft': sLeft + _this.innerWidth() + 20
			}, 300);
		}else {
			$(".index-lab ul").animate({
					'scrollLeft': sLeft - _this.innerWidth() - 20
			}, 300);
		}
	   initUserScArticle(index,0);
	}
	
}
function initUserScArticle(AcId,index){//收藏文章列表
	    pageIndex=index;
		articleCategoryId=AcId;
        var url= jkzl.common.path+"/article/getCollectionArticalList";
		var param = {};
		param.pageIndex=index;
		param.pageSize=pageSize;
		param.articleCategoryId=AcId;
		param.userId=userId;
	    sendPost(url,param, "json", "post", initUserScArticleFailed, initUserScArticleSuccess);		
}
function initUserScArticleFailed(res) {//失败处理
		myLayer.clear();
			if (res && res.Message) {
				 $("#artcle_sc_content").html('');
				 var htmlstr =" <div id='sc_gxqwz' class='norecord nodata'> <i class='icon-nopast'></i>";	
		          htmlstr +="<p>看看其他感兴趣的文章吧</p></div>";
		        $("#artcle_sc_content").append(htmlstr);
				 myLayer.alert(res.Message);  
			} else {
				 $("#artcle_sc_content").html('');
				 var htmlstr =" <div id='sc_gxqwz' class='norecord  nodata'> <i class='icon-nopast'></i>";	
		          htmlstr +="<p>看看其他感兴趣的文章吧</p></div>";
		        $("#artcle_sc_content").append(htmlstr);
				 myLayer.alert("请求失败,请重新刷新页面"); 
			}
	}
function initUserScArticleSuccess(res) {//成功处理
			if (res.Code == 10000) {
				 var checked= $("#artcle_sc_content").find('div').hasClass("ckgd");
					 if(checked){
					   $("#sc_articlepage").remove();	  
					}
				 var total = res.Count;
		         if(total==0 || res.Result.length==0){//没有数据情况
				   $("#artcle_sc_content").html('');
			        var htmlstr =" <div id='sc_gxqwz' class='norecord nodata'> <i class='icon-nopast'></i>";	
				     htmlstr +="<p>看看其他感兴趣的文章吧</p></div>";
				     $("#artcle_sc_content").append(htmlstr);
					 myLayer.clear();
		          }
				if(res.Result && total>0){
					  if(pageIndex == 0){
						 $("#artcle_sc_content").html(''); 
					 }else{
						var nochecked= $("#artcle_sc_content").find('div').hasClass("nodata");
					    if(nochecked){
					     $("#sc_gxqwz").remove();	  
					     } 
					  }
				     var result=res.Result;
				     var htmlstr ="<ul class='index-list'>";
				  for(var i=0;i<result.length;i++){
					     htmlstr +="<li><span id='"+result[i].articleId+"_active' class='fl shoucang-box active' onClick='javascript:switchArticle(\""+result[i].articleId+"\")'><i class='iconfont icon-collection c-f18 c-999'></i></span>";
						 htmlstr +="<a href='javascript:queryArticleDetail(\""+result[i].articleId+"\")' class='list-a'>";
						 htmlstr +=" <div class='ilist-con'><h4 class='c-nowrap-multi'>";
						 if(result[i].articleType == 1){
						  htmlstr +="<i class='ilstate st-blue'><i>视频</i></i>"+result[i].articleTitle+"</h4>";
						}
						if(result[i].articleType == 2){
						  htmlstr +="<i class='ilstate st-org'><i>图文</i></i>"+result[i].articleTitle+"</h4>";
						}
						if(result[i].articleType  == 3){
						  htmlstr +="<i class='ilstate st-radio'><i>音频</i></i>"+result[i].articleTitle+"</h4>";
						}
						if(result[i].articleType  == 4){
						  htmlstr +="<i class='ilstate st-qa'><i>问答</i></i>"+result[i].articleTitle+"</h4>";
						}
					   htmlstr +="<ul class='clearfix'>";
					   htmlstr +="<li class='fl width-33'><i class='iconfont icon-xianshikejian c-f16'></i><em>"+result[i].browseNumber+"</em></li>";
					   htmlstr +="<li class='fl width-33'><i class='iconfont icon-zan1 c-f10'></i><em>"+result[i].pointNumber+"</em></li>";
					   htmlstr +="<li class='fl width-33'><i class='iconfont icon-bianji c-f12'></i><em>"+result[i].commentNumber+"</em></li>";
					   htmlstr +="</ul></div><div class='ilist-img'><img src="+result[i].articleCover+"  alt='' /></div></a></li>";
				   }
				   if((pageIndex+1) * pageSize < total){
				   htmlstr +="</ul><div id='sc_articlepage'  class='c-t-center ptb10 ckgd'><a href='javascript:queryArticleScPage()' class='c-f12 c-aaa'>查看更多</a> </div>";
				   }else{
					htmlstr +="</ul><div id='sc_articlepage' class='c-t-center ptb10 ckgd'><a class='c-f12 c-aaa'>已全部加载</a> </div>";   
					}
				  $("#artcle_sc_content").append(htmlstr);
				}
			  myLayer.clear();
			} else {
				initUserScArticleFailed(res);
			}
}
function queryArticleScPage(){//文章分页
	   	pageIndex++;
		initUserScArticle(articleCategoryId,pageIndex);
}
function switchArticle(aId){
	  myLayer.confirm({
        title:'提示',
        con:'确定要取消收藏吗？',
        cancel: function(){},
        cancelValue:'取消',
        ok: function(){
			myLayer.load("取消中，请稍后");
            var url= jkzl.common.path+"/behavior/cancelArticle";
		    var param = {};
		    param.articleId=aId;
		    param.userId=userId;
	        sendPost(url,param, "json", "post", cancelArticleFailed, cancelArticleSuccess);	
        },
        okValue:'确定'	
    });
	 	
}
function cancelArticleFailed(res) {//失败处理
		    myLayer.clear();
			if (res && res.Message) {
				 myLayer.alert(res.Message);  
			} else {
				 myLayer.alert("请求失败,请重新刷新页面"); 
			}
	}
function cancelArticleSuccess(res) {//成功处理
            myLayer.clear();
			if (res.Code == 10000) {
				var  con = '<i class="iconfont icon-shoucang c-f22 c-fff ml15 mr5 c-vam"></i>';
			     myLayer.alert(con + '<span class="c-f15 c-vam mr15">取消收藏</span>','2000');
			      initUserScArticle(articleCategoryId,pageIndex); //加载文章列表			  
			} else {
				cancelArticleFailed(res);
			}
}