Pārlūkot izejas kodu

发现栏目更换

luyanan 7 gadi atpakaļ
vecāks
revīzija
c35e49d16e
5 mainītis faili ar 103 papildinājumiem un 101 dzēšanām
  1. 10 10
      cmp-portal/js/public/common.js
  2. 3 3
      css/genindex.css
  3. 6 15
      discover.html
  4. 12 11
      js/common.js
  5. 72 62
      js/discover.js

+ 10 - 10
cmp-portal/js/public/common.js

@ -505,31 +505,31 @@ var columnType = {
505 505
		shortName:"原创"
506 506
	},
507 507
	"3":{
508
		fullName:"前沿动态",
509
		shortName:"前沿"
508
		fullName:"科研",
509
		shortName:"科研"
510 510
	},
511 511
	"4":{
512
		fullName:"学术经验",
513
		shortName:"经验"
512
		fullName:"智库",
513
		shortName:"智库"
514 514
	},
515 515
	"5":{
516
		fullName:"分析检测",
516
		fullName:"检测",
517 517
		shortName:"检测"
518 518
	},
519 519
	"6":{
520
		fullName:"会议培训",
520
		fullName:"会议",
521 521
		shortName:"会议"
522 522
	},
523 523
	"7":{
524
		fullName:"科袖访谈",
525
		shortName:"访谈"
524
		fullName:"企业",
525
		shortName:"企业"
526 526
	},
527 527
	"8":{
528
		fullName:"招聘招生",
528
		fullName:"招聘",
529 529
		shortName:"招聘"
530 530
	},
531 531
	"9":{
532
		fullName:"重大新闻",
532
		fullName:"新闻",
533 533
		shortName:"新闻"
534 534
	}	
535 535
}

+ 3 - 3
css/genindex.css

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

+ 6 - 15
discover.html

@ -26,17 +26,17 @@
26 26
				<div class="table-box">
27 27
					<div class="table-tab">
28 28
						<ul class="table-tab-item clearfix">
29
							<li class="table-tab-slide table-tab-slide-active" data-col="0">最新文章</li>
30
							<li class="table-tab-slide" data-col="3">前沿动态</li>
31
							<li class="table-tab-slide" data-col="4">学术经验</li>
32
							<li class="table-tab-slide" data-col="5">分析检测</li>
29
							<!--<li class="table-tab-slide table-tab-slide-active" data-col="0">推荐</li>
30
							<li class="table-tab-slide" data-col="3">科研</li>
31
							<li class="table-tab-slide" data-col="4">智库</li>
32
							<li class="table-tab-slide" data-col="5">检测</li>
33 33
							<li class="table-tab-slide" data-col="7">科袖访谈</li>
34 34
							<li class="rightbtn"><span>更多栏目</span><em class="foldtr"></em>
35 35
								<ul class="table-drop">
36
									<li class="table-tab-slide" data-col="6">会议培训</li>
36
									<li class="table-tab-slide" data-col="6">会议</li>
37 37
									<li class="table-tab-slide" data-col="8">招聘招生</li>
38 38
								</ul>
39
							</li>
39
							</li>-->
40 40
							
41 41
						</ul>
42 42
					</div>
@ -75,15 +75,6 @@
75 75
				</div>
76 76
			</div>
77 77
			<div class="rightconBox floatR">
78
				<div class="conItem conBlock displayNone">
79
					<div class="form-item otherBlock">
80
						<div class="aboutTit">重大新闻</div>
81
						<div class="form-result currentArt currentArt2">
82
							<ul id="importNews">
83
							</ul>
84
						</div>
85
					</div>	
86
				</div>
87 78
				<div class="conItem advertBox advertItem">
88 79
					
89 80
				</div>

+ 12 - 11
js/common.js

@ -746,34 +746,35 @@ var columnType = {
746 746
		shortName:"原创"
747 747
	},
748 748
	"3":{
749
		fullName:"前沿动态",
750
		shortName:"前沿"
749
		fullName:"科研",
750
		shortName:"科研"
751 751
	},
752 752
	"4":{
753
		fullName:"学术经验",
754
		shortName:"经验"
753
		fullName:"智库",
754
		shortName:"智库"
755 755
	},
756 756
	"5":{
757
		fullName:"分析检测",
757
		fullName:"检测",
758 758
		shortName:"检测"
759 759
	},
760 760
	"6":{
761
		fullName:"会议培训",
761
		fullName:"会议",
762 762
		shortName:"会议"
763 763
	},
764 764
	"7":{
765
		fullName:"科袖访谈",
766
		shortName:"访谈"
765
		fullName:"企业",
766
		shortName:"企业"
767 767
	},
768 768
	"8":{
769
		fullName:"招聘招生",
769
		fullName:"招聘",
770 770
		shortName:"招聘"
771 771
	},
772 772
	"9":{
773
		fullName:"重大新闻",
773
		fullName:"新闻",
774 774
		shortName:"新闻"
775
	}	
775
	}
