Technologytrading.js 17 KB

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