dengzhiguo 7 years ago
parent
commit
a123d57a5d

+ 6 - 6
src/css/financialIndex.css

@@ -84,16 +84,16 @@ form>img{position: absolute;top:2px;right:10px;}
 
 .allproduct_cont ul li img{;width: 285px;height:235px;}
 .details_fix{position: absolute;top: 165px;background: rgba(131,146,145,0.5);z-index: 12;
-    width: 285px;height: 70px;text-align: left;color: #FFFFFF;padding-left: 10px;}
-.details_fix p{height:35px;width:100%;line-height: 35px;}
+    width: 285px;height: 70px;text-align: left;color: #FFFFFF;padding-left: 10px;padding-top: 10px;}
+.details_fix p{height:35px;width:100%;line-height: 35px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;margin-top: 10px;}
 .details_fix p:first-child{margin-top: 0;}
-.details_fix p span{color: #333333;margin-left: 5px;}
+.details_fix p span{color: #333333;margin-left: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
 
-.details_text{width:280px;padding-top:10px ;position: absolute;left: 0;bottom:0px;}
+.details_text{width:280px;padding-top:10px ;position: absolute;left: 0;bottom:0;}
 .details_text p{width: 245px;margin:5px auto;color: #f68705;font-size: 16px;}
-.details_text p span{color: #333333;display: inline-block;width: 160px;overflow: hidden;height: 20px;vertical-align: top;
+.details_text p span{color: #787878;display: inline-block;width: 160px;overflow: hidden;height: 20px;vertical-align: top;
     text-overflow: ellipsis;white-space: nowrap;margin-left:5px; }
-.details_text p b{font-weight:normal;color: #333333;width:160px;height:40px ;display: inline-block;vertical-align: top; }
+.details_text p b{font-weight:normal;color: #787878;width:160px;height:40px ;display: inline-block;vertical-align: top; }
 .details_text a{width: 80px;height: 26px;display: inline-block;
     background: #ffb200;border-radius: 10px;float: right;
     line-height: 26px;text-align: center;color: #ffffff;

+ 3 - 3
src/css/main_banner.css

@@ -3,9 +3,9 @@
 .ct-img-big li{ float: left; }
 .ct-img-big li img{height: 600px;}
 .btn{ position: absolute; display: block;}
-.btn-pre{top:220px;left:220px;display: none;}
-.btn-next{top:220px;right:220px;display: none;}
-.ct-img-small{height:30px;list-style: none;position: absolute;bottom:50px;left:700px;margin: 0 auto;}
+.btn-pre{top:220px;left:220px;display: none !important;}
+.btn-next{top:220px;right:220px;display: none !important;}
+.ct-img-small{height:30px;list-style: none;position: absolute;bottom:50px;left:45%;margin: 0 auto;}
 .ct-img-small li{width:20px;height:20px;border-radius: 50%;margin-left:20px; float: left;
 text-align: center;line-height: 20px;cursor: pointer;background: #fff;}
 .ct-img-small li.active{color:#fff;background: #DB192A;}

+ 2 - 2
src/css/service/highTechCognizance.css

@@ -42,8 +42,8 @@ line-height: 50px;font-size: 18px;border-radius: 5px;position: absolute;bottom:4
 .btn_div>div{height:160px;position: absolute;}
 .btn_div>a{padding: 0;}
 .btn_div>a>img{width:100%;}
-.leftdiv{background-image:linear-gradient(90deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
-.rightdiv{background-image:linear-gradient(270deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
+.leftdiv{background-image:linear-gradient(90deg,#e8e8e8,#fff,#fff);opacity: 0.4;}
+.rightdiv{background-image:linear-gradient(270deg,#e8e8e8,#fff,#fff);opacity: 0.4;}
 
 #all_policy{width:100%;height:400px;}
 #policy{width:1200px;height:400px;margin: 0 auto;padding-top: 40px;text-align: center;}

+ 2 - 3
src/css/service/propertyRight.css

@@ -19,8 +19,8 @@
 .btn_div>div{height:160px;position: absolute;}
 .btn_div>a{padding: 0;}
 .btn_div>a>img{width:100%;}
-.leftdiv{background-image:linear-gradient(90deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
-.rightdiv{background-image:linear-gradient(270deg,#e8e8e8,#fff,#fff);opacity: 0.6;}
+.leftdiv{background-image:linear-gradient(90deg,#e8e8e8,#fff,#fff);opacity: 0.4;}
+.rightdiv{background-image:linear-gradient(270deg,#e8e8e8,#fff,#fff);opacity: 0.4;}
 
 .propery_list ol li:hover{background: #56acf5;color: #ffffff;box-shadow: 0 0 20px #0C79FF;border: 1px solid transparent;cursor: pointer;}
 .propery_imgs ul li img{width: 710px;height: 238px;margin-bottom: 28px;}
@@ -42,7 +42,6 @@
 .copyright_left p{padding-left:5px ;padding-right: 5px;font-size: 14px;color: #5f5e5e;line-height: 24px;margin-bottom: 50px;}
 
 .copyright_contant{float: left;}
-
 .copyright_right ol li:hover{cursor: pointer;color: #f68705;}
 .copyright_right h6{font-size: 14px;color: #f68705;margin-bottom: 22px;text-align: left;}
 .copyright_right ol li{padding-bottom: 12px;border-bottom: 1px solid #cccccc;margin-bottom: 26px;font-size: 12px;color:#5f5e5e;width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

+ 1 - 1
src/css/technologyFinancial.css

@@ -1,6 +1,6 @@
 *{font-family: "微软雅黑";}
 .container{width: 1200px;}
-.zizone img{width: 116px;height: 124spx;float: left;margin-left: 104px;}
+.zizone img{width: 116px;height: 124px;float: left;margin-left: 104px;}
 .zizone .img_right{float: left;padding-left: 26px;}
 .zizone .col-md-6{padding: 0;margin: 0;border-bottom: 1px solid #cccccc;padding-top: 38px;padding-bottom: 28px;}
 .zizone .img_right h4{font-family: "微软雅黑";font-size: 48px;color: #3586cd;margin-top: 22px;margin-bottom: 16px;font-weight: normal;}

+ 1 - 1
src/css/technologyTrading/achievement.css

@@ -39,7 +39,7 @@
 .search-select ul li .demand{background: url(../../../img/achievement_checkno.jpg) no-repeat center right;background-size:34% 50%;}
 .search-select ul li label:hover{cursor: pointer;}
 /*内容详情列表区域*/
-
+#maxprice{margin-right: 10px;}
 .achievement_main{background: #f5f5f5;width: 100%;overflow: hidden;}
 .main-header .head-left{float: left;color: #4b4b4b;padding-top: 30px;}
 .main-header .head_right{float: right;color: #4b4b4b;}

+ 4 - 3
src/css/technologyTrading/achievementDetail.css

@@ -11,13 +11,14 @@
 .detail_center{width:1200px;height:900px;margin: 0 auto;border: 1px solid #EFEFEF;}
 .detail_centerimg{width:1200px;height:660px;padding-top:45px;padding-left: 60px;
     border-bottom: 1px solid #EFEFEF;position: relative;}
+.detail_centerimg>div>div>img{width:430px;height:440px;}
 .small_img{width:200px;height:490px;display: inline-block;}
 .small_img>img{width:200px;height:155px;margin-bottom: 10px;}
 .big_img{width:470px;height:490px;display: inline-block;
 top:45px;left:310px;text-align: center; line-height: 490px;overflow: hidden;}
 .big_img img{width: 470px;height: 490px;}
 .detail_toptitle>a:hover{color: #000000;}
-
+.basic_center>p{text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
 
 .basic{width:720px;height:125px;position: relative;}
 .basic>div{width:220px;display: inline-block;height:70px;  }
@@ -36,7 +37,8 @@ line-height: 35px;color:#fff;border-radius: 5px;}
 .fine>div{width:240px;height:160px;margin-top: 10px;position: relative;}
 .fine>div>div>img{width:240px;height:160px;}
 .fine>div>p{width:240px;height:35px;position: absolute;left:0;bottom:0;background: #7A7572;
-color:#fff;text-align: center;line-height: 35px;}
+color:#fff;text-align: center;line-height: 35px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;
+padding: 0 10px;}
 
 .detail_centertext{width:1200px;height:240px;padding:30px 35px 0 35px;position: relative;}
 .detail_centertext>div{width:550px;height:240px;display: inline-block;
@@ -53,7 +55,6 @@ padding: 0 30px;}
 text-align: center;font-size: 22px;line-height: 40px;color:#4E4E4E;}
 
 div.pointer{cursor: pointer;}
-.fine>div>p{text-overflow:ellipsis;overflow: hidden;}
 .fine>div>p.achievementId{display: none;}
 .fine>div>p.achievementTyp{display: none;}
 .main_introduce ul>li>div>p.likeId{display: none;}

+ 2 - 1
src/css/technologyTrading/demandDetail.css

@@ -15,7 +15,8 @@
 .big_text>h3{color:#316899;}
 .big_img{width:470px;height:490px;display: inline-block;position: absolute;
     top:95px;left:50px;}
-.big_img>img{width:470px;}
+.big_img>div>img{width:430px;height:440px;}
+.big_img img{width:430px;height:440px;}
 .basic{width:300px;height:490px;position: absolute;top:95px;left:550px;}
 .basic>div{width:220px;height:55px;border-bottom: 1px solid #EFEFEF;}
 .basic>div>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

+ 9 - 6
src/css/thinkTank/thinkerDetail.css

@@ -8,11 +8,12 @@
 .detailtop_text>div{width:398px;height:250px;border-right:1px solid #F6F6F6;
     display: inline-block;float: left;text-align: center;padding: 50px 30px 0 30px;}
 .detailtop_text>div>h4{color:#F79627;margin-bottom: 20px;}
-.detailtop_text>div>p{text-align: left;line-height: 20px;}
+.detailtop_text>div>p{text-align: left;line-height: 20px;height: 100px;overflow: hidden;}
 
 .thinkerdetail_top div.detailtop_img{width:300px;height:300px;position: absolute;
     left:450px;top:-380px;text-align: center;}
 .head_img{width:210px;height:210px;border-radius: 50%;background: #fff;margin:0 auto;margin-bottom: 20px;}
+.head_img>img{width:210px;height:210px;}
 .people_name{width:140px;height:60px;text-align: center;line-height: 60px;font-weight: bold;
     font-size: 18px;background: #fff;margin:0 auto;}
 
@@ -36,7 +37,7 @@
 .right_text>div{width:445px;height:30px;}
 .right_text>div>h5{display: inline-block;font-weight: bold;font-size: 16px;width:100px;
     color:#3A3A3A;}
-.right_text>div>p{display: inline-block;}
+.right_text>div>p{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .right_btn{width:445px;height:50px;}
 .right_btn>div{width:150px;height:50px;line-height: 50px;
     text-align: center;border: 1px solid #D7D5D5;display: inline-block;
@@ -44,13 +45,14 @@
 .right_btn>div.btn_right{border: none;background:#FFB200;
     color:#fff;font-weight: bold;}
 .right_text>div.summary{height:110px;}
-.right_bottom{width:445px;height:360px;padding-top: 30px;}
+.right_bottom{width:445px;height:100px;position: relative;}
 .right_bottom>div{width:445px;height:100px;padding-top: 10px;
-    border-bottom:1px solid #CCCCCC; }
+    border-bottom:1px solid #CCCCCC; padding-left: 50px;}
 .people_img{width:50px;height:50px;border-radius: 50%;
-    background: #52de00;display: inline-block;}
+    background: #52de00;display: inline-block;position: absolute;top:30px;left: 0;}
+.people_img>img{width:50px;height:50px;}
 .people_text{width:380px;height:70px;display: inline-block;margin-left: 10px;}
-
+.detailcenter_right>h3{margin-top:30px;}
 .thinkdetail_bottom{width:1200px;height:500px;margin: 0 auto;padding-top: 60px;}
 .bottom_title{width:800px;border-bottom: 1px solid #E6E6E6;margin: 0 auto;position: relative;
 }
@@ -60,6 +62,7 @@ top:-25px;left:235px;color:#6C6C6C;text-align: center;line-height: 50px;}
 position: absolute;left:85px;top:-15px;text-align: center;background: #fff;}
 .bottom_title>div>div{width:30px;border-bottom: 1px solid #F38800;position: absolute;
 left:150px;bottom:-1px;}
+.people_text>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .bottom_cont{width:1200px;height:300px;margin-top: 80px;}
 .bottom_cont>div{width:225px;height:280px;margin-right:10px;display: inline-block;position: relative;}
 .bottom_cont>div>img{width:225px;height:190px;margin: 0 auto;}

+ 11 - 12
src/js/Technologytrading.js

@@ -37,20 +37,19 @@ import {
     });
     //点击搜索开始调用接口并跳转
     $(".searchs>button").click(function(e){
+        //localStorage.clear();
         var key=$("#search_on>input").val()?$("#search_on>input").val():"null";
         var typ=$("#selt>option:selected").attr("val");
-       window.open(globalConfig.context + '/portal/technologyTrading/achievement?pageType=' + typ+'&keyWord='+key );
-       // $.ajax({
-       //     method: "post",
-       //     dataType: "json",
-       //     url: globalConfig.context + "/portal/search/keyword",
-       //     data: {
-       //         pageType:typ,
-       //         keyWord:key
-       //     },
-       //     success: function (data) {
-       //     }
-       // })
+        if(typ==2){
+            window.open(globalConfig.context + '/portal/technologyTrading/demand.html');
+            localStorage.setItem("keyWord",key);
+            localStorage.setItem("pageType",typ);
+        }else{
+            window.open(globalConfig.context + '/portal/technologyTrading/achievement.html');
+            localStorage.setItem("keyWord",key);
+            localStorage.setItem("pageType",typ);
+        }
+
     });
     $("#demandList_patent").on('click', 'li', function () {
        var ol_index= $(".title_details ol>li.act").index();

+ 94 - 15
src/js/technologyTrading/achievement.js

@@ -15,14 +15,92 @@ import {
 
 
 $(function(){
-    //   console.log( window.location.search);
-    //console.log(window.location.search.substring(10,11));
-    //console.log(window.location.search.substring(20));
-    //window.location.href="http://192.168.1.101:8080/AFT/portal/technologyTrading/achievement";
-    //window.addEventListener("popstate", function() {
-    //    var currentState = history.state;
-    //    console.log(currentState);
-    //});
+    var valu=localStorage.getItem("keyWord");
+    var typ=localStorage.getItem("pageType");
+    sessionStorage.removeItem("keyWord");
+    sessionStorage.removeItem("pageType");
+    if(typ){
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/portal/search/achievementList",
+            data: {
+                pageNo:  1,
+                pageSize: pageSize,
+                keyword: valu,
+                transferMode: theMode != 999 ? theMode : undefined,
+                fieldA: theFieldA != 999 ? theFieldA : undefined,
+                fieldB: theFieldB != 999 ? theFieldB : undefined,
+                dataCategory:dataCategory != 999 ? dataCategory : undefined,
+                category:category != 999 ? category : undefined,
+                dateSort:dateSort,
+                lowerPrice:lowerPrice,
+                upperPrice:upperPrice
+            },
+            success: function (data) {
+                var theArr = [];
+
+                if (data.data && data.data.list) {
+                    for (let i = 0; i < data.data.list.length; i++) {
+                        let thisdata = data.data.list[i];
+                        var  imgUrl=thisdata.technicalPictureUrl!==null?thisdata.technicalPictureUrl:"/img/timg.gif";
+                        var star='';
+                        for(var n=0;n<thisdata.maturity;n++){
+                            star+='<li></li>';
+                        }
+                        theArr.push([
+                            '<li val="'+thisdata.id+'" typ="'+thisdata.ownerType+'">',		//图片地址
+                            '<img src="' + globalConfig.avatarHost + '/upload' + imgUrl + '"/>',
+                            '<div class="list_text">',
+                            '<p>行业<span>' + (thisdata.fieldA?getIndustryCategory(thisdata.fieldA, thisdata.fieldB):"未知行业") + '</span></p>',
+                            '<p>名称<span title=' + thisdata.name + '>' + (thisdata.name?thisdata.name:"未知名称") + '</span></p>',
+                            '<p>类型<span>' + (thisdata.category ? categoryObj[thisdata.category] : '') + '</span></p>',
+                            '<p>交易方式<span>' + (thisdata.transferMode ? transferModeObj[thisdata.transferMode] : "当面交易") + '</span></p>',
+                            '<a href="#">了解详情</a>',
+                            '</div>',
+                            '<div class="star">',
+                            '<p>成熟度:<span>'+(thisdata.maturityS?thisdata.maturityS:"无")+'</span></p>',
+                            '</div>',
+                            '<input type="hidden" class="achievementId" value="' + thisdata.id + '">',
+                            '<input type="hidden" class="achievementType" value="' + thisdata.dataCategory + '">',
+                            '</li>',
+                        ].join(''));
+                    };
+                };
+                $('.main_introduce ul').empty();
+                $('.main_introduce ul').append(theArr.join(''));
+                if(data.data.list.length===0){
+                    $('.main_introduce ul').html("<div class='list_none'></div>")	;
+                };
+                // $('.totalCount').html("共" + data.data.totalCount + "条数据");
+                thePageLength = data.data.totalCount ? Math.ceil(data.data.totalCount / pageSize) : 1;
+                var pageArr = [],
+                    firstNo = 1,
+                    endNo = 5;
+                if (thePageNo > 3) {
+                    firstNo = thePageNo - 2;
+                    endNo = Math.min((Number(thePageNo) + 2), thePageLength);
+                } else {
+                    endNo = Math.min(thePageLength, 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(''));
+            }
+        });
+    }else{
+        loadDate();
+    }
     //页面里面的详情链接
     $(".main_introduce ul").on('click', 'li', function () {
         var ol_index= $(".title_details ol>li.act").index();
@@ -50,6 +128,7 @@ var thePageNo = 1,
     "2": "技术入股",
     "3": "5年独占许可转让"
 };
+
 function loadDate(pageNo) {
     $.ajax({
         method: "get",
@@ -63,14 +142,14 @@ function loadDate(pageNo) {
             fieldA: theFieldA != 999 ? theFieldA : undefined,
             fieldB: theFieldB != 999 ? theFieldB : undefined,
             dataCategory:dataCategory != 999 ? dataCategory : undefined,
-            category:category != 999 ? category : undefined,  
+            category:category != 999 ? category : undefined,
             dateSort:dateSort,
             lowerPrice:lowerPrice,
 	        upperPrice:upperPrice
         },
-        success: function (data) {        	
+        success: function (data) {
             var theArr = [];
-           
+
             if (data.data && data.data.list) {
                 for (let i = 0; i < data.data.list.length; i++) {
                     let thisdata = data.data.list[i];
@@ -78,8 +157,8 @@ function loadDate(pageNo) {
                     var star='';
                     for(var n=0;n<thisdata.maturity;n++){
                     	star+='<li></li>';
-                    }                     
-                    theArr.push([                                       
+                    }
+                    theArr.push([
                         '<li val="'+thisdata.id+'" typ="'+thisdata.ownerType+'">',		//图片地址
 						'<img src="' + globalConfig.avatarHost + '/upload' + imgUrl + '"/>',
 	 					'<div class="list_text">',
@@ -94,7 +173,7 @@ function loadDate(pageNo) {
 	 					'</div>',
 	 					'<input type="hidden" class="achievementId" value="' + thisdata.id + '">',
                         '<input type="hidden" class="achievementType" value="' + thisdata.dataCategory + '">',
-					    '</li>',                                             
+					    '</li>',
                     ].join(''));
                 };
             };
@@ -136,7 +215,7 @@ function loadDate(pageNo) {
         theKeyword = decodeURIComponent(theKeyword);
         $('#search_on input').val(theKeyword);
     };
-    loadDate();
+
     var industryListArr = [],
         industryChildrenArr = [];
     industryListArr.push(['<li value="999" class="active">',

+ 88 - 3
src/js/technologyTrading/demand.js

@@ -33,9 +33,93 @@ $(function(){
 	    "2": "技术方案型需求",
 	    "3": "技术攻关型需求",
 	    "4": "技术咨询型需求",
-	    "5": "技术人才型需求",
+	    "5": "技术人才型需求"
 	};
-	
+	var valu=localStorage.getItem("keyWord");
+	var typ=localStorage.getItem("pageType");
+	sessionStorage.removeItem("keyWord");
+	sessionStorage.removeItem("pageType");
+	if(typ){
+		$.ajax({
+			method: "get",
+			dataType: "json",
+			url: globalConfig.context + "/portal/search/achievementList",
+			data: {
+				pageNo:  1,
+				pageSize: pageSize,
+				keyword: valu,
+				transferMode: theMode != 999 ? theMode : undefined,
+				fieldA: theFieldA != 999 ? theFieldA : undefined,
+				fieldB: theFieldB != 999 ? theFieldB : undefined,
+				dataCategory:dataCategory != 999 ? dataCategory : undefined,
+				category:category != 999 ? category : undefined
+				//dateSort:dateSort,
+				//lowerPrice:lowerPrice,
+				//upperPrice:upperPrice
+			},
+			success: function (data) {
+				var theArr = [];
+				if (data.data && data.data.list) {
+					for (let i = 0; i < data.data.list.length; i++) {
+						let thisdata = data.data.list[i];
+						var imgUrl=thisdata.pictureUrl!==null?thisdata.pictureUrl:"/img/timg.gif";
+						var star='';
+						for(var n=0;n<thisdata.maturity;n++){
+							star+='<li></li>'
+						}
+						theArr.push([
+							'<li val="'+thisdata.id+'" typ="'+thisdata.dataCategory+'">',			//图片地址
+							'<img src="' + globalConfig.avatarHost + '/upload' + imgUrl + '"/>',
+							'<div class="list_text">',
+							'<p>行业<span>' + (thisdata.industryCategoryA?getIndustryCategory(thisdata.industryCategoryA, thisdata.industryCategoryB):"未知行业") + '</span></p>',
+							'<p>名称<span title=' + thisdata.name + '>' + (thisdata.name?thisdata.name:"未知名称") + '</span></p>',
+							'<p>类型<span>' + (thisdata.demandType ? categoryObj[thisdata.demandType] : '类型未知') + '</span></p>',
+							'<p class="money">预算<span>'+ (thisdata.budgetCost ? (thisdata.budgetCost + '万元') : '价格面议') + '</span></p>',
+							'<a href="#">了解详情</a>',
+							'</div>',
+							'<div class="star">',
+							'<p>成熟度:<ol><li></li><li></li><li></li><li></li><li></li></ol></p>',
+							'</div>',
+							'<input type="hidden" class="demandId" value="' + thisdata.id + '">',
+							'<input type="hidden" class="demandType" value="' + thisdata.dataCategory + '">',
+							'</li>',
+						].join(''));
+					};
+				};
+				$('.main_introduce ul').empty();
+				$('.main_introduce ul').append(theArr.join(''));
+				if(data.data.list.length===0){
+					$('.main_introduce ul').html("<div class='list_none'></div>")	;
+				};
+				// $('.totalCount').html("共" + data.data.totalCount + "条数据");
+				thePageLength = data.data.totalCount ? Math.ceil(data.data.totalCount / pageSize) : 1;
+				var pageArr = [],
+					firstNo = 1,
+					endNo = 5;
+				if (thePageNo > 3) {
+					firstNo = thePageNo - 2;
+					endNo = Math.min((Number(thePageNo) + 2), thePageLength);
+				} else {
+					endNo = Math.min(thePageLength, 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(''));
+			}
+		});
+	}else{
+		loadDate();
+	}
 
 	function loadDate(pageNo) {
 	    $.ajax({
@@ -112,9 +196,10 @@ $(function(){
 	            };
 	            $('.pageNumber').remove();
 	            $('.pagePre').after(pageArr.join(''));
-	        },
+	        }
 	    });
 	}
+
 	if (window.location.search) {
         let theUrl = window.location.search
         theKeyword = theUrl.substring(1, theUrl.length);