Technologytrading.js 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  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. var ul_html="";
  14. for(var i=0;i<industryObject.length;i++){
  15. ul_html+="<li value='"+industryObject[i].value+"'><a href='javascript:;'>"+industryObject[i].label+"</a></li>";
  16. }
  17. $(".industry_ul").html(ul_html);
  18. $(".industry_ul li:first").addClass("action_li");
  19. })();
  20. (function(){
  21. $(".title_details ol li").click(function(){
  22. $(this).addClass("act").siblings().removeClass("act");
  23. var left_val=$(".industry_ul li.action_li").val();
  24. var right_val = $(this).val();
  25. $.ajax({
  26. method: "post",
  27. dataType: "json",
  28. url: globalConfig.context + "/portal/search/boutiqueSearchList",
  29. data: {
  30. boutiqueType:right_val,
  31. industryCatalog:left_val,
  32. pageNo:1,
  33. pageSize:6
  34. },
  35. success: function (data) {
  36. console.log(data);
  37. }
  38. })
  39. });
  40. $(".industry_ul li").click(function() {
  41. $(".title_details ol li").eq(0).addClass("act").siblings().removeClass("act");
  42. $(this).addClass("action_li").siblings().removeClass("action_li");
  43. var left_val = $(this).val();
  44. var right_val = $(".title_details ol li").eq(0).val();
  45. $.ajax({
  46. method: "post",
  47. dataType: "json",
  48. url: globalConfig.context + "/portal/search/boutiqueSearchList",
  49. data: {
  50. boutiqueType:right_val,
  51. industryCatalog:left_val,
  52. pageNo:1,
  53. pageSize:6
  54. },
  55. success: function (data) {
  56. console.log(data);
  57. }
  58. })
  59. });
  60. //�Ҳ����ݵķ�ҳ����
  61. $(".paging_box").on("click","span",function(){
  62. $(this).addClass("action_span").siblings().removeClass("action_span");
  63. var page_length=$(this).attr("value");
  64. var left_val=$(".industry_ul li.action_li").val();
  65. var right_check=$(".title_details ol li.act").index();
  66. $.ajax({
  67. method: "post",
  68. dataType: "json",
  69. url: globalConfig.context + "/portal/search/boutiqueSearchList",
  70. data: {
  71. boutiqueType:right_val,
  72. industryCatalog:left_val,
  73. pageNo:page_length,
  74. pageSize:6
  75. },
  76. success: function (data) {
  77. console.log(data);
  78. }
  79. })
  80. });
  81. //��ȡajax����
  82. function ajax_check(check,left_val,page){
  83. if(check==0){
  84. $.ajax({
  85. method: "get",
  86. dataType: "json",
  87. url: globalConfig.context + "/portal/search/demandList",
  88. data: {
  89. fieldA:left_val,
  90. category:0,
  91. dataCategory:null,
  92. pageNo:page,
  93. pageSize:6
  94. },
  95. success: function (data) {
  96. console.log(data);
  97. }
  98. })
  99. }else if(check==1){
  100. $.ajax({
  101. method: "get",
  102. dataType: "json",
  103. url: globalConfig.context + "/portal/search/achievementList",
  104. data: {
  105. fieldA:left_val,
  106. category:1,
  107. boutique:1,
  108. pageNo:page,
  109. pageSize:6
  110. },
  111. success: function (data) {
  112. console.log(data);
  113. }
  114. })
  115. }else if(check==2){
  116. $.ajax({
  117. method: "get",
  118. dataType: "json",
  119. url: globalConfig.context + "/portal/search/demandList",
  120. data: {
  121. industryCategoryA:left_val,
  122. sign:0,
  123. boutique:1,
  124. pageNo:page,
  125. pageSize:6
  126. },
  127. success: function (data) {
  128. console.log(data);
  129. }
  130. })
  131. }
  132. }
  133. //ʵ�ַ�ҳ�Ҳ�����ť
  134. var isfirst=0;//�ж�12...�Dz���Ӧ�����
  135. var isone=1;//�ж�...�Dz���Ӧ�����
  136. $(".page_right").click(function(){
  137. var box_scrollleft=$(".pagination_box>div").scrollLeft();
  138. box_scrollleft+=75;
  139. $(".pagination_box>div").scrollLeft(box_scrollleft);
  140. $(".page_left").addClass("span_true");
  141. if(isfirst==0){
  142. $(".page_left").before("<span class='all_span two_all_span'>. . .</span><span class='second'>2</span><span class='first'>1</span>");
  143. isfirst=1;
  144. }
  145. if($(".pagination_box>div").scrollLeft()==($(".paging_box").width()-$(".pagination_box>div").width())){
  146. $(".page_right").removeClass("span_true");
  147. $(".one_all_span").remove();
  148. isone=0;
  149. };
  150. });
  151. //ʵ�ַ�ҳ�������ť
  152. $(".page_left").click(function(){
  153. if(isone==0){
  154. $(".page_right").addClass("span_true").after("<span class='all_span one_all_span'>. . .</span>");
  155. isone=1;
  156. }
  157. var box_scrollleft=$(".pagination_box>div").scrollLeft();
  158. box_scrollleft-=75;
  159. $(".pagination_box>div").scrollLeft(box_scrollleft);
  160. $(".page_right").addClass("span_true");
  161. if($(".pagination_box>div").scrollLeft()==0){
  162. $(".page_left").removeClass("span_true");
  163. $(".first").remove();
  164. $(".second").remove();
  165. $(".two_all_span").remove();
  166. isfirst=0;
  167. }
  168. });
  169. //�³�����1��2�ĵ��Ч��
  170. $(".pagination_box").on("click",".first",function() {
  171. $(".paging_box").children().eq(0).click();
  172. $(".pagination_box>div").scrollLeft(0);
  173. $(".first").remove();
  174. $(".second").remove();
  175. $(".two_all_span").remove();
  176. $(".page_left").removeClass("span_true");
  177. isfirst = 0;
  178. if (isone == 0) {
  179. $(".page_right").addClass("span_true").after("<span class='all_span one_all_span'>. . .</span>");
  180. isone = 1;
  181. }
  182. })
  183. $(".pagination_box").on("click","span",function(){
  184. $(this).addClass("action_span").siblings().removeClass("action_span");
  185. var page_length=$(this).attr("value");
  186. console.log(page_length);
  187. $(".main_details").scrollTop((page_length-1)*800);
  188. console.log($(".main_details").scrollTop());
  189. });
  190. //�³�����1��2�ĵ��Ч��
  191. $(".pagination_box").on("click",".second",function(){
  192. $(".paging_box").children().eq(1).click();
  193. $(".pagination_box>div").scrollLeft(0);
  194. $(".first").remove();
  195. $(".second").remove();
  196. $(".two_all_span").remove();
  197. $(".page_left").removeClass("span_true");
  198. isfirst=0;
  199. if(isone==0){
  200. $(".page_right").addClass("span_true").after("<span class='all_span one_all_span'>. . .</span>");
  201. isone=1;
  202. }
  203. });
  204. //����ݴ�����֮��
  205. function page(data){
  206. var paging_html="";
  207. for(var j=1;j<=data;j++){
  208. paging_html+="<span value="+j+">"+j+"</span>"
  209. }
  210. $(".paging_box").html(paging_html).width(data*25);
  211. $(".paging_box span:first").addClass("action_span");
  212. if(data>8){
  213. $(".page_right").addClass("span_true").after("<span class='all_span one_all_span'>. . .</span>");
  214. }else{
  215. $(".all_span").remove();
  216. }
  217. }
  218. page(19);
  219. })();