发现栏目更换

cmp-portal/js/public/common.js

		shortName:"原创"
	},
	"3":{
		fullName:"前沿动态",
		shortName:"前沿"
		fullName:"科研",
		shortName:"科研"
	},
	"4":{
		fullName:"学术经验",
		shortName:"经验"
		fullName:"智库",
		shortName:"智库"
	},
	"5":{
		fullName:"分析检测",
		fullName:"检测",
		shortName:"检测"
	},
	"6":{
		fullName:"会议培训",
		fullName:"会议",
		shortName:"会议"
	},
	"7":{
		fullName:"科袖访谈",
		shortName:"访谈"
		fullName:"企业",
		shortName:"企业"
	},
	"8":{
		fullName:"招聘招生",
		fullName:"招聘",
		shortName:"招聘"
	},
	"9":{
		fullName:"重大新闻",
		fullName:"新闻",
		shortName:"新闻"
	}	
}

css/genindex.css

	padding-left: 22px;color: #fff;font-size: 20px;font-weight: 700;
	background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.8)); box-sizing: border-box;}
/*栏目分类导航*/
.table-tab{width: 100%;margin: 6px auto 10px;background: #fff;}
.table-tab-item{position: relative;z-index: 20;}
.table-tab-item>li{position:relative;color:#666;float: left;width:16.666666666666664%;text-align: center;font-size: 16px;line-height:60px;cursor: pointer;}
.table-tab{width: 100%;margin: 6px auto 10px;background: #fff;overflow: hidden;}
.table-tab-item{position: relative;z-index: 20;overflow: hidden;width: 100%;}
.table-tab-item>li{position:relative;color:#666;float: left;padding:0 32px;text-align: center;font-size: 16px;line-height:60px;cursor: pointer;}
.table-tab-item>li.rightbtn{top:0}
.table-tab-item>li.rightbtn:hover{color:#ff9900}
.table-tab-item>li.rightbtn .foldtr{top:27px;right:64px;}

discover.html

				<div class="table-box">
					<div class="table-tab">
						<ul class="table-tab-item clearfix">
							<li class="table-tab-slide table-tab-slide-active" data-col="0">最新文章</li>
							<li class="table-tab-slide" data-col="3">前沿动态</li>
							<li class="table-tab-slide" data-col="4">学术经验</li>
							<li class="table-tab-slide" data-col="5">分析检测</li>
							<!--<li class="table-tab-slide table-tab-slide-active" data-col="0">推荐</li>
							<li class="table-tab-slide" data-col="3">科研</li>
							<li class="table-tab-slide" data-col="4">智库</li>
							<li class="table-tab-slide" data-col="5">检测</li>
							<li class="table-tab-slide" data-col="7">科袖访谈</li>
							<li class="rightbtn"><span>更多栏目</span><em class="foldtr"></em>
								<ul class="table-drop">
									<li class="table-tab-slide" data-col="6">会议培训</li>
									<li class="table-tab-slide" data-col="6">会议</li>
									<li class="table-tab-slide" data-col="8">招聘招生</li>
								</ul>
							</li>
							</li>-->
							
						</ul>
					</div>
				</div>
			</div>
			<div class="rightconBox floatR">
				<div class="conItem conBlock displayNone">
					<div class="form-item otherBlock">
						<div class="aboutTit">重大新闻</div>
						<div class="form-result currentArt currentArt2">
							<ul id="importNews">
							</ul>
						</div>
					</div>	
				</div>
				<div class="conItem advertBox advertItem">
					
				</div>

js/common.js

		shortName:"原创"
	},
	"3":{
		fullName:"前沿动态",
		shortName:"前沿"
		fullName:"科研",
		shortName:"科研"
	},
	"4":{
		fullName:"学术经验",
		shortName:"经验"
		fullName:"智库",
		shortName:"智库"
	},
	"5":{
		fullName:"分析检测",
		fullName:"检测",
		shortName:"检测"
	},
	"6":{
		fullName:"会议培训",
		fullName:"会议",
		shortName:"会议"
	},
	"7":{
		fullName:"科袖访谈",
		shortName:"访谈"
		fullName:"企业",
		shortName:"企业"
	},
	"8":{
		fullName:"招聘招生",
		fullName:"招聘",
		shortName:"招聘"
	},
	"9":{
		fullName:"重大新闻",
		fullName:"新闻",
		shortName:"新闻"
	}	
	}
}
var sortColumn=["3","7","4","5","6","8"]//发现栏目显示顺序
//需求的费用预算
var demandCost = {
	'1': '1万元以内',

js/discover.js

			})
		}
	})
	importNews(exculdeIds);
	
	hotNews();
	var linkNum=0;//栏目类别导航
	if(linkNum==0){
		listShow(exculdeId2s,1,0,true);
	}
	$(document).bind("click",function(e){ 
		var target = $(e.target); 
		if(target.closest(".table-tab-item").length == 0){ 
			$(".table-drop").hide(); 
			$(".rightbtn").find("em").removeClass("unfoldtr").addClass("foldtr");
		} 
	})
	$(".table-tab-item").on("mouseenter","li.rightbtn",function(){
		$(this).find(".table-drop").show();
		$(this).find("em").removeClass("foldtr").addClass("unfoldtr");
	}).on("mouseleave","li.rightbtn",function(){
		$(this).find("em").removeClass("unfoldtr").addClass("foldtr");
		$(this).find(".table-drop").hide();
	})
	
	$(".table-drop").on("click","li",function(){
		$(".rightbtn").find("span").html($(this).text());
	})
	$(".table-tab-item").on("click","li",function(){
		if($(this).is('.table-tab-slide')){
			linkNum = $(this).index(".table-tab-slide");
			dataColNum=$(this).attr('data-col');
			$(".table-tab-slide").removeClass("table-tab-slide-active");
			$(this).addClass("table-tab-slide-active");
			$(".table-drop").fadeOut(1000);
			$(".rightbtn").find("em").removeClass("unfoldtr").addClass("foldtr");
			$(".table-item-list").eq(linkNum).show().siblings().hide();
			if($(".rightbtn").find("li").is(".table-tab-slide-active")){
				$(".rightbtn").addClass("table-tab-slide-active");
			}else{
				$(".rightbtn").removeClass("table-tab-slide-active");
			}
			if(linkNum==0){
				listShow(exculdeId2s,1,0,true);
	navmenu();
	function navmenu(){
		var str='<li class="table-tab-slide table-tab-slide-active" data-col="0">推荐</li>'
		for(var i=0;i<sortColumn.length;i++){
			var key=sortColumn[i];
			str+='<li class="table-tab-slide" data-col="'+key+'">'+columnType[key].fullName+'</li>';
		}
		$(".table-tab-item").append(str);
		
		$(document).bind("click",function(e){ 
			var target = $(e.target); 
			if(target.closest(".table-tab-item").length == 0){ 
				$(".table-drop").hide(); 
				$(".rightbtn").find("em").removeClass("unfoldtr").addClass("foldtr");
			} 
		})
		$(".table-tab-item").on("mouseenter","li.rightbtn",function(){
			$(this).find(".table-drop").show();
			$(this).find("em").removeClass("foldtr").addClass("unfoldtr");
		}).on("mouseleave","li.rightbtn",function(){
			$(this).find("em").removeClass("unfoldtr").addClass("foldtr");
			$(this).find(".table-drop").hide();
		})
		
		$(".table-drop").on("click","li",function(){
			$(".rightbtn").find("span").html($(this).text());
		})
		$(".table-tab-item").on("click","li",function(){
			if($(this).is('.table-tab-slide')){
				linkNum = $(this).index(".table-tab-slide");
				dataColNum=$(this).attr('data-col');
				$(".table-tab-slide").removeClass("table-tab-slide-active");
				$(this).addClass("table-tab-slide-active");
				$(".table-drop").fadeOut(1000);
				$(".rightbtn").find("em").removeClass("unfoldtr").addClass("foldtr");
				$(".table-item-list").eq(linkNum).show().siblings().hide();
				if($(".rightbtn").find("li").is(".table-tab-slide-active")){
					$(".rightbtn").addClass("table-tab-slide-active");
				}else{
					$(".rightbtn").removeClass("table-tab-slide-active");
				}
				if(linkNum==0){
					listShow(exculdeId2s,1,0,true);
				}else{
					var thisNum=dataColNum;
					listShow(exculdeIds,1,thisNum,true,linkNum);
				}
			}else{
				var thisNum=dataColNum;
				listShow(exculdeIds,1,thisNum,true);
				$(this).find(".table-drop").show();
			}
		}else{
			$(this).find(".table-drop").show();
		}
	})
		})
	
	}
	
	//重大新闻
	function importNews(obj) {
			"data" :{
				"exclude":obj,
				"col":9,//重大新闻
				"pageSize":5,
				"pageSize":1,
				"pageNo":1
			},
			"success" : function(data) {
				if (data.success){
					console.log(data)
					var $data=data.data.data;
					if($data.length>0){
						$("#importNews").parents(".conItem").removeClass("displayNone");
						var oLeng=$data.length<5?$data.length:5;
						for(var i=0;i<oLeng;i++) {
							var listLi=$('<li class="flexCenter"></li>').appendTo($("#importNews"));
							var str='<a target="_blank" href="/'+pageUrl('a',$data[i])+'"><p class="h2Font ellipsisSty-2"><em class="circlePre"></em>'+$data[i].articleTitle+'</p>'+
								'<span class="smalltip">'+commenTime($data[i].publishTime)+'</span></a></li>'
							$(str).appendTo(listLi);
							exculdeId2s.push($data[i].articleId);
						}
						var divObj=$("#table-item-0 li:first")
						divObj.before('<li class="flexCenter"></li>');
						exculdeId2s.push($data[0].articleId);
						lastestColum($data[0],$("#table-item-0 li:first"),true);
						
					}
				}
			},
			"dataType" : "json",
			"success" : function(data) {
				if (data.success){
					console.log(data)
					var $data=data.data;
					if($data.length>0){
						$("#hotNews").parents(".conItem").removeClass("displayNone");
						for(var i=0;i<oLeng;i++) {
							var listLi=$('<li class="flexCenter"></li>').appendTo($("#hotNews"));
							var str='<a target="_blank" href="/'+pageUrl('a',$data[i])+'"><p class="h2Font ellipsisSty-2">'+$data[i].articleTitle+'</p></a>'
							$(str).appendTo(listLi);		
							$(str).appendTo(listLi);
						}
					}
				}
		});
	}
	//栏目列表
	function listShow(obj,pageNo,colNum,isbind){
	function listShow(obj,pageNo,colNum,isbind,index){
		$.ajax({
			"url" :"/ajax/article/find",
			"type" :  "GET" ,
			},
			"success" : function(data) {
				if (data.success){
					console.log(data)
					var idItem=0;
					if(colNum>0){
						idItem=colNum-2;
					var idItem=0
					if(colNum!=0){
						idItem=index;
					}
					//console.log(idItem)
					$("#table-item-"+idItem).html("");
					var strNo='<div class="nodatabox"><div class="nodata"><div class="picbox picNull"></div>'
						strNo+='<div class="txtbox"><p class="noContip">该栏目暂时没有任何动态</p></div></div></div>'
								lastestColum(dataStr[i],listLi);
							}
						}
						if(colNum==0 && isbind==true){
							importNews(exculdeIds);
						}
					}else{
						$("#table-item-"+idItem).html(strNo);
						$("#table-item-"+idItem).parent().find(".tcdPageCode").hide();
			}
		});
	}
	function lastestColum(dataStr,listLi){
	function lastestColum(dataStr,listLi,iftop){
		var madiaHead="../images/default-artical.jpg";
		if(dataStr.articleImg) {
			madiaHead ='/data/article/' + dataStr.articleImg ;
		}
		var columTag='';
		if(dataStr.colNum>0){
			columTag='<span class="columTag">'+columnType[dataStr.colNum].shortName+'</span>';
			if(iftop){
				columTag='<span class="columTag">置顶</span>';
			}else{
				columTag='<span class="columTag">'+columnType[dataStr.colNum].shortName+'</span>';
			}
		}
		var strAdd = '';
		strAdd += '<a target="_blank" href="/'+ pageUrl('a',dataStr) +'" class="flexCenter urlgo">';