776 776
}
777
var sortColumn=["3","7","4","5","6","8"]//发现栏目显示顺序
777 778
//需求的费用预算
778 779
var demandCost = {
779 780
	'1': '1万元以内',

+ 72 - 62
js/discover.js

@ -31,54 +31,65 @@ $(function() {
31 31
			})
32 32
		}
33 33
	})
34
	importNews(exculdeIds);
34
	
35 35
	hotNews();
36 36
	var linkNum=0;//栏目类别导航
37 37
	if(linkNum==0){
38 38
		listShow(exculdeId2s,1,0,true);
39 39
	}
40
	$(document).bind("click",function(e){ 
41
		var target = $(e.target); 
42
		if(target.closest(".table-tab-item").length == 0){ 
43
			$(".table-drop").hide(); 
44
			$(".rightbtn").find("em").removeClass("unfoldtr").addClass("foldtr");
45
		} 
46
	})
47
	$(".table-tab-item").on("mouseenter","li.rightbtn",function(){
48
		$(this).find(".table-drop").show();
49
		$(this).find("em").removeClass("foldtr").addClass("unfoldtr");
50
	}).on("mouseleave","li.rightbtn",function(){
51
		$(this).find("em").removeClass("unfoldtr").addClass("foldtr");
52
		$(this).find(".table-drop").hide();
53
	})
54
	
55
	$(".table-drop").on("click","li",function(){
56
		$(".rightbtn").find("span").html($(this).text());
57
	})
