Technologytrading.js 15 KB

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