Technologytrading.js 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
  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/technologyTrading.css';
  8. import {
  9. industryObject,
  10. getIndustryCategory
  11. } from './DicIndustryList';
  12. (function(){
  13. //处理data数据函数提取
  14. function manage(data){
  15. var demand_html="";
  16. for(var i=0;i<data.list.length;i++){
  17. demand_html+="<li>" +
  18. "<img src='"+globalConfig.avatarUploadHost+data.list[i].pictureUrl+" alt=''/>" +
  19. "<div class='details_text'>" +
  20. "<p>行业<span>"+data.list[i].industryCatalog+"</span></p>" +
  21. "<p>价格<span>"+data.list[i].price+"</span></p>" +
  22. "<p>简介<b>"+data.list[i].sketch.substring(0,18)+"..."+"</b></p>" +
  23. "<a href='#'>了解详情</a>" +
  24. "</div>" +
  25. "<div class='details_fix'>" +
  26. "<p>专利名<span>"+data.list[i].name+"</span></p>" +
  27. "<p>所有人<span>"+data.list[i].personName+"</span></p>" +
  28. "</div></li>"
  29. }
  30. $("#demandList_patent").html(demand_html);
  31. }
  32. //当数据传回来之后,
  33. function page(data){
  34. var data=Math.ceil(data/6);
  35. var paging_html="";
  36. for(var j=1;j<=data;j++){
  37. paging_html+="<span value="+j+">"+j+"</span>"
  38. }
  39. $(".paging_box").html(paging_html).width(data*34);
  40. $(".paging_box span:first").addClass("action_span").siblings().removeClass("action_span");
  41. $(".page_right").addClass("span_true").after("<span class='all_span one_all_span'>共"+data+"页</span>");
  42. }
  43. var ul_html="";
  44. for(var i=0;i<industryObject.length;i++){
  45. ul_html+="<li value='"+industryObject[i].value+"'><a href='javascript:;'>"+industryObject[i].label+"</a></li>";
  46. }
  47. $(".industry_ul").html(ul_html);
  48. $(".industry_ul li:first").addClass("action_li");
  49. var left_val=$(".industry_ul li.action_li").val();
  50. $.ajax({
  51. method: "post",
  52. dataType: "json",
  53. url: globalConfig.context + "/portal/search/boutiqueSearchList",
  54. data: {
  55. boutiqueType:0,
  56. industryCatalog:left_val,
  57. pageNo:1,
  58. pageSize:6
  59. },
  60. success: function (data) {
  61. if(data.data.totalCount==0){
  62. $(".pagination_box").css("display","none");
  63. $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
  64. }else{
  65. $(".pagination_box").css("display","block");
  66. manage(data.data);
  67. page(data.data.totalCount);
  68. }
  69. }
  70. })
  71. })();
  72. (function(){
  73. //处理data数据函数提取
  74. function manage(data){
  75. var demand_html="";
  76. for(var i=0;i<data.list.length;i++){
  77. demand_html+="<li>" +
  78. "<img src='"+globalConfig.avatarUploadHost+data.list[i].pictureUrl+" alt=''/>" +
  79. "<div class='details_text'>" +
  80. "<p>行业:<span>"+data.list[i].industryCatalog+"</span></p>" +
  81. "<p>价格:<span>"+data.list[i].price+"</span></p>" +
  82. "<p>简介:<b>"+data.list[i].sketch.substring(0,18)+"..."+"</b></p>" +
  83. "<a href='#'>了解详情</a>" +
  84. "</div>" +
  85. "<div class='details_fix'>" +
  86. "<p>专利名:<span>"+data.list[i].name+"</span></p>" +
  87. "<p>所有人:<span>"+data.list[i].personName+"</span></p>" +
  88. "</div></li>"
  89. }
  90. $("#demandList_patent").html(demand_html);
  91. }
  92. $(".title_details ol li").click(function(){
  93. $(".paging_box span:first").addClass("action_span").siblings().removeClass("action_span");
  94. $(this).addClass("act").siblings().removeClass("act");
  95. var left_val=$(".industry_ul li.action_li").val();
  96. var right_val = $(this).val();
  97. $.ajax({
  98. method: "post",
  99. dataType: "json",
  100. url: globalConfig.context + "/portal/search/boutiqueSearchList",
  101. data: {
  102. boutiqueType:right_val,
  103. industryCatalog:left_val,
  104. pageNo:1,
  105. pageSize:6
  106. },
  107. success: function (data) {
  108. if(data.data.totalCount==0){
  109. $(".pagination_box").css("display","none");
  110. $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
  111. }else{
  112. $(".pagination_box").css("display","block");
  113. manage(data.data);
  114. page(data.data.totalCount);
  115. }
  116. }
  117. })
  118. });
  119. $(".industry_ul li").click(function() {
  120. $(".paging_box span:first").addClass("action_span").siblings().removeClass("action_span");
  121. $(".title_details ol li").eq(0).addClass("act").siblings().removeClass("act");
  122. $(this).addClass("action_li").siblings().removeClass("action_li");
  123. var left_val = $(this).val();
  124. var right_val = $(".title_details ol li").eq(0).val();
  125. $.ajax({
  126. method: "post",
  127. dataType: "json",
  128. url: globalConfig.context + "/portal/search/boutiqueSearchList",
  129. data: {
  130. boutiqueType:right_val,
  131. industryCatalog:left_val,
  132. pageNo:1,
  133. pageSize:6
  134. },
  135. success: function (data) {
  136. if(data.data.totalCount==0){
  137. $(".pagination_box").css("display","none");
  138. $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
  139. }else{
  140. $(".pagination_box").css("display","block");
  141. manage(data.data);
  142. page(data.data.totalCount);
  143. }
  144. }
  145. })
  146. });
  147. //右侧内容的分页功能,点击一次发送一个ajax的请求,只请求6组数据
  148. $(".paging_box").on("click","span",function(e){
  149. var page_length=$(this).attr("value");
  150. var left_val=$(".industry_ul li.action_li").val();
  151. var right_val=$(".title_details ol li.act").val();
  152. var right_check=$(".title_details ol li.act").index();
  153. $.ajax({
  154. method: "post",
  155. dataType: "json",
  156. url: globalConfig.context + "/portal/search/boutiqueSearchList",
  157. data: {
  158. boutiqueType:right_val,
  159. industryCatalog:left_val,
  160. pageNo:page_length,
  161. pageSize:6
  162. },
  163. success: function (data) {
  164. if(data.data.totalCount==0){
  165. $(".pagination_box").css("display","none");
  166. $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
  167. }else{
  168. $(".pagination_box").css("display","block");
  169. manage(data.data);
  170. page(data.data.totalCount);
  171. $(".paging_box span").eq(page_length-1).addClass("action_span").siblings().removeClass("action_span");
  172. }
  173. }
  174. });
  175. });
  176. //实现分页右侧点击按钮
  177. var isfirst=0;//判断12...是不是应该添加
  178. var page_click=0;//记录左右两侧的按钮点击的次数
  179. $(".page_right").click(function(){
  180. page_click++;
  181. var box_scrollleft=$(".pagination_box>div").scrollLeft();
  182. box_scrollleft+=102;
  183. $(".pagination_box>div").scrollLeft(box_scrollleft);
  184. $(".page_left").addClass("span_true");
  185. if(isfirst==0){
  186. $(".page_left").before("<span class='all_span two_all_span'>. . .</span><span class='second'>2</span><span class='first'>1</span>");
  187. isfirst=1;
  188. }
  189. if($(".pagination_box>div").scrollLeft()==($(".paging_box").width()-$(".pagination_box>div").width())){
  190. $(".page_right").removeClass("span_true");
  191. };
  192. });
  193. //实现分页左侧点击按钮
  194. $(".page_left").click(function(){
  195. page_click--;
  196. var box_scrollleft=$(".pagination_box>div").scrollLeft();
  197. box_scrollleft-=102;
  198. $(".pagination_box>div").scrollLeft(box_scrollleft);
  199. $(".page_right").addClass("span_true");
  200. if($(".pagination_box>div").scrollLeft()==0){
  201. $(".page_left").removeClass("span_true");
  202. $(".first").remove();
  203. $(".second").remove();
  204. $(".two_all_span").remove();
  205. isfirst=0;
  206. }
  207. });
  208. //新出来的1和2的点击效果
  209. $(".pagination_box").on("click",".first",function() {
  210. $(".paging_box").children().eq(0).click();
  211. $(".pagination_box>div").scrollLeft(0);
  212. $(".first").remove();
  213. $(".second").remove();
  214. $(".two_all_span").remove();
  215. $(".page_left").removeClass("span_true");
  216. isfirst = 0;
  217. });
  218. //新出来的1和2的点击效果
  219. $(".pagination_box").on("click",".second",function(){
  220. $(".paging_box").children().eq(1).click();
  221. $(".pagination_box>div").scrollLeft(0);
  222. $(".first").remove();
  223. $(".second").remove();
  224. $(".two_all_span").remove();
  225. $(".page_left").removeClass("span_true");
  226. isfirst=0;
  227. });
  228. //当数据传回来之后,
  229. function page(data){
  230. $(".one_all_span").remove();
  231. var data=Math.ceil(data/6);
  232. var paging_html="";
  233. for(var j=1;j<=data;j++){
  234. paging_html+="<span value="+j+">"+j+"</span>"
  235. }
  236. $(".paging_box").html(paging_html).width(data*34);
  237. $(".page_right").addClass("span_true").after("<span class='all_span one_all_span'>共"+data+"页</span>");
  238. }
  239. })();