technologyTrading.js 17 KB

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