58
	$(".table-tab-item").on("click","li",function(){
59
		if($(this).is('.table-tab-slide')){
60
			linkNum = $(this).index(".table-tab-slide");
61
			dataColNum=$(this).attr('data-col');
62
			$(".table-tab-slide").removeClass("table-tab-slide-active");
63
			$(this).addClass("table-tab-slide-active");
64
			$(".table-drop").fadeOut(1000);
65
			$(".rightbtn").find("em").removeClass("unfoldtr").addClass("foldtr");
66
			$(".table-item-list").eq(linkNum).show().siblings().hide();
67
			if($(".rightbtn").find("li").is(".table-tab-slide-active")){
68
				$(".rightbtn").addClass("table-tab-slide-active");
69
			}else{
70
				$(".rightbtn").removeClass("table-tab-slide-active");
71
			}
72
			if(linkNum==0){
73
				listShow(exculdeId2s,1,0,true);
40
	navmenu();
41
	function navmenu(){
42
		var str='<li class="table-tab-slide table-tab-slide-active" data-col="0">推荐</li>'
43
		for(var i=0;i<sortColumn.length;i++){
44
			var key=sortColumn[i];
45
			str+='<li class="table-tab-slide" data-col="'+key+'">'+columnType[key].fullName+'</li>';
46
		}
47
		$(".table-tab-item").append(str);
48
		
49
		$(document).bind("click",function(e){ 
50
			var target = $(e.target); 
51
			if(target.closest(".table-tab-item").length == 0){ 
52
				$(".table-drop").hide(); 
53
				$(".rightbtn").find("em").removeClass("unfoldtr").addClass("foldtr");
54
			} 
55
		})
56
		$(".table-tab-item").on("mouseenter","li.rightbtn",function(){
57
			$(this).find(".table-drop").show();
58
			$(this).find("em").removeClass("foldtr").addClass("unfoldtr");
59
		}).on("mouseleave","li.rightbtn",function(){
60
			$(this).find("em").removeClass("unfoldtr").addClass("foldtr");
61
			$(this).find(".table-drop").hide();
62
		})
63
		
64
		$(".table-drop").on("click","li",function(){
65
			$(".rightbtn").find("span").html($(this).text());
66
		})
67
		$(".table-tab-item").on("click","li",function(){
68
			if($(this).is('.table-tab-slide')){
69
				linkNum = $(this).index(".table-tab-slide");
70
				dataColNum=$(this).attr('data-col');
71
				$(".table-tab-slide").removeClass("table-tab-slide-active");
72
				$(this).addClass("table-tab-slide-active");
73
				$(".table-drop").fadeOut(1000);
74
				$(".rightbtn").find("em").removeClass("unfoldtr").addClass("foldtr");
75
				$(".table-item-list").eq(linkNum).show().siblings().hide();
76
				if($(".rightbtn").find("li").is(".table-tab-slide-active")){
77
					$(".rightbtn").addClass("table-tab-slide-active");
78
				}else{
79
					$(".rightbtn").removeClass("table-tab-slide-active");
80
				}
81
				if(linkNum==0){
82
					listShow(exculdeId2s,1,0,true);
83
				}else{
84
					var thisNum=dataColNum;
85
					listShow(exculdeIds,1,thisNum,true,linkNum);
86
				}
74 87
			}else{
75
				var thisNum=dataColNum;
76
				listShow(exculdeIds,1,thisNum,true);
88
				$(this).find(".table-drop").show();
77 89
			}
78
		}else{
79
			$(this).find(".table-drop").show();
80
		}
81
	})
90
		})
91
	
92
	}
82 93
	
83 94
	//重大新闻
84 95
	function importNews(obj) {
@ -91,23 +102,18 @@ $(function() {
91 102
			"data" :{
92 103
				"exclude":obj,
93 104
				"col":9,//重大新闻
94
				"pageSize":5,
105
				"pageSize":1,
95 106
				"pageNo":1
96 107
			},
97 108
			"success" : function(data) {
98 109
				if (data.success){
99
					console.log(data)
100 110
					var $data=data.data.data;
101 111
					if($data.length>0){
102
						$("#importNews").parents(".conItem").removeClass("displayNone");
103
						var oLeng=$data.length<5?$data.length:5;
104
						for(var i=0;i<oLeng;i++) {
105
							var listLi=$('<li class="flexCenter"></li>').appendTo($("#importNews"));
106
							var str='<a target="_blank" href="/'+pageUrl('a',$data[i])+'"><p class="h2Font ellipsisSty-2"><em class="circlePre"></em>'+$data[i].articleTitle+'</p>'+
107
								'<span class="smalltip">'+commenTime($data[i].publishTime)+'</span></a></li>'
108
							$(str).appendTo(listLi);
109
							exculdeId2s.push($data[i].articleId);
110
						}
112
						var divObj=$("#table-item-0 li:first")
113
						divObj.before('<li class="flexCenter"></li>');
114
						exculdeId2s.push($data[0].articleId);
115
						lastestColum($data[0],$("#table-item-0 li:first"),true);
116
						
111 117
					}
112 118
				}
113 119
			},
@ -124,7 +130,6 @@ $(function() {
124 130
			"dataType" : "json",
125 131
			"success" : function(data) {
126 132
				if (data.success){
127
					console.log(data)
128 133
					var $data=data.data;
129 134
					if($data.length>0){
130 135
						$("#hotNews").parents(".conItem").removeClass("displayNone");
@ -132,7 +137,7 @@ $(function() {
132 137
						for(var i=0;i<oLeng;i++) {
133 138
							var listLi=$('<li class="flexCenter"></li>').appendTo($("#hotNews"));
134 139
							var str='<a target="_blank" href="/'+pageUrl('a',$data[i])+'"><p class="h2Font ellipsisSty-2">'+$data[i].articleTitle+'</p></a>'
135
							$(str).appendTo(listLi);		
140
							$(str).appendTo(listLi);
136 141
						}
137 142
					}
138 143
				}
@ -143,7 +148,7 @@ $(function() {
143 148
		});
144 149
	}
145 150
	//栏目列表
146
	function listShow(obj,pageNo,colNum,isbind){
151
	function listShow(obj,pageNo,colNum,isbind,index){
147 152
		$.ajax({
148 153
			"url" :"/ajax/article/find",
149 154
			"type" :  "GET" ,
@ -160,12 +165,10 @@ $(function() {
160 165
			},
161 166
			"success" : function(data) {
162 167
				if (data.success){
163
					console.log(data)
164
					var idItem=0;
165
					if(colNum>0){
166
						idItem=colNum-2;
168
					var idItem=0
169
					if(colNum!=0){
170
						idItem=index;
167 171
					}
168
					//console.log(idItem)
169 172
					$("#table-item-"+idItem).html("");
170 173
					var strNo='<div class="nodatabox"><div class="nodata"><div class="picbox picNull"></div>'
171 174
						strNo+='<div class="txtbox"><p class="noContip">该栏目暂时没有任何动态</p></div></div></div>'
@ -180,6 +183,9 @@ $(function() {
180 183
								lastestColum(dataStr[i],listLi);
181 184
							}
182 185
						}
186
						if(colNum==0 && isbind==true){
187
							importNews(exculdeIds);
188
						}
183 189
					}else{
184 190
						$("#table-item-"+idItem).html(strNo);
185 191
						$("#table-item-"+idItem).parent().find(".tcdPageCode").hide();
@ -204,7 +210,7 @@ $(function() {
204 210
			}
205 211
		});
206 212
	}
207
	function lastestColum(dataStr,listLi){
213
	function lastestColum(dataStr,listLi,iftop){
208 214
		var madiaHead="../images/default-artical.jpg";
209 215
		if(dataStr.articleImg) {
210 216
			madiaHead ='/data/article/' + dataStr.articleImg ;
@ -219,7 +225,11 @@ $(function() {
219 225
		}
220 226
		var columTag='';
221 227
		if(dataStr.colNum>0){
222
			columTag='<span class="columTag">'+columnType[dataStr.colNum].shortName+'</span>';
228
			if(iftop){
229
				columTag='<span class="columTag">置顶</span>';
230
			}else{
231
				columTag='<span class="columTag">'+columnType[dataStr.colNum].shortName+'</span>';
232
			}
223 233
		}
224 234
		var strAdd = '';
225 235
		strAdd += '<a target="_blank" href="/'+ pageUrl('a',dataStr) +'" class="flexCenter urlgo">';