Browse Source

智库咨询功能开发提交

ws2z3gr2017 7 years ago
parent
commit
c568ddc334
6 changed files with 13708 additions and 1218 deletions
  1. 10 4
      src/css/thinktank.css
  2. 0 1167
      src/js/DicProvinceList.js
  3. 13489 0
      src/js/NewDicProvinceList.js
  4. 10 9
      src/js/Technologytrading.js
  5. 180 20
      src/js/thinktank.js
  6. 19 18
      template/thinktank.html

+ 10 - 4
src/css/thinktank.css

@@ -65,14 +65,20 @@
 
 /*智政*/
 .place h3{width:220px ;height: 54px;margin: 0 auto;text-align: center;background: url(../../img/think_30.png) no-repeat center;line-height: 54px;margin-top: 90px;}
-.place_city{overflow: hidden;margin-top: 40px;}
-.place_city ul{width: 960px;;margin: 0 auto;}
-.place_city ul li{float: left;width: 160px;border: 1px solid #737373;font-size:16px ;height: 50px;line-height: 50px;text-align: center;border-left: none;background: #ffffff;}
+.place_city{padding-top: 40px;width: 960px;margin: 0 auto;}
+.place_city ul{float: left;overflow: hidden;}
+.place_city ul li{float: left;width: 160px;border: 1px solid #737373;font-size:16px ;height: 50px;line-height: 50px;text-align: center;border-left: none;background: #ffffff;color: #333333;}
 .place_city ul li:first-child{border-left: 1px solid #737373;}
-.place_city ul li.more_city{color: #f79624;}
+.place_city .more_city .inp{color: #f79624;width: 160px;height: 50px;text-align: center;line-height: 50px;float: left;border: 1px solid #737373;border-left: none;}
 .policy{clear: both; overflow: hidden;padding-top: 56px;}
 .place_city ul li:hover{cursor: pointer;}
 .place_city ul li.thon{background: #2f85d0;color: #ffffff;}
+.more_city{float:left; position: relative;width: 160px;}
+.more_city .list_city{position: absolute;top: 49px;right: 0;text-align: center;font-size:16px ;color: #333333;width:161px;height: 302px;overflow: scroll;overflow-x: hidden;border: 1px solid #333333;padding-bottom: 15px;background: #ffffff;padding-bottom: 20px;}
+.list_city p{width:160px;line-height:30px;height: 30px;}
+.list_city p:hover{box-shadow: inset 0 0 3px #cccccc;background:#f79624;color: #ffffff;}
+.more_city .thon{background: #2f85d0;color: #ffffff!important;}
+.more_city:hover .inp{cursor: pointer;}
 
 .policy_time{float: left;width: 70px;height: 80px;border: 1px solid #cccccc;text-align: center;}
 .policy_time p{font-size: 24px;color: #383838;margin-top: 16px;margin-bottom: 0px;}

File diff suppressed because it is too large
+ 0 - 1167
src/js/DicProvinceList.js


File diff suppressed because it is too large
+ 13489 - 0
src/js/NewDicProvinceList.js


+ 10 - 9
src/js/Technologytrading.js

@@ -9,6 +9,7 @@ import {
     industryObject,
     getIndustryCategory
     } from './DicIndustryList';
+
 (function(){
     var ul_html="";
     for(var i=0;i<industryObject.length;i++){
@@ -59,7 +60,7 @@ import {
             }
         })
     });
-    //右侧内容的分页功能
+    //锟揭诧拷锟斤拷锟捷的凤拷页锟斤拷锟斤拷
     $(".paging_box").on("click","span",function(){
         $(this).addClass("action_span").siblings().removeClass("action_span");
         var page_length=$(this).attr("value");
@@ -80,7 +81,7 @@ import {
             }
         })
     });
-    //提取ajax函数
+    //锟斤拷取ajax锟斤拷锟斤拷
     function ajax_check(check,left_val,page){
         if(check==0){
             $.ajax({
@@ -132,9 +133,9 @@ import {
             })
         }
     }
-    //实现分页右侧点击按
-    var isfirst=0;//判断12...是不是应该添加
-    var isone=1;//判断...是不是应该添加
+    //实锟街凤拷页锟揭诧拷锟斤拷锟斤拷
+    var isfirst=0;//�ж�12...�Dz���Ӧ�����
+    var isone=1;//�ж�...�Dz���Ӧ�����
     $(".page_right").click(function(){
         var box_scrollleft=$(".pagination_box>div").scrollLeft();
         box_scrollleft+=75;
@@ -151,7 +152,7 @@ import {
         };
 
     });
-    //实现分页左侧点击按钮
+    //ʵ�ַ�ҳ�������ť
     $(".page_left").click(function(){
         if(isone==0){
             $(".page_right").addClass("span_true").after("<span class='all_span one_all_span'>. . .</span>");
@@ -171,7 +172,7 @@ import {
        }
     });
 
-    //新出来的1和2的点击效果
+    //�³�����1��2�ĵ��Ч��
     $(".pagination_box").on("click",".first",function() {
         $(".paging_box").children().eq(0).click();
         $(".pagination_box>div").scrollLeft(0);
@@ -193,7 +194,7 @@ import {
         console.log($(".main_details").scrollTop());
 
     });
-    //新出来的1和2的点击效果
+    //�³�����1��2�ĵ��Ч��
     $(".pagination_box").on("click",".second",function(){
         $(".paging_box").children().eq(1).click();
         $(".pagination_box>div").scrollLeft(0);
@@ -207,7 +208,7 @@ import {
             isone=1;
         }
     });
-    //当数据传回来之后,
+    //����ݴ�����֮��
     function page(data){
         var paging_html="";
         for(var j=1;j<=data;j++){

+ 180 - 20
src/js/thinktank.js

@@ -6,19 +6,11 @@ import './public.js';
 import './main_banner.js';
 import '../css/thinktank.css';
 import {
-    addressList,
-    } from './DicProvinceList.js';
-
-
+    provinceList
+    } from './NewDicProvinceList';
+    
 $(function(){
-	//智政新闻小点切换宽度设置
-	var cirle = $('.policy ol li').length;
-	var cirleWidth = $('.policy ol li').outerWidth();
-	var olWidth =cirle*(cirleWidth+5);	
-	$('.policy ol').width(olWidth);
-	$('.policy ol li').click(function(){
-		$(this).addClass('active_of').siblings().removeClass('active_of')
-	})
+	
 	//智库、智者切换
 	$('.zizone .col-md-6').click(function(){
 		$(this).addClass('actives').siblings().removeClass('actives')
@@ -31,17 +23,185 @@ $(function(){
 		$('.wiseman_list').show();
 		$('.tab_zizone').hide();
 	})
-	//地方政策城市切换
-	$('.place_city ul li').click(function(){
-		$(this).addClass('thon').siblings().removeClass('thon')
+	//地方政策城市切换	
+	//初始北京第一页新闻
+	$('.place_city ul li').eq(0).addClass('thon').siblings().removeClass('thon')
+	$.ajax({
+            method: "post",
+            dataType: "json",
+            //url: globalConfig.context + "/portal/news/list",           
+            data: { 
+            	provinceId:1,
+            	hot: 1,
+            	pageNo:1,
+            	type:5,
+            	pageSize:4,
+            },
+            success: function (data) {            	
+                for(var i=0;i<4;i++){
+                	var totlepage=parseInt(data[i].totalCount/4);
+                	var id=data[i].id;
+                	var title = data[i].title; //标题
+                	var time = data[i].time; //日期
+                	var day=time.substring(7,2);//号
+                	var month=time.substring(0,7) //年、月
+                	var summary = data[i].summary;//简介
+                	var policy_li = '';
+                	if(totlepage=1){
+                		$('.policy ol').hide();
+                	};
+                	if(totlepage=2){
+                		$('.policy ul li').eq(2).hide();
+                	};               	
+                	for(var i=0;i<4;i++){	                				              		
+                           policy_li+="<li value='"+id+"'><div class='policy_time'><p>"+day+"</p><time>"+month+"</time></div><div class='policy_details'><h4><a href='#'>"+title+"</a></h4><p>"+summary+"</p><a href='#'>MORE+</a></div></li>"
+                		}
+               		$('.policy ul').append(policy_li);	   
+                }
+            }
 	})
-	var arrcity=[{'name':'上海'},{'name':'湖南'}]
+	//点击省份时刷新页面新闻	
+	$('.place_city ul li').click(function(){			
+			$(this).addClass('thon').siblings().removeClass('thon')
+			$('.policy ol li').eq(0).addClass('active_of').siblings().removeClass('active_of');
+			$('.more_city .inp').removeClass('thon');
+			$('.more_city .inp').text('更多省份 +')
+			//新闻刷新		
+			var t_val=$(this).prop('value');
+			console.log('省份:'+t_val,'页码:1')
+			$.ajax({
+	            method: "post",
+	            dataType: "json",
+	            url: globalConfig.context + "/portal/news/list",
+	            data: { 
+	            	provinceId:t_val,
+	            	hot: 1,
+	            	pageNo:1,
+	            	type:5,
+	            	pageSize:4,
+	            },
+	            success: function (data) {              	
+	                for(var i=0;i<4;i++){
+	                	var id=data[i].id
+	                	var title = data[i].title; //标题
+	                	var time = data[i].time; //日期
+	                	var day=time.substring(7,2);//号
+	                	var month=time.substring(0,7) //年、月
+	                	var summary = data[i].summary;//简介
+	                	$('.policy ul li').prop('value',id);
+	                	$('.policy ul li').eq(i).find('.policy_time p').text(day);
+	                	$('.policy ul li').eq(i).find('.policy_time time').text(month);
+	                	$('.policy ul li').eq(i).find('.policy_details h4 a').text(title);
+	                	$('.policy ul li').eq(i).find('.policy_details h4 p').text(summary);
+	                }
+	            }
+      		})			
+	});
+	//智政新闻小点切换宽度设置及点击刷新
+	var cirle = $('.policy ol li').length;
+	var cirleWidth = $('.policy ol li').outerWidth();
+	var olWidth =cirle*(cirleWidth+5);	
+	var ind_circle=0;
+	$('.policy ol').width(olWidth);
+	$('.policy ol li').click(function(){							
+		$(this).addClass('active_of').siblings().removeClass('active_of');	
+		var place_on = $('.place_city ul li.thon').prop('value')				
+		var h_ind=$(this).index()+1;
+		if(place_on==undefined){
+			place_on=$('.inp').attr('value');
+		}
+		console.log('省份:'+place_on,'页码:'+h_ind)
+		$.ajax({
+	            method: "post",
+	            dataType: "json",
+	            url: globalConfig.context + "/portal/news/list",
+	            data: { 
+	            	provinceId:place_on,
+	            	hot: 1,
+	            	pageNo:h_ind,
+	            	type:5,
+	            	pageSize:4,
+	            },
+	            success: function (data) {              		                
+	                	 for(var i=0;i<4;i++){
+		                	var id=data[i].id
+		                	var title = data[i].title; //标题
+		                	var time = data[i].time; //日期
+		                	var day=time.substring(7,2);//号
+		                	var month=time.substring(0,7) //年、月
+		                	var summary = data[i].summary;//简介
+		                	$('.policy ul li').prop('value',id);
+		                	$('.policy ul li').eq(i).find('.policy_time p').text(day);
+		                	$('.policy ul li').eq(i).find('.policy_time time').text(month);
+		                	$('.policy ul li').eq(i).find('.policy_details h4 a').text(title);
+		                	$('.policy ul li').eq(i).find('.policy_details h4 p').text(summary);
+	               		 }               			               			               		
+	            }	
+      	})		
+	})
+
 	//搜索城市下拉
-	var addlength=addressList.length;
+	var addlength=provinceList.length;
 	var soption='';
+	var sol='';
+	for(var i=5;i<addlength;i++){		
+		sol+="<p value='"+provinceList[i].id+"'>"+provinceList[i].name+"</p>";			
+	};
 	for(var i=0;i<addlength;i++){		
-		soption+="<option value='"+i+"'>"+addressList[i].name+"</option>";			
-		}
+		soption+="<option value='"+provinceList[i].id+"'>"+provinceList[i].name+"</option>";			
+	};
+	$('.list_city').html(sol);
 	$('#selt').html(soption);
-})
+	
+	//智政城市下拉切换
+	$('.list_city').hide();
+	$('.more_city .inp').click(function(){
+		$('.list_city').slideToggle(500)		
+	})
+	$('.more_city').mouseleave(function(){
+		$('.list_city').hide();
+	})
+	//选择城市及新闻页面刷新
+	$('.list_city p').click(function(){
+		var ptxt=$(this).text();
+		var pval=$(this).attr('value')
+		$('.more_city .inp').text(ptxt);
+		$('.more_city .inp').attr('value',pval);
+		$('.list_city').hide();
+		$('.more_city .inp').addClass('thon');
+		$('.place_city ul li').removeClass('thon');
+		$('.policy ol li').eq(0).addClass('active_of').siblings().removeClass('active_of');		
+		var p_val=$(this).attr('value');	
+		console.log('省份:'+p_val,'页码:1')
+		$.ajax({
+	            method: "post",
+	            dataType: "json",
+	            url: globalConfig.context + "/portal/news/list",
+	            data: { 
+	            	provinceId:p_val,
+	            	hot: 1,
+	            	pageNo:1,
+	            	type:5,
+	            	pageSize:4,
+	            },
+	            success: function (data) {              	
+	                for(var i=0;i<4;i++){
+	                	var id=data[i].id
+	                	var title = data[i].title; //标题
+	                	var time = data[i].time; //日期
+	                	var day=time.substring(7,2);//号
+	                	var month=time.substring(0,7) //年、月
+	                	var summary = data[i].summary;//简介
+	                	$('.policy ul li').prop('value',id);
+	                	$('.policy ul li').eq(i).find('.policy_time p').text(day);
+	                	$('.policy ul li').eq(i).find('.policy_time time').text(month);
+	                	$('.policy ul li').eq(i).find('.policy_details h4 a').text(title);
+	                	$('.policy ul li').eq(i).find('.policy_details h4 p').text(summary);
+	                }
+	            }
+      	});		
+	});		
+	//中央政策点击刷新
+	//初始化内容
+});
 

+ 19 - 18
template/thinktank.html

@@ -321,56 +321,60 @@
 	 			<h3>地方政策</h3>
 	 			<div class="place_city">
 	 				<ul>
-	 					<li class="thon">湖南</li>
-	 					<li>湖南</li>
-	 					<li>湖南</li>
-	 					<li>湖南</li>
-	 					<li>湖南</li>
-	 					<li class="more_city">更多省份+</li>
+	 					<li class="thon" value="1">北京</li>
+	 					<li value="2">上海</li>
+	 					<li value="3">天津</li>
+	 					<li value="4">重庆</li>
+	 					<li value="5">四川</li>	 					
 	 				</ul>
+	 				<div class="more_city">
+	 					<div value="更多省份 +" class="inp"/>更多省份 +</div>
+	 					<div class="list_city">	 						 						
+	 					</div>
+	 				</div>
 	 			</div>
 	 			<div class="policy">
 	 				<ul>
-	 					<li>
+	 					<li value="">
 	 						<div class="policy_time">
 	 							<p>30</p>
 	 							<time>2017-09</time>
 	 						</div>
 	 						<div class="policy_details">
-	 							<h4><a href="">高新是什家纺的的大学城赴会而费尽覅么?</a></h3>
+	 							<h4><a href="#">高新是什家纺的的大学城赴会而费尽覅么?</a></h4>
 		 						<p>怒吼道胡非常胡海峰回复哦地科技i将诶耳机哦饿哦降低间谍iOS等会吃饭虽很商务i回复</p>
 		 						<a href="#">MORE+</a>
 	 						</div>
 	 					</li>
-	 					<li>
+	 					<li value="">
 	 						<div class="policy_time">
 	 							<p>30</p>
 	 							<time>2017-09</time>
 	 						</div>
 	 						<div class="policy_details">
-	 							<h4><a href="">高新是什家纺的的大学城赴会而费尽覅么?</a></h3>
+	 							<h4><a href="">高新是什家纺的的大学城赴会而费尽覅么?</a></h4>
 		 						<p>怒吼道胡非常胡海峰回复哦地科技i将诶耳机哦饿哦降低间谍iOS等会吃饭虽很商务i回复</p>
 		 						<a href="#">MORE+</a>
 	 						</div>
 	 					</li>
-	 					<li>
+	 					<li value="">
 	 						<div class="policy_time">
 	 							<p>30</p>
 	 							<time>2017-09</time>
 	 						</div>
 	 						<div class="policy_details">
-	 							<h4><a href="">高新是什家纺的的大学城赴会而费尽覅么?</a></h3>
+	 							<h4><a href="">高新是什家纺的的大学城赴会而费尽覅么?</a></h4>
 		 						<p>怒吼道胡非常胡海峰回复哦地科技i将诶耳机哦饿哦降低间谍iOS等会吃饭虽很商务i回复</p>
 		 						<a href="#">MORE+</a>
 	 						</div>
 	 					</li>
-	 					<li>
+	 					<li value="">
 	 						<div class="policy_time">
 	 							<p>30</p>
 	 							<time>2017-09</time>
 	 						</div>
 	 						<div class="policy_details">
-	 							<h4><a href="">高新是什家纺的的大学城赴会而费尽覅么?</a></h3>
+	 							<h4><a href="">高新是什家纺的的大学城赴会而费尽覅么?</a></h4>
 		 						<p>怒吼道胡非常胡海峰回复哦地科技i将诶耳机哦饿哦降低间谍iOS等会吃饭虽很商务i回复</p>
 		 						<a href="#">MORE+</a>
 	 						</div>
@@ -379,9 +383,7 @@
 	 				<ol>
 	 					<li class="active_of"></li>
 	 					<li></li>
-	 					<li></li>
-	 					<li></li>
-	 					<li></li>
+	 					<li></li>	 					
 	 				</ol>
 	 			</div>
 	 		</div>
@@ -517,5 +519,4 @@
 <script type="text/javascript" src="../src/js/thinktank.js"></script>
 <script type="text/javascript" src="../src/js/public.js"></script>
 <script type="text/javascript" src="../src/js/main_banner.js" ></script>-->
-
 </html>