Technologytrading.js 18 KB

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