|
@@ -12,36 +12,96 @@ import {
|
|
|
} from './DicIndustryList';
|
|
|
|
|
|
(function(){
|
|
|
- //处理data数据函数提取
|
|
|
+ var theKeyword,Province;
|
|
|
+ var thePageNo = 1,
|
|
|
+ thePageLength = 1,
|
|
|
+ pageSize = 6;
|
|
|
+ $(".technolo_right .technolo_text>div>a").click(function(e){
|
|
|
+ e.preventDefault();
|
|
|
+ $(this).parent().siblings().children("p").fadeOut();
|
|
|
+ $(this).parent().children("p").fadeToggle();
|
|
|
+ });
|
|
|
+ $(".technolo_right>div").mouseleave(function(){
|
|
|
+ $(".technolo_right .technolo_text>div>p").fadeOut();
|
|
|
+ });
|
|
|
+ $("#demandList_patent").on('click', 'li', function () {
|
|
|
+ var ol_index= $(".title_details ol>li.act").index();
|
|
|
+ var theId = $(this).attr('val');
|
|
|
+ var thetype=$(this).attr('typ');
|
|
|
+ if(ol_index==2){
|
|
|
+ window.open(globalConfig.context + '/portal/technologyTrading/demandDetail?id=' + theId+'&type='+thetype );
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ window.open(globalConfig.context + '/portal/technologyTrading/achievementDetail?id=' + theId+'&type='+thetype );
|
|
|
+ }
|
|
|
+
|
|
|
+});
|
|
|
+//处理data数据函数提取
|
|
|
function manage(data){
|
|
|
var demand_html="";
|
|
|
for(var i=0;i<data.list.length;i++){
|
|
|
- demand_html+="<li>" +
|
|
|
- "<img src='"+globalConfig.avatarUploadHost+data.list[i].pictureUrl+" alt=''/>" +
|
|
|
- "<div class='details_text'>" +
|
|
|
- "<p>行业<span>"+data.list[i].industryCatalog+"</span></p>" +
|
|
|
- "<p>价格<span>"+data.list[i].price+"</span></p>" +
|
|
|
- "<p>简介<b>"+data.list[i].sketch.substring(0,18)+"..."+"</b></p>" +
|
|
|
- "<a href='#'>了解详情</a>" +
|
|
|
- "</div>" +
|
|
|
- "<div class='details_fix'>" +
|
|
|
- "<p>专利名<span>"+data.list[i].name+"</span></p>" +
|
|
|
- "<p>所有人<span>"+data.list[i].personName+"</span></p>" +
|
|
|
- "</div></li>"
|
|
|
+ var catalog,price,sketch;
|
|
|
+ catalog=data.list[i].industryCatalog?data.list[i].industryCatalog:"所有行业";
|
|
|
+ price=data.list[i].price?data.list[i].price:"价格面议";
|
|
|
+ sketch=data.list[i].sketch?data.list[i].sketch.substring(0,18):"暂未简介";
|
|
|
+ if(!data.list[i].pictureUrl){
|
|
|
+ demand_html+="<li val='"+data.list[i].id+"' typ='"+data.list[i].ownerType+"'>" +
|
|
|
+ "<div class='imgnull'></div>" +
|
|
|
+ "<div class='details_text'>" +
|
|
|
+ "<p>行业<span>"+catalog+"</span></p>" +
|
|
|
+ "<p>价格<span>"+price+"</span></p>" +
|
|
|
+ "<p>简介<span>"+sketch+"..."+"</span></p>" +
|
|
|
+ "<a href='#'>了解详情</a>" +
|
|
|
+ "</div>" +
|
|
|
+ "<div class='details_fix'>" +
|
|
|
+ "<p>专利名<span>"+data.list[i].name+"</span></p>" +
|
|
|
+ "<p>所有人<span>"+data.list[i].personName+"</span></p>" +
|
|
|
+ "</div></li>"
|
|
|
+ }else{
|
|
|
+ demand_html+="<li val='"+data.list[i].id+"' typ='"+data.list[i].ownerType+"'>" +
|
|
|
+ "<img src='"+globalConfig.avatarUploadHost+data.list[i].pictureUrl+"' alt=''/>" +
|
|
|
+ "<div class='details_text'>" +
|
|
|
+ "<p>行业<span>"+catalog+"</span></p>" +
|
|
|
+ "<p>价格<span>"+price+"</span></p>" +
|
|
|
+ "<p>简介<span>"+sketch+"..."+"</span></p>" +
|
|
|
+ "<a href='#'>了解详情</a>" +
|
|
|
+ "</div>" +
|
|
|
+ "<div class='details_fix'>" +
|
|
|
+ "<p>专利名<span>"+data.list[i].name+"</span></p>" +
|
|
|
+ "<p>所有人<span>"+data.list[i].personName+"</span></p>" +
|
|
|
+ "</div></li>"
|
|
|
+ }
|
|
|
}
|
|
|
$("#demandList_patent").html(demand_html);
|
|
|
}
|
|
|
//当数据传回来之后,
|
|
|
function page(data){
|
|
|
- var data=Math.ceil(data/6);
|
|
|
- var paging_html="";
|
|
|
- for(var j=1;j<=data;j++){
|
|
|
- paging_html+="<span value="+j+">"+j+"</span>"
|
|
|
- }
|
|
|
- $(".paging_box").html(paging_html).width(data*34);
|
|
|
- $(".paging_box span:first").addClass("action_span").siblings().removeClass("action_span");
|
|
|
- $(".page_right").addClass("span_true").after("<span class='all_span one_all_span'>共"+data+"页</span>");
|
|
|
+ var date=Math.ceil(data/6);
|
|
|
+ $('.totalCount').html("共 "+ date +" 页 " + data + " 条数据");
|
|
|
+ var pageArr = [],
|
|
|
+ firstNo = 1,
|
|
|
+ endNo = 5;
|
|
|
+ if (thePageNo > 3) {
|
|
|
+ firstNo = thePageNo - 2;
|
|
|
+ endNo = Math.min((Number(thePageNo) + 2), date);
|
|
|
+ } else {
|
|
|
+ endNo = Math.min(date, 5);
|
|
|
+ };
|
|
|
+ for (let i = firstNo; i <= endNo; i++) {
|
|
|
+ if (i == thePageNo) {
|
|
|
+ pageArr.push(
|
|
|
+ '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ pageArr.push(
|
|
|
+ '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
|
|
|
+ );
|
|
|
+ }
|
|
|
+ };
|
|
|
+ $('.pageNumber').remove();
|
|
|
+ $('.pagePre').after(pageArr.join(''));
|
|
|
}
|
|
|
+
|
|
|
var ul_html="";
|
|
|
for(var i=0;i<industryObject.length;i++){
|
|
|
ul_html+="<li value='"+industryObject[i].value+"'><a href='javascript:;'>"+industryObject[i].label+"</a></li>";
|
|
@@ -62,32 +122,56 @@ import {
|
|
|
success: function (data) {
|
|
|
if(data.data.totalCount==0){
|
|
|
$(".pagination_box").css("display","none");
|
|
|
- $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
|
|
|
+ $("#demandList_patent").html("<div class='list_none'></div>");
|
|
|
}else{
|
|
|
$(".pagination_box").css("display","block");
|
|
|
manage(data.data);
|
|
|
page(data.data.totalCount);
|
|
|
+ $(".pageNext").attr("all_length",Math.ceil(data.data.totalCount/6));
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
})();
|
|
|
(function(){
|
|
|
+ var theKeyword,Province;
|
|
|
+ var thePageNo = 1,
|
|
|
+ thePageLength = 1,
|
|
|
+ pageSize = 6;
|
|
|
//处理data数据函数提取
|
|
|
function manage(data){
|
|
|
var demand_html="";
|
|
|
for(var i=0;i<data.list.length;i++){
|
|
|
- demand_html+="<li>" +
|
|
|
- "<img src='"+globalConfig.avatarUploadHost+data.list[i].pictureUrl+" alt=''/>" +
|
|
|
- "<div class='details_text'>" +
|
|
|
- "<p>行业:<span>"+data.list[i].industryCatalog+"</span></p>" +
|
|
|
- "<p>价格:<span>"+data.list[i].price+"</span></p>" +
|
|
|
- "<p>简介:<b>"+data.list[i].sketch.substring(0,18)+"..."+"</b></p>" +
|
|
|
- "<a href='#'>了解详情</a>" +
|
|
|
- "</div>" +
|
|
|
- "<div class='details_fix'>" +
|
|
|
- "<p>专利名:<span>"+data.list[i].name+"</span></p>" +
|
|
|
- "<p>所有人:<span>"+data.list[i].personName+"</span></p>" +
|
|
|
- "</div></li>"
|
|
|
+ var catalog,price,sketch;
|
|
|
+ catalog=data.list[i].industryCatalog?data.list[i].industryCatalog:"所有行业";
|
|
|
+ price=data.list[i].price?data.list[i].price:"价格面议";
|
|
|
+ sketch=data.list[i].sketch?data.list[i].sketch.substring(0,18):"暂无简介";
|
|
|
+ if(!data.list[i].pictureUrl){
|
|
|
+ demand_html+="<li val='"+data.list[i].id+"' typ='"+data.list[i].ownerType+"'>" +
|
|
|
+ "<div class='imgnull'></div>" +
|
|
|
+ "<div class='details_text'>" +
|
|
|
+ "<p>行业<span>"+catalog+"</span></p>" +
|
|
|
+ "<p>价格<span>"+price+"</span></p>" +
|
|
|
+ "<p>简介<span>"+sketch+"..."+"</span></p>" +
|
|
|
+ "<a href='#'>了解详情</a>" +
|
|
|
+ "</div>" +
|
|
|
+ "<div class='details_fix'>" +
|
|
|
+ "<p>专利名<span>"+data.list[i].name+"</span></p>" +
|
|
|
+ "<p>所有人<span>"+data.list[i].personName+"</span></p>" +
|
|
|
+ "</div></li>"
|
|
|
+ }else{
|
|
|
+ demand_html+="<li val='"+data.list[i].id+"' typ='"+data.list[i].ownerType+"'>" +
|
|
|
+ "<img src='"+globalConfig.avatarUploadHost+data.list[i].pictureUrl+"' alt=''/>" +
|
|
|
+ "<div class='details_text'>" +
|
|
|
+ "<p>行业<span>"+catalog+"</span></p>" +
|
|
|
+ "<p>价格<span>"+price+"</span></p>" +
|
|
|
+ "<p>简介<span>"+sketch+"..."+"</span></p>" +
|
|
|
+ "<a href='#'>了解详情</a>" +
|
|
|
+ "</div>" +
|
|
|
+ "<div class='details_fix'>" +
|
|
|
+ "<p>专利名<span>"+data.list[i].name+"</span></p>" +
|
|
|
+ "<p>所有人<span>"+data.list[i].personName+"</span></p>" +
|
|
|
+ "</div></li>"
|
|
|
+ }
|
|
|
}
|
|
|
$("#demandList_patent").html(demand_html);
|
|
|
}
|
|
@@ -109,12 +193,15 @@ import {
|
|
|
},
|
|
|
success: function (data) {
|
|
|
if(data.data.totalCount==0){
|
|
|
- $(".pagination_box").css("display","none");
|
|
|
- $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
|
|
|
+ // $(".pagination_box").css("display","none");
|
|
|
+ $("#demandList_patent").html("<div class='list_none'></div>");
|
|
|
}else{
|
|
|
- $(".pagination_box").css("display","block");
|
|
|
+ //$(".pagination_box").css("display","block");
|
|
|
+ thePageNo=1;
|
|
|
+ console.log("进来了");
|
|
|
manage(data.data);
|
|
|
- page(data.data.totalCount);
|
|
|
+ page_ol(data.data.totalCount);
|
|
|
+ $(".pageNext").attr("all_length",Math.ceil(data.data.totalCount/6));
|
|
|
}
|
|
|
}
|
|
|
})
|
|
@@ -140,111 +227,153 @@ import {
|
|
|
success: function (data) {
|
|
|
if(data.data.totalCount==0){
|
|
|
$(".pagination_box").css("display","none");
|
|
|
- $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
|
|
|
+ $("#demandList_patent").html("<div class='list_none'>.</div>");
|
|
|
}else{
|
|
|
$(".pagination_box").css("display","block");
|
|
|
manage(data.data);
|
|
|
page(data.data.totalCount);
|
|
|
+ $(".pageNext").attr("all_length",Math.ceil(data.data.totalCount/6));
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
});
|
|
|
|
|
|
//右侧内容的分页功能,点击一次发送一个ajax的请求,只请求6组数据
|
|
|
- $(".paging_box").on("click","span",function(e){
|
|
|
- var page_length=$(this).attr("value");
|
|
|
- var left_val=$(".industry_ul li.action_li").val();
|
|
|
- var right_val=$(".title_details ol li.act").val();
|
|
|
- var right_check=$(".title_details ol li.act").index();
|
|
|
+ function loadDate(pageNo) {
|
|
|
+ //var page_length = $(this).attr("value");
|
|
|
+ var left_val = $(".industry_ul li.action_li").val();
|
|
|
+ var right_val = $(".title_details ol li.act").val();
|
|
|
+ //var right_check = $(".title_details ol li.act").index();
|
|
|
$.ajax({
|
|
|
method: "post",
|
|
|
dataType: "json",
|
|
|
url: globalConfig.context + "/portal/search/boutiqueSearchList",
|
|
|
data: {
|
|
|
- boutiqueType:right_val,
|
|
|
- industryCatalog:left_val,
|
|
|
- pageNo:page_length,
|
|
|
- pageSize:6
|
|
|
+ boutiqueType: right_val,
|
|
|
+ industryCatalog: left_val,
|
|
|
+ pageNo: pageNo,
|
|
|
+ pageSize: 6
|
|
|
},
|
|
|
success: function (data) {
|
|
|
- if(data.data.totalCount==0){
|
|
|
- $(".pagination_box").css("display","none");
|
|
|
- $("#demandList_patent").html("<div class='list_none'>敬请期待...</div>");
|
|
|
- }else{
|
|
|
- $(".pagination_box").css("display","block");
|
|
|
+ if (data.data.totalCount == 0) {
|
|
|
+ // $(".pagination_box").css("display", "none");
|
|
|
+ $("#demandList_patent").html("<div class='list_none'></div>");
|
|
|
+ } else {
|
|
|
+ //$(".pagination_box").css("display", "block");
|
|
|
manage(data.data);
|
|
|
- page(data.data.totalCount);
|
|
|
- $(".paging_box span").eq(page_length-1).addClass("action_span").siblings().removeClass("action_span");
|
|
|
+ var data=data.data.totalCount;
|
|
|
+ var date=Math.ceil(data/6);
|
|
|
+
|
|
|
+ $(".pageNext").attr("all_length",date);
|
|
|
+ $('.totalCount').html("共 "+ date +" 页 " + data + " 条数据");
|
|
|
+ var pageArr = [],
|
|
|
+ firstNo = 1,
|
|
|
+ endNo = 5;
|
|
|
+ if (thePageNo > 3) {
|
|
|
+ firstNo = thePageNo - 2;
|
|
|
+ endNo = Math.min((Number(thePageNo) + 2), date);
|
|
|
+ } else {
|
|
|
+ endNo = Math.min(date, 5);
|
|
|
+ };
|
|
|
+ $('.pageNumber').remove();
|
|
|
+ for (let i = firstNo; i <= endNo; i++) {
|
|
|
+ if (i == thePageNo) {
|
|
|
+ pageArr.push(
|
|
|
+ '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ pageArr.push(
|
|
|
+ '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
|
|
|
+ );
|
|
|
+ }
|
|
|
+ };
|
|
|
+ $('.pagePre').after(pageArr.join(''));
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
- });
|
|
|
-
|
|
|
- //实现分页右侧点击按钮
|
|
|
- var isfirst=0;//判断12...是不是应该添加
|
|
|
- var page_click=0;//记录左右两侧的按钮点击的次数
|
|
|
- $(".page_right").click(function(){
|
|
|
- page_click++;
|
|
|
- var box_scrollleft=$(".pagination_box>div").scrollLeft();
|
|
|
- box_scrollleft+=102;
|
|
|
- $(".pagination_box>div").scrollLeft(box_scrollleft);
|
|
|
- $(".page_left").addClass("span_true");
|
|
|
- if(isfirst==0){
|
|
|
- $(".page_left").before("<span class='all_span two_all_span'>. . .</span><span class='second'>2</span><span class='first'>1</span>");
|
|
|
- isfirst=1;
|
|
|
- }
|
|
|
- if($(".pagination_box>div").scrollLeft()==($(".paging_box").width()-$(".pagination_box>div").width())){
|
|
|
- $(".page_right").removeClass("span_true");
|
|
|
- };
|
|
|
-
|
|
|
- });
|
|
|
- //实现分页左侧点击按钮
|
|
|
- $(".page_left").click(function(){
|
|
|
- page_click--;
|
|
|
- var box_scrollleft=$(".pagination_box>div").scrollLeft();
|
|
|
- box_scrollleft-=102;
|
|
|
- $(".pagination_box>div").scrollLeft(box_scrollleft);
|
|
|
- $(".page_right").addClass("span_true");
|
|
|
- if($(".pagination_box>div").scrollLeft()==0){
|
|
|
- $(".page_left").removeClass("span_true");
|
|
|
- $(".first").remove();
|
|
|
- $(".second").remove();
|
|
|
- $(".two_all_span").remove();
|
|
|
- isfirst=0;
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- //新出来的1和2的点击效果
|
|
|
- $(".pagination_box").on("click",".first",function() {
|
|
|
- $(".paging_box").children().eq(0).click();
|
|
|
- $(".pagination_box>div").scrollLeft(0);
|
|
|
- $(".first").remove();
|
|
|
- $(".second").remove();
|
|
|
- $(".two_all_span").remove();
|
|
|
- $(".page_left").removeClass("span_true");
|
|
|
- isfirst = 0;
|
|
|
- });
|
|
|
- //新出来的1和2的点击效果
|
|
|
- $(".pagination_box").on("click",".second",function(){
|
|
|
- $(".paging_box").children().eq(1).click();
|
|
|
- $(".pagination_box>div").scrollLeft(0);
|
|
|
- $(".first").remove();
|
|
|
- $(".second").remove();
|
|
|
- $(".two_all_span").remove();
|
|
|
- $(".page_left").removeClass("span_true");
|
|
|
- isfirst=0;
|
|
|
- });
|
|
|
+ }
|
|
|
//当数据传回来之后,
|
|
|
function page(data){
|
|
|
- $(".one_all_span").remove();
|
|
|
- var data=Math.ceil(data/6);
|
|
|
- var paging_html="";
|
|
|
- for(var j=1;j<=data;j++){
|
|
|
- paging_html+="<span value="+j+">"+j+"</span>"
|
|
|
+ thePageNo=$(".pagination li.active").children()[0].text;
|
|
|
+ var date=Math.ceil(data/6);
|
|
|
+ $('.totalCount').html("共 "+ date +" 页 " + data + " 条数据");
|
|
|
+ var pageArr = [],
|
|
|
+ firstNo = 1,
|
|
|
+ endNo = 5;
|
|
|
+ if (thePageNo > 3) {
|
|
|
+ firstNo = thePageNo - 2;
|
|
|
+ endNo = Math.min((Number(thePageNo) + 2), date);
|
|
|
+ } else {
|
|
|
+ endNo = Math.min(date, 5);
|
|
|
+ }
|
|
|
+ $('.pageNumber').remove();
|
|
|
+ for (let i = firstNo; i <= endNo; i++) {
|
|
|
+ console.log(i);
|
|
|
+ if (i == thePageNo) {
|
|
|
+ pageArr.push(
|
|
|
+ '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ pageArr.push(
|
|
|
+ '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
|
|
|
+ );
|
|
|
+ }
|
|
|
}
|
|
|
- $(".paging_box").html(paging_html).width(data*34);
|
|
|
- $(".page_right").addClass("span_true").after("<span class='all_span one_all_span'>共"+data+"页</span>");
|
|
|
+ $('.pagePre').after(pageArr.join(''));
|
|
|
}
|
|
|
+ function page_ol(data){
|
|
|
+ var date=Math.ceil(data/6);
|
|
|
+ $('.totalCount').html("共 "+ date +" 页 " + data + " 条数据");
|
|
|
+ var pageArr = [],
|
|
|
+ firstNo = 1,
|
|
|
+ endNo = 5;
|
|
|
+ if (thePageNo > 3) {
|
|
|
+ firstNo = thePageNo - 2;
|
|
|
+ endNo = Math.min((Number(thePageNo) + 2), date);
|
|
|
+ } else {
|
|
|
+ endNo = Math.min(date, 5);
|
|
|
+ }
|
|
|
+ $('.pageNumber').remove();
|
|
|
+ console.log(firstNo);
|
|
|
+ console.log(endNo);
|
|
|
+ for (let i = firstNo; i <= endNo; i++) {
|
|
|
+ console.log(i);
|
|
|
+ if (i == thePageNo) {
|
|
|
+ pageArr.push(
|
|
|
+ '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
|
|
|
+ );
|
|
|
+ } else {
|
|
|
+ pageArr.push(
|
|
|
+ '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $('.pagePre').after(pageArr.join(''));
|
|
|
+ }
|
|
|
+ $('.pagination').on('click', 'li', function (e) {
|
|
|
+ e.preventDefault();
|
|
|
+ thePageNo=$(".pagination li.active").children()[0].text;
|
|
|
+ if (this.className === 'pagePre') {
|
|
|
+ if (thePageNo > 1) {
|
|
|
+ thePageNo = 1;
|
|
|
+ loadDate(thePageNo);
|
|
|
+ }
|
|
|
+ } else if (this.className === 'pageNext') {
|
|
|
+ thePageLength=$(".pageNext").attr("all_length");
|
|
|
+ if (thePageNo < thePageLength) {
|
|
|
+ thePageNo = thePageLength;
|
|
|
+ loadDate(thePageNo);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ var nextPageNo = $(this).children()[0].text;
|
|
|
+ if (thePageNo != nextPageNo) {
|
|
|
+ $(this).siblings("li").removeClass("active");
|
|
|
+ $(this).addClass("active");
|
|
|
+ thePageNo = nextPageNo;
|
|
|
+ loadDate(thePageNo);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
})();
|
|
|
|
|
|
|