Technologytrading.js 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417
  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 theKeyword,Province;
  14. var thePageNo = 1,
  15. thePageLength = 1,
  16. pageSize = 6;
  17. //技术交易问题的点击出答案
  18. $(".technolo_right .technolo_text>div>a").click(function(e){
  19. e.preventDefault();
  20. var alength=$(this).parent().index();
  21. $(".answer").css({"display":"block"});
  22. $(".answer>p").eq(alength).fadeIn();
  23. });
  24. //技术交易问题的点击出答案
  25. $(".answer").click(function(e){
  26. if(e.target.className=="answer"){
  27. $(".answer").css({"display":"none"});
  28. $(".answer>p").fadeOut();
  29. }
  30. });
  31. //技术交易问题的点击出答案
  32. $(".answer>p>span").click(function(e){
  33. $(".answer").css({"display":"none"});
  34. $(".answer>p").fadeOut();
  35. });
  36. //点击搜索开始调用接口并跳转
  37. $(".searchs>button").click(function(e){
  38. var key=$("#search_on>input").val()?$("#search_on>input").val():"null";
  39. var typ=$("#selt>option:selected").attr("val");
  40. window.open(globalConfig.context + '/portal/technologyTrading/achievement?pageType=' + typ+'&keyWord='+key );
  41. // $.ajax({
  42. // method: "post",
  43. // dataType: "json",
  44. // url: globalConfig.context + "/portal/search/keyword",
  45. // data: {
  46. // pageType:typ,
  47. // keyWord:key
  48. // },
  49. // success: function (data) {
  50. // }
  51. // })
  52. });
  53. $("#demandList_patent").on('click', 'li', function () {
  54. var ol_index= $(".title_details ol>li.act").index();
  55. var theId = $(this).attr('val');
  56. var thetype=$(this).attr('typ');
  57. if(ol_index==2){
  58. window.open(globalConfig.context + '/portal/technologyTrading/demandDetail?id=' + theId+'&type='+thetype );
  59. }
  60. else{
  61. window.open(globalConfig.context + '/portal/technologyTrading/achievementDetail?id=' + theId+'&type='+thetype );
  62. }
  63. });
  64. $(".technolo_center .technolo_text").on('click', 'div', function () {
  65. var theId = $(this).attr('val');
  66. window.open(globalConfig.context + '/portal/news/newsDetail?id=' + theId );
  67. });
  68. //处理data数据函数提取
  69. function manage(data){
  70. var demand_html="";
  71. for(var i=0;i<data.list.length;i++){
  72. var catalog,price,sketch;
  73. catalog=data.list[i].industryCatalog?data.list[i].industryCatalog:"所有行业";
  74. price=data.list[i].price?data.list[i].price:"价格面议";
  75. sketch=data.list[i].sketch?data.list[i].sketch.substring(0,18):"暂未简介";
  76. if(!data.list[i].pictureUrl){
  77. demand_html+="<li val='"+data.list[i].id+"' typ='"+data.list[i].ownerType+"'>" +
  78. "<div class='imgnull'></div>" +
  79. "<div class='details_text'>" +
  80. "<p>行业:<span>"+catalog+"</span></p>" +
  81. "<p>价格:<span>"+price+"</span></p>" +
  82. "<p>简介:<span>"+sketch+"..."+"</span></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?data.list[i].personName:"佚名")+"</span></p>" +
  88. "</div></li>"
  89. }else{
  90. demand_html+="<li val='"+data.list[i].id+"' typ='"+data.list[i].ownerType+"'>" +
  91. "<img src='"+globalConfig.avatarUploadHost+data.list[i].pictureUrl+"' alt=''/>" +
  92. "<div class='details_text'>" +
  93. "<p>行业:<span>"+catalog+"</span></p>" +
  94. "<p>价格:<span>"+price+"</span></p>" +
  95. "<p>简介:<span>"+sketch+"..."+"</span></p>" +
  96. "<a href='#'>了解详情</a>" +
  97. "</div>" +
  98. "<div class='details_fix'>" +
  99. "<p>专利名:<span>"+data.list[i].name+"</span></p>" +
  100. "<p>所有人:<span>"+(data.list[i].personName?data.list[i].personName:"佚名")+"</span></p>" +
  101. "</div></li>"
  102. }
  103. }
  104. $("#demandList_patent").html(demand_html);
  105. }
  106. //当数据传回来之后,
  107. function page(data){
  108. var date=Math.ceil(data/6);
  109. $('.totalCount').html("共 "+ date +" 页 ");
  110. var pageArr = [],
  111. firstNo = 1,
  112. endNo = 5;
  113. if (thePageNo > 3) {
  114. firstNo = thePageNo - 2;
  115. endNo = Math.min((Number(thePageNo) + 2), date);
  116. } else {
  117. endNo = Math.min(date, 5);
  118. };
  119. for (let i = firstNo; i <= endNo; i++) {
  120. if (i == thePageNo) {
  121. pageArr.push(
  122. '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
  123. );
  124. } else {
  125. pageArr.push(
  126. '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
  127. );
  128. }
  129. };
  130. $('.pageNumber').remove();
  131. $('.pagePre').after(pageArr.join(''));
  132. }
  133. var ul_html="";
  134. for(var i=0;i<industryObject.length;i++){
  135. ul_html+="<li value='"+industryObject[i].value+"'><a href='javascript:;'>"+industryObject[i].label+"</a></li>";
  136. }
  137. $(".industry_ul").html(ul_html);
  138. $(".industry_ul li:first").addClass("action_li");
  139. var left_val=$(".industry_ul li.action_li").val();
  140. $.ajax({
  141. method: "post",
  142. dataType: "json",
  143. url: globalConfig.context + "/portal/search/boutiqueSearchList",
  144. data: {
  145. boutiqueType:0,
  146. industryCatalog:left_val,
  147. pageNo:1,
  148. pageSize:6
  149. },
  150. success: function (data) {
  151. if(data.data.totalCount==0){
  152. $(".pagination_box").css("display","none");
  153. $("#demandList_patent").html("<div class='list_none'></div>");
  154. }else{
  155. $(".pagination_box").css("display","block");
  156. manage(data.data);
  157. page(data.data.totalCount);
  158. $(".pageNext").attr("all_length",Math.ceil(data.data.totalCount/6));
  159. }
  160. }
  161. })
  162. })();
  163. (function(){
  164. var theKeyword,Province;
  165. var thePageNo = 1,
  166. thePageLength = 1,
  167. pageSize = 6;
  168. //处理data数据函数提取
  169. function manage(data){
  170. var chagename="";
  171. var caseindex=$(".title_details ol li.act").index();
  172. switch (caseindex){
  173. case 0:chagename="专利名";break;
  174. case 1:chagename="技术名";break;
  175. case 2:chagename="需求名";break;
  176. }
  177. var demand_html="";
  178. for(var i=0;i<data.list.length;i++){
  179. var catalog,price,sketch;
  180. catalog=data.list[i].industryCatalog?data.list[i].industryCatalog:"所有行业";
  181. price=data.list[i].price?data.list[i].price:"价格面议";
  182. sketch=data.list[i].sketch?data.list[i].sketch.substring(0,18):"暂无简介";
  183. if(!data.list[i].pictureUrl){
  184. demand_html+="<li val='"+data.list[i].id+"' typ='"+data.list[i].ownerType+"'>" +
  185. "<div class='imgnull'></div>" +
  186. "<div class='details_text'>" +
  187. "<p>行业:<span>"+catalog+"</span></p>" +
  188. "<p>价格:<span>"+price+"</span></p>" +
  189. "<p>简介:<span>"+sketch+"..."+"</span></p>" +
  190. "<a href='#'>了解详情</a>" +
  191. "</div>" +
  192. "<div class='details_fix'>" +
  193. "<p>"+chagename+":<span>"+data.list[i].name+"</span></p>" +
  194. "<p>所有人:<span>"+(data.list[i].personName?data.list[i].personName:"佚名")+"</span></p>" +
  195. "</div></li>"
  196. }else{
  197. demand_html+="<li val='"+data.list[i].id+"' typ='"+data.list[i].ownerType+"'>" +
  198. "<img src='"+globalConfig.avatarUploadHost+data.list[i].pictureUrl+"' alt=''/>" +
  199. "<div class='details_text'>" +
  200. "<p>行业:<span>"+catalog+"</span></p>" +
  201. "<p>价格:<span>"+price+"</span></p>" +
  202. "<p>简介:<span>"+sketch+"..."+"</span></p>" +
  203. "<a href='#'>了解详情</a>" +
  204. "</div>" +
  205. "<div class='details_fix'>" +
  206. "<p>专利名:<span>"+data.list[i].name+"</span></p>" +
  207. "<p>所有人:<span>"+(data.list[i].personName?data.list[i].personName:"佚名")+"</span></p>" +
  208. "</div></li>"
  209. }
  210. }
  211. $("#demandList_patent").html(demand_html);
  212. }
  213. $(".title_details ol li").click(function(){
  214. $(".paging_box span:first").addClass("action_span").siblings().removeClass("action_span");
  215. $(this).addClass("act").siblings().removeClass("act");
  216. var left_val=$(".industry_ul li.action_li").val();
  217. var right_val = $(this).val();
  218. $.ajax({
  219. method: "post",
  220. dataType: "json",
  221. url: globalConfig.context + "/portal/search/boutiqueSearchList",
  222. data: {
  223. boutiqueType:right_val,
  224. industryCatalog:left_val,
  225. pageNo:1,
  226. pageSize:6
  227. },
  228. success: function (data) {
  229. if(data.data.totalCount==0){
  230. $("#demandList_patent").html("<div class='list_none'></div>");
  231. }else{
  232. thePageNo=1;
  233. manage(data.data);
  234. page_ol(data.data.totalCount);
  235. $(".pageNext").attr("all_length",Math.ceil(data.data.totalCount/6));
  236. }
  237. }
  238. })
  239. });
  240. $(".industry_ul li").click(function() {
  241. $(".paging_box span:first").addClass("action_span").siblings().removeClass("action_span");
  242. $(".title_details ol li").eq(0).addClass("act").siblings().removeClass("act");
  243. $(this).addClass("action_li").siblings().removeClass("action_li");
  244. var left_val = $(this).val();
  245. var right_val = $(".title_details ol li").eq(0).val();
  246. $.ajax({
  247. method: "post",
  248. dataType: "json",
  249. url: globalConfig.context + "/portal/search/boutiqueSearchList",
  250. data: {
  251. boutiqueType:right_val,
  252. industryCatalog:left_val,
  253. pageNo:1,
  254. pageSize:6
  255. },
  256. success: function (data) {
  257. if(data.data.totalCount==0){
  258. $(".pagination_box").css("display","none");
  259. $("#demandList_patent").html("<div class='list_none'>.</div>");
  260. }else{
  261. $(".pagination_box").css("display","block");
  262. manage(data.data);
  263. page(data.data.totalCount);
  264. $(".pageNext").attr("all_length",Math.ceil(data.data.totalCount/6));
  265. }
  266. }
  267. })
  268. });
  269. //右侧内容的分页功能,点击一次发送一个ajax的请求,只请求6组数据
  270. function loadDate(pageNo) {
  271. //var page_length = $(this).attr("value");
  272. var left_val = $(".industry_ul li.action_li").val();
  273. var right_val = $(".title_details ol li.act").val();
  274. //var right_check = $(".title_details ol li.act").index();
  275. $.ajax({
  276. method: "post",
  277. dataType: "json",
  278. url: globalConfig.context + "/portal/search/boutiqueSearchList",
  279. data: {
  280. boutiqueType: right_val,
  281. industryCatalog: left_val,
  282. pageNo: pageNo,
  283. pageSize: 6
  284. },
  285. success: function (data) {
  286. if (data.data.totalCount == 0) {
  287. // $(".pagination_box").css("display", "none");
  288. $("#demandList_patent").html("<div class='list_none'></div>");
  289. } else {
  290. //$(".pagination_box").css("display", "block");
  291. manage(data.data);
  292. var data=data.data.totalCount;
  293. var date=Math.ceil(data/6);
  294. $(".pageNext").attr("all_length",date);
  295. $('.totalCount').html("共 "+ date +" 页 ");
  296. var pageArr = [],
  297. firstNo = 1,
  298. endNo = 5;
  299. if (thePageNo > 3) {
  300. firstNo = thePageNo - 2;
  301. endNo = Math.min((Number(thePageNo) + 2), date);
  302. } else {
  303. endNo = Math.min(date, 5);
  304. };
  305. $('.pageNumber').remove();
  306. for (let i = firstNo; i <= endNo; i++) {
  307. if (i == thePageNo) {
  308. pageArr.push(
  309. '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
  310. );
  311. } else {
  312. pageArr.push(
  313. '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
  314. );
  315. }
  316. };
  317. $('.pagePre').after(pageArr.join(''));
  318. }
  319. }
  320. });
  321. }
  322. //当数据传回来之后,
  323. function page(data){
  324. thePageNo=$(".pagination li.active").children()[0].text;
  325. var date=Math.ceil(data/6);
  326. $('.totalCount').html("共 "+ date +" 页 ");
  327. var pageArr = [],
  328. firstNo = 1,
  329. endNo = 5;
  330. if (thePageNo > 3) {
  331. firstNo = thePageNo - 2;
  332. endNo = Math.min((Number(thePageNo) + 2), date);
  333. } else {
  334. endNo = Math.min(date, 5);
  335. }
  336. $('.pageNumber').remove();
  337. for (let i = firstNo; i <= endNo; i++) {
  338. if (i == thePageNo) {
  339. pageArr.push(
  340. '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
  341. );
  342. } else {
  343. pageArr.push(
  344. '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
  345. );
  346. }
  347. }
  348. $('.pagePre').after(pageArr.join(''));
  349. }
  350. function page_ol(data){
  351. var date=Math.ceil(data/6);
  352. $('.totalCount').html("共 "+ date +" 页 ");
  353. var pageArr = [],
  354. firstNo = 1,
  355. endNo = 5;
  356. if (thePageNo > 3) {
  357. firstNo = thePageNo - 2;
  358. endNo = Math.min((Number(thePageNo) + 2), date);
  359. } else {
  360. endNo = Math.min(date, 5);
  361. }
  362. $('.pageNumber').remove();
  363. for (let i = firstNo; i <= endNo; i++) {
  364. if (i == thePageNo) {
  365. pageArr.push(
  366. '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
  367. );
  368. } else {
  369. pageArr.push(
  370. '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
  371. );
  372. }
  373. }
  374. $('.pagePre').after(pageArr.join(''));
  375. }
  376. $('.pagination').on('click', 'li', function (e) {
  377. e.preventDefault();
  378. thePageNo=$(".pagination li.active").children()[0].text;
  379. if (this.className === 'pagePre') {
  380. if (thePageNo > 1) {
  381. thePageNo = 1;
  382. loadDate(thePageNo);
  383. }
  384. } else if (this.className === 'pageNext') {
  385. thePageLength=$(".pageNext").attr("all_length");
  386. if (thePageNo < thePageLength) {
  387. thePageNo = thePageLength;
  388. loadDate(thePageNo);
  389. }
  390. } else {
  391. var nextPageNo = $(this).children()[0].text;
  392. if (thePageNo != nextPageNo) {
  393. $(this).siblings("li").removeClass("active");
  394. $(this).addClass("active");
  395. thePageNo = nextPageNo;
  396. loadDate(thePageNo);
  397. }
  398. }
  399. });
  400. })();