financialIndex.js 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. import '../css/bootstrap.less';
  2. import 'bootstrap/dist/js/bootstrap.js';
  3. import '../css/public.css';
  4. import '../css/main_banner.css';
  5. import './public.js';
  6. import './main_banner.js';
  7. import '../css/financialIndex.css';
  8. import {
  9. industryObject,
  10. getIndustryCategory
  11. } from './DicIndustryList';
  12. (function(){
  13. var list_html="";
  14. for(var i=0;i<industryObject.length;i++){
  15. list_html+="<p value='"+industryObject[i].value+"'>"+industryObject[i].label+"</li>";
  16. }
  17. $(".list_city").html(list_html);
  18. //行业下拉选择
  19. $('.list_city').hide();
  20. $('.more_city .inp').click(function(){
  21. $('.list_city').slideToggle(500)
  22. })
  23. $('.more_city').mouseleave(function(){
  24. $('.list_city').hide();
  25. });
  26. $('.list_city p').click(function() {
  27. var ptxt = $(this).text();
  28. var pval = $(this).attr('value');
  29. $('.more_city .inp').text(ptxt);
  30. $('.more_city .inp').attr('value', pval);
  31. $('.list_city').hide();
  32. $('.more_city .inp').addClass('thon');
  33. $('.place_city ul li').removeClass('thon');
  34. $('.policy ol li').eq(0).addClass('active_of').siblings().removeClass('active_of');
  35. var p_val = $(this).attr('value');
  36. $.ajax({
  37. method: "get",
  38. dataType: "json",
  39. url: globalConfig.context + "/portal/search/achievementList",
  40. data: {
  41. fieldA:p_val,
  42. dataCategory:2,
  43. pageNo:1,
  44. pageSize:8
  45. },
  46. success: function (data) {
  47. if(data.data.totalCount==0){
  48. $(".pagination_box").css("display","none");
  49. $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
  50. }else{
  51. manage(data.data,ptxt);
  52. page(data.data.totalCount);
  53. }
  54. }
  55. })
  56. });
  57. //项目和资金的tab切换
  58. $(".fund").click(function(){
  59. $(this).addClass("active");
  60. $(".project").removeClass("active");
  61. $("#finance_tab_one").css("display","block");
  62. $("#finance_tab_two").css("display","none");
  63. });
  64. //项目和资金的tab切换
  65. $(".project").click(function(){
  66. $(this).addClass("active");
  67. $(".fund").removeClass("active");
  68. $("#finance_tab_two").css("display","block");
  69. $("#finance_tab_one").css("display","none");
  70. $.ajax({
  71. method: "get",
  72. dataType: "json",
  73. url: globalConfig.context + "/portal/search/achievementList",
  74. data: {
  75. fieldA:464,
  76. dataCategory:2,
  77. pageNo:1,
  78. pageSize:8
  79. },
  80. success: function (data) {
  81. if(data.data.totalCount==0){
  82. $(".pagination_box").css("display","none");
  83. $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
  84. }else{
  85. manage(data.data,"教育休闲");
  86. page(data.data.totalCount);
  87. }
  88. }
  89. })
  90. });
  91. function manage(data,ptxt){
  92. var demand_html="";
  93. for(var i=0;i<data.list.length;i++){
  94. demand_html+="<li>" +
  95. "<img src='"+globalConfig.avatarUploadHost+data.list[i].technicalPictureUrl+" alt=''/>" +
  96. "<div class='details_text'>" +
  97. "<p>融资金额:<span>"+data.list[i].transferPrice+"</span></p>" +
  98. "<p>所属行业:<span>"+ptxt+"</span></p>" +
  99. "<p>所有人:<span>"+data.list[i].ownerName+"</span></p>" +
  100. "<p>项目简介:<b>"+data.list[i].introduction.substring(0,18)+"..."+"</b></p>" +
  101. "<a href='#'>会谈</a>" +
  102. "</div>" +
  103. "<div class='details_fix'>" +
  104. "<p>项目名:<span>"+data.list[i].name+"</span></p>" +
  105. "</div></li>"
  106. }
  107. $("#demandList_patent").html(demand_html);
  108. }
  109. function page(data){
  110. $(".one_all_span").remove();
  111. var data=Math.ceil(data/8);
  112. var paging_html="";
  113. for(var j=1;j<=data;j++){
  114. paging_html+="<span value="+j+">"+j+"</span>"
  115. }
  116. $(".paging_box").html(paging_html).width(data*34);
  117. $(".page_right").addClass("span_true").after("<span class='all_span one_all_span'>共"+data+"页</span>");
  118. }
  119. $(".paging_box").on("click","span",function(e){
  120. var page_length=$(this).attr("value");
  121. var left_val=$(".place_city .thon").attr("value");
  122. $.ajax({
  123. method: "get",
  124. dataType: "json",
  125. url: globalConfig.context + "/portal/search/achievementList",
  126. data: {
  127. fieldA:left_val,
  128. dataCategory:2,
  129. pageNo:page_length,
  130. pageSize:8
  131. },
  132. success: function (data) {
  133. if(data.data.totalCount==0){
  134. $(".pagination_box").css("display","none");
  135. $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
  136. }else{
  137. manage(data.data,"教育休闲");
  138. page(data.data.totalCount);
  139. $(".paging_box span").eq(page_length-1).addClass("action_span").siblings().removeClass("action_span");
  140. }
  141. }
  142. })
  143. });
  144. $('.place_city ul li').click(function() {
  145. $(this).addClass('thon').siblings().removeClass('thon')
  146. $('.policy ol li').eq(0).addClass('active_of').siblings().removeClass('active_of');
  147. $('.more_city .inp').removeClass('thon');
  148. $('.more_city .inp').text('更多行业 +');
  149. var left_val=$(".place_city .thon").attr("value");
  150. $.ajax({
  151. method: "get",
  152. dataType: "json",
  153. url: globalConfig.context + "/portal/search/achievementList",
  154. data: {
  155. fieldA:left_val,
  156. dataCategory:2,
  157. pageNo:1,
  158. pageSize:8
  159. },
  160. success: function (data) {
  161. if(data.data.totalCount==0){
  162. $(".pagination_box").css("display","none");
  163. $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
  164. }else{
  165. manage(data.data,"教育休闲");
  166. page(data.data.totalCount);
  167. }
  168. }
  169. })
  170. })
  171. //实现分页右侧点击按钮
  172. var isfirst=0;//判断12...是不是应该添加
  173. var page_click=0;//记录左右两侧的按钮点击的次数
  174. $(".page_right").click(function(){
  175. page_click++;
  176. var box_scrollleft=$(".pagination_box>div").scrollLeft();
  177. box_scrollleft+=102;
  178. $(".pagination_box>div").scrollLeft(box_scrollleft);
  179. $(".page_left").addClass("span_true");
  180. if(isfirst==0){
  181. $(".page_left").before("<span class='all_span two_all_span'>. . .</span><span class='second'>2</span><span class='first'>1</span>");
  182. isfirst=1;
  183. }
  184. if($(".pagination_box>div").scrollLeft()==($(".paging_box").width()-$(".pagination_box>div").width())){
  185. $(".page_right").removeClass("span_true");
  186. };
  187. });
  188. //实现分页左侧点击按钮
  189. $(".page_left").click(function(){
  190. page_click--;
  191. var box_scrollleft=$(".pagination_box>div").scrollLeft();
  192. box_scrollleft-=102;
  193. $(".pagination_box>div").scrollLeft(box_scrollleft);
  194. $(".page_right").addClass("span_true");
  195. if($(".pagination_box>div").scrollLeft()==0){
  196. $(".page_left").removeClass("span_true");
  197. $(".first").remove();
  198. $(".second").remove();
  199. $(".two_all_span").remove();
  200. isfirst=0;
  201. }
  202. });
  203. //新出来的1和2的点击效果
  204. $(".pagination_box").on("click",".first",function() {
  205. $(".paging_box").children().eq(0).click();
  206. $(".pagination_box>div").scrollLeft(0);
  207. $(".first").remove();
  208. $(".second").remove();
  209. $(".two_all_span").remove();
  210. $(".page_left").removeClass("span_true");
  211. isfirst = 0;
  212. });
  213. //新出来的1和2的点击效果
  214. $(".pagination_box").on("click",".second",function(){
  215. $(".paging_box").children().eq(1).click();
  216. $(".pagination_box>div").scrollLeft(0);
  217. $(".first").remove();
  218. $(".second").remove();
  219. $(".two_all_span").remove();
  220. $(".page_left").removeClass("span_true");
  221. isfirst=0;
  222. });
  223. })();