liting2017 6 years ago
parent
commit
8c4e388023

+ 126 - 28
src/css/indexNew.css

@@ -12,13 +12,13 @@ line-height: 35px;font-size:16px;cursor:pointer;color:#7A7878;}
 .indexSeach_one>div>img{position: absolute;cursor: pointer;}
 .indexImg1{left:902px;top:0;}
 .indexImg2{left:1020px;top:0;}
-
 .indexSeach_two{width:1125px;height:200px;margin:40px auto 0;}
+
 .indexSeach_two>div{width:275px;height:175px;border:1px solid #DEDEDE;display: inline-block;
 position:relative;margin-right:4px;}
 .indexSeach_two>div:nth-child(4){margin-right:0;}
 .seachTitle{width:135px;height:30px;position:absolute;left:70px;top:-15px;background: #fff;}
-.seachTitle>div{width:115px;height:30px;background:linear-gradient(to right,#FF580D,#FF8044);margin:0 auto;border-radius:15px;
+.seachTitle>div{transition: all .2s ease-in-out;width:115px;height:30px;background:linear-gradient(to right,#FF580D,#FF8044);margin:0 auto;border-radius:15px;
 text-align: center;line-height: 30px;font-size:16px;color:#fff;}
 #seachCont{width:274px;height:100px;margin:35px 0 0 1px;overflow:hidden;position: relative;}
 .seachCont{width:408px;height:100px;position: absolute;top:0;left:0;}
@@ -50,25 +50,45 @@ line-height:50px;color:#7A7878;font-size:16px;}
 .seachCont4>div:nth-child(4){background: url(../../img/indexNews20.jpg) no-repeat;}
 .seachCont4>div:nth-child(5){background: url(../../img/indexNews21.jpg) no-repeat;}
 
-.seachMore{width:250px;height:40px;color:#FF580D;font-size:15px;cursor:pointer;text-align:right;}
-
+.seachMore {width:100%;height:40px;font-size:15px;cursor:pointer;text-align:right;transition: all .2s ease-in-out;padding-right:20px;}
+.seachMore a{color:#FF580D;}
 .indexSeach_three{width:1125px;height:110px;border:1px solid #DEDEDE;margin:30px auto 0;position:relative;padding-left:0.5px;padding-top:30px;}
 .seachTitle2{width:135px;height:30px;position:absolute;left:495px;top:-15px;background: #fff;}
 .seachTitle2>div{width:115px;height:30px;background:linear-gradient(to right,#26A0FF,#82D7FF);margin:0 auto;border-radius:15px;
 text-align: center;line-height: 30px;font-size:16px;color:#fff;}
-.wit{width:197px;height:100px;display:inline-block;text-align: center;cursor:pointer;}
-.wih{width:170px;height:100px;display:inline-block;text-align: center;cursor:pointer;}
-.wit>p{color:#7A7878;font-size:15px;}
-.wih>p{color:#7A7878;font-size:15px;}
+.wit{width:197px;height: 60px;display:inline-block;text-align: center;cursor:pointer;position: relative;z-index: 100}
+.wit img,.wit img{
+    width: 70px;
+    height: 40px;
+    display: inline-block;
+    transition: all .2s ease-in-out;
+}
+.wih{width:170px;height: 60px;display:inline-block;text-align: center;cursor:pointer;position: relative;z-index: 100;}
+.wit>p{color:#7A7878;font-size:15px;position: absolute;bottom: 0;width: 100%;height: 20px;
+line-height: 20px;transition: all .2s ease-in-out;background: #fff}
+.wih>p{color:#7A7878;font-size:15px;position: absolute;bottom: 0;width: 100%;height: 20px;
+    line-height: 20px;transition: all .2s ease-in-out;background: #fff}
 
 
 #indexServe{width:1200px;height:1150px;margin:0 auto;position: relative;}
 .indexServe_title{width:655px;height:70px;margin:0 auto;;}
 .indexServe_title>p{font-size:18px;color:#7A7878;text-align: center;}
-.indexServe_cont{width:1200px;height:445px;margin-top: 40px;position:relative;}
-.indexServe_cont>div{width:390px;height:445px;margin-right:10px;display: inline-block;
+.indexServe_cont{width:1200px;margin-top: 40px;position:relative;}
+.indexServe_cont>div{width:390px;margin-right:10px;float: left;
 background:#FBFBFB url(../../img/indexNew7.png) no-repeat;padding:45px 0 0 15px;text-align: center;}
 .indexServe_cont>div:nth-child(3){margin-right: 0;}
+.indexServe_bots .wrapper{
+    float: left;
+    width: 230px;
+}
+.indexServe_bots>img{
+    float: left;
+    width: 140px;
+    height: 130px;
+}
+.indexServe_cont .indexServe_bots{
+    overflow: hidden;
+}
 .indexServe_cont>div>h2{color:#1F1F1F;font-size: 24px;font-weight:500;}
 .indexServe_cont>div h3{color:#FF6D0A;font-size: 18px;font-weight:500;text-align:left;
 margin-top:20px;letter-spacing: 2px;}
@@ -77,24 +97,55 @@ margin-top:20px;letter-spacing: 2px;}
 margin-top:10px;color:#4E4E4E;line-height: 22px;
 text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
 .indexServe_cont>div>div>img{position:absolute;top:0;right:0;}
-.indexServe_cont>div>div.indexServe_bot{margin-top:20px;}
-.indexServe_bot>div{display:inline-block;}
-.indexServe_bot>div{color:#fff;width:360px;height:18px;background:url(../../img/indexNew9.png) no-repeat;padding-left: 17px;line-height: 18px;}
+.indexServe_cont>div>div>div.indexServe_bot{margin-top:20px;height: 160px;}
+.indexServe_bot>div{float: left;}
+.indexServe_bot{
+    clear: both;
+}
+.indexServe_bot>div{color:#fff;width:100%;height:18px;background:url(../../img/indexNew9.png) no-repeat;padding-left: 17px;line-height: 18px;}
 .indexServe_cont>div>div.indexServe_bot>p{width:340px;letter-spacing: 1px;margin-top:10px;color:#4E4E4E;line-height: 20px;
-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
-.indexServe_cont>div>div.indexServe_img{width:350px;height:40px;background:url(../../img/indexNew10.png) top right no-repeat;margin-top:10px;
-text-align:right;padding-right:50px;font-size:16px;line-height:40px;color:#FF580D;cursor:pointer;display:none;}
-
+}
+.indexServe_cont>div>div.indexServe_img{position: absolute;bottom: 10px;overflow: hidden;}
+.indexServe_img p{
+   float: right;
+   margin-bottom: 10px;
+   color: #4E4E4E;
+}
+.indexServe_img:hover span{
+    background: #F68705;
+    color:#ffffff;
+}
+.indexServe_img:hover p{
+    color: #fe7740
+}
+.indexServe_img p span {
+    width: 34px;
+    height: 34px;
+    display: inline-block;
+    text-align: center;
+    line-height: 34px;
+    color: #fe7740;
+    border: 1px solid #fe7740;
+    margin-left: 8px;
+    margin-right: 20px;
+    border-radius: 50%;
+}
+.indexServe_long{
+    overflow: hidden;
+}
+.indexServe_long>a .indexServe_img{
+
+}
 .indexServe_cont>div.indexServe_long{width:795px;height:188px;margin-right:0px;display: inline-block;margin-top: 25px;
 background:#FBFBFB;padding: 0 0 0 215px;text-align: left;position:relative;}
 .indexServe_long>img{display: inline-block;position: absolute;top:0;left:0;}
-.indexServe_long>div.indexServe_bots{display: inline-block;width:235px;height:188px;}
-.indexServe_long>div.indexServe_bot{display: inline-block;width:340px;height:140px;position: absolute;top:0;right:10px;border-left:1px dashed #DEDEDE;padding-left:10px;}
+.indexServe_long>div.indexServe_bots{display: inline-block;width:235px;height:188px;padding-top: 10px;}
+.indexServe_long>div.indexServe_bot{width:340px;height:140px;position: absolute;top:22px;right:10px;border-left:1px dashed #DEDEDE;padding-left:10px;}
 .indexServe_long>div.indexServe_bots>p{width:220px;height:120px;display: inline-block;text-align: left;letter-spacing: 1px;
 margin-top:10px;color:#4E4E4E;line-height: 22px;
 text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
-.indexServe_long>div.indexServe_bot>p{width:340px;letter-spacing: 1px;margin-top:10px;color:#4E4E4E;line-height: 20px;
-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
+.indexServe_bot>p{width:100%;letter-spacing: 1px;;color:#4E4E4E;line-height: 20px;padding: 30px 10px 10px;;
+}
 .indexServe_long>div.indexServe_bot>div{width:320px;}
 .indexServe_long>div.indexServe_img{width:350px;height:40px;background:url(../../img/indexNew10.png) top right no-repeat;margin-top:10px;
 text-align:right;padding-right:50px;font-size:16px;line-height:40px;color:#FF580D;cursor:pointer;position: absolute;bottom:10px;right:25px;}
@@ -124,15 +175,18 @@ text-align: center;background:#2F83CE;margin-top: 15px;position: relative;paddin
 .policy_p_cont>p{color:#7f7f7f;font-size:14px;margin-top:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
 
 
-#indexGroom{width:1200px;height:710px;margin:0 auto;position: relative;}
+#indexGroom{width:1200px;padding-bottom: 110px;margin:0 auto;position: relative;}
 .indexGroom_table{width:270px;height:35px;margin:15px auto;}
 .indexGroom_table>div{width:120px;height:35px;border-radius:15px;color:#1F1F1F;font-size:18px;text-align: center;line-height:35px;
 display: inline-block;border:1px solid #DEDEDE;cursor: pointer;}
 .indexGroom_table>div.indexGroom_active{background: #FF8044;color:#fff;border:none;}
 .indexGroom_table>div:nth-child(2){margin-left:20px;}
-.indexGroom_tables{width:1200px;height:435px;}
+.indexGroom_tables{width:1200px;}
+.indexGroom_more a:hover{
+    color: #1697E9
+}
 .indexGroom_tables>a>div{width:390px;height:135px;margin:0 7px 10px 0;position: relative;
-background: #F9F9F9;padding-left:150px;display:inline-block;}
+background: #F9F9F9;padding-left:150px;display:inline-block; transition: all .2s ease-in-out}
 .indexGroom_tables>a>div>img{display: inline-block;width:150px;height:135px;position: absolute;top:0;left:0;}
 .indexGroom_tables>a>div>div{display: inline-block;width:225px;height:135px;margin-left:10px;position: relative;}
 .indexGroom_tables>a>div h3{display: inline-block;color:#232323;font-weight:500;width:225px;height:35px;line-height: 22px;
@@ -150,8 +204,8 @@ text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
 #indexExpert{width:100%;height:930px;margin:0 auto;position: relative;background: #F9F9F9;}
 .indexExpert{width:1200px;height:630px;margin:0 auto;position: relative;padding-top:35px;}
 .indexExpert_cont{width:1200px;height:570px;}
-.indexExpert_cont>a>div{width:285px;height:265px;margin:0 15px 20px 0;background: #fff;position: relative;display: inline-block;}
-.indexExpert_cont>a>div>img{width:285px;height:190px;}
+.indexExpert_cont>a>div{transition: all .2s ease-out;width:285px;height:265px;margin:0 15px 20px 0;background: #fff;position: relative;float: left;}
+.indexExpert_cont>a>div>img{width:285px;height:190px;display: inline-block;}
 .indexExpert_cont>a:nth-child(4)>div{margin-right:0;}
 .indexExpert_cont>a:nth-child(8)>div{margin-right:0;}
 .indexExpert_basc{width:285px;height:75px;padding-left: 10px;padding-top: 5px;}
@@ -162,9 +216,53 @@ text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
 text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
 .indexExpert_basc>p{width:260px;height:22px;line-height: 22px;color:#858383;margin-top:2px;
 text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
-.indexExpert_yuyue{width:95px;height:30px;border:2px solid #fff;position: absolute;top:145px;right: 20px;color:#fff;border-radius:15px;
+.indexExpert_yuyue{width:95px;transition: all .2s ease-out;height:30px;border:2px solid #fff;position: absolute;top:145px;right: 20px;color:#fff;border-radius:15px;
 text-align: center;line-height: 24px;font-size: 16px;}
-
+/* 门户特效 */
+.indexExpert_cont>a>div:hover .indexExpert_yuyue{
+    width: 140px;
+    background: #ffffff;
+    color: #000;
+    text-align: center;
+    transition: all .4s ease-in
+}
+.indexExpert_cont>a>div:hover{
+    box-shadow: 0 4px 10px #ccc;
+    transform: scale(1.05);
+    transition: all .4s ease-in
+}
+.indexSeach_two>div:hover .seachTitle>div{
+    background: #1697E9;
+    color: #fff;
+    box-shadow: 0 6px 10px #ccc;
+    transform: scale(1.2);
+    transition: all .3s ease-in;
+}
+.indexSeach_two>div:hover .seachMore{
+    transition: all .3s ease-in;
+    padding-right:95px;
+    letter-spacing: 8px
+}
+.indexSeach_two>div:hover .seachMore a{
+    color: #1697E9;
+}
+.wit:hover p,.wih:hover p{
+    height: 60px;
+    line-height: 60px;
+    background: rgba(0, 0, 0, .5);
+    transition: all .4s ease-in;
+    color: #fff
+
+}
+.wit:hover img,.wih:hover img{
+    transform: rotateY(360deg);
+    transition: all .4s ease-in;
+}
+.indexGroom_tables>a>div:hover{
+    box-shadow: 0 4px 10px #ccc;
+    transform: scale(1.01);
+    transition: all .4s ease-in;
+}
 
 
 

+ 4 - 1
src/css/newMenu/achievementDetail.css

@@ -9,7 +9,9 @@
 .search .search-inp .input-group {
     width: 930px;
 }
-
+.industryList ul li.active span{
+    color: #ff570c!important;
+}
 .search-inp div:nth-child(2) {
     margin: 0 20px;
 }
@@ -49,6 +51,7 @@
     text-align: center;
     cursor: pointer;
     float: left;
+    color: #7a7878;
     margin-bottom: 8px;
     font-size: 14px;
 }

+ 12 - 4
src/css/newMenu/public.css

@@ -50,7 +50,9 @@ button:focus{
 
 /* footer */
 /*登陆页面*/
-
+header .colorRed{
+	font-size: 14px;
+}
 .login {
 	width: 100%;
 	background: rgba(6, 6, 6, .4);
@@ -611,17 +613,21 @@ button:focus{
 }
 
 .cont_left {
+	vertical-align: top;
 	width: 350px;
 	height: 90px;
 	display: inline-block;
 	margin-left: 45px;
 }
-
+.cont_left>p{
+	margin-top: 15px;
+}
 .cont_left>img {
 	margin-left: 85px;
 	width: 40px;
 }
 
+
 .cont_guanli>a>img {
 	width: 40px;
 	height: 40px;
@@ -648,12 +654,11 @@ button:focus{
 	height: 90px;
 	display: inline-block;
 	text-align: center;
-	vertical-align: bottom;
+	vertical-align: top;
 }
 
 .text_center p {
 	color: #F5F6F9;
-	line-height: 50px;
 	font-weight: bold;
 }
 
@@ -802,6 +807,9 @@ button:focus{
 .pub_fix ul li:hover a img {
 	background: #fc9501
 }
+.navHeader .nav_right{
+	font-size: 16px;
+}
 /* 导航动作 */
 /* .nav_right>img{
 	cursor: pointer;

+ 9 - 5
src/css/newMenu/serviceList.css

@@ -135,10 +135,6 @@
     
 }
 
-.achievementHot ul {
-    overflow: hidden;
-}
-
 .pagination_box {
     width: 100%;
     line-height: 74px
@@ -196,7 +192,14 @@
     -o-text-overflow: ellipsis;
     padding: 10px 2px 0;
 }
-
+.achievementHot ul li:hover{
+    box-shadow: 0 0 10px #ccc;
+    transform:  scale(1.1);
+    transition: all .2s ease-in;
+}
+.achievementHot ul li:hover a{
+    transform: skew(-10deg);
+}
 .achievementHot ul li .hr {
     width: 100%;
     height: 18px;
@@ -241,6 +244,7 @@
 }
 .achievementHot ul li{
     width: 210px;
+    transition: all .2s ease-in;
 }
 .achievementHot ul li .img img {
     width: 100%;

+ 19 - 2
src/css/newMenu/services.css

@@ -162,6 +162,9 @@
  .property .subsidyList>ul li:first-child{
      margin-left: 0
  }
+ .subsidyList a{
+     color: #7a7878;
+ }
 .subsidyList>ul li .listImg{
     width: 100%;
     height: 48px;
@@ -285,6 +288,12 @@
     border-bottom: 1px solid #efefef;
     border-left: 1px solid #efefef;
 }
+.subsidyList a p{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    -o-text-overflow: ellipsis;
+}
 .patent .patentList ul li {
     float: left;
     text-align: center;
@@ -351,7 +360,9 @@
     text-overflow:ellipsis; 
     -o-text-overflow:ellipsis;
 }
-
+.certification .certificationList ol li a{
+    color:#7a7878;
+}
 .advertisement.bj{
     clear: both;
     padding-top: 20px;
@@ -373,6 +384,9 @@
     border-top: 1px solid #efefef;
     border-left: 1px solid #efefef
 }
+.administration ul li a{
+    color:#7a7878
+}
 .administration ul li:nth-child(5),.administration ul li:nth-child(6),.administration ul li:nth-child(7),.administration ul li:nth-child(12),.administration ul li:nth-child(13),.administration ul li:nth-child(14){
     width: 33.33%;
 }
@@ -895,7 +909,7 @@
     height: 57px;
     background: #f8f8f8;
     font-size: 14px;
-    color: #393838;
+   
     line-height: 57px;
     text-align: center;
     margin-right: 2px;
@@ -906,6 +920,9 @@
     -o-text-overflow: ellipsis;
     padding: 0 5px;
 }
+.imgLeft ul li a{
+    color: #393838;
+}
 .projectMid .imgRight{
     width: 214px;
     text-align: center;

+ 26 - 22
src/css/public.css

@@ -6,7 +6,9 @@
 	box-sizing: border-box;
 	font-family: "微软雅黑";
 }
-
+ .container{
+	padding: 0
+}
 html {
 	font-size: 62.5%;
 }
@@ -128,7 +130,7 @@ ol {
 .navHeader {
 	background: #ffffff;
 	line-height: 90px;
-	height: 90px;
+	height:90px;
 }
 .navHeader .nav ul li img {
 	width: 30px;
@@ -181,7 +183,7 @@ ol {
     float: right;
     color:#ff570c;
 }
-.navHeader .nav_right img{
+.navHeader .nav_right img {
     width: 82px;
     height: 62px;
     margin-right: 14px;
@@ -257,7 +259,7 @@ header .nav ul li .subnavigation {
 	z-index: 9999;
 	background: #ffffff;
     display: none;
-    box-shadow: 0 8px 10px #ccc;
+    box-shadow: 0 2px 10px #ccc;
 }
 
 .subnavigation {
@@ -276,7 +278,7 @@ header .nav ul li .subnavigation {
 .subnavigation li a:hover {
 	letter-spacing: 5px;
     background: rgba(22,151, 234, .7);
-    box-shadow: 0 4px 10px #ccc;
+    box-shadow: 0 4px 6px #ccc;
 	transition: all .2s ease-in;
 	color:#ffffff!important;
 }
@@ -315,14 +317,6 @@ header .nav ul li .subnavigation {
 	}
 }
 
-header .nav_right {
-	float: right;
-	line-height: 90px;
-	font-size: 16px;
-	letter-spacing: 3px;
-	position: relative;
-	padding-right: 50px;
-}
 
 header .nav_right>div {
 	width: 180px;
@@ -358,11 +352,6 @@ header .nav_right a:hover {
 	display: none;
 }
 
-.nav_right img {
-	vertical-align: top;
-	margin-top: 35px;
-}
-
 header .nav_right .head_login {
 	width: 40px;
 	height: 50px;
@@ -428,12 +417,15 @@ header .nav_right .head_login {
 }
 
 .cont_left {
+	vertical-align: top;
 	width: 350px;
 	height: 90px;
 	display: inline-block;
 	margin-left: 45px;
 }
-
+.cont_left>p{
+	margin-top: 15px;
+}
 .cont_left>img {
 	margin-left: 85px;
 	width: 40px;
@@ -465,12 +457,11 @@ header .nav_right .head_login {
 	height: 90px;
 	display: inline-block;
 	text-align: center;
-	vertical-align: bottom;
+	vertical-align: top;
 }
 
 .text_center p {
 	color: #F5F6F9;
-	line-height: 50px;
 	font-weight: bold;
 }
 
@@ -1130,7 +1121,20 @@ header .nav_right .head_login {
 	color: #fff;
 	border-radius: 6px
 }
-
+/* 导航 */
+.topNav{
+	width: 100%;
+	background: #ffffff;
+	height: 90px;
+}
+.topNav.navFix{
+	position: fixed;
+	top: 0;
+	left: 0;
+	height: 90px;
+	z-index: 999999;
+	box-shadow: 0 4px 10px #ccc;
+}
 @media screen and (max-width:600px) {
 	.pub_fix {
 		display: none;

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

@@ -1,5 +1,5 @@
 *{box-sizing: border-box;}
-#all_achievement{width:100%;height:1500px;border-top:5px solid #2C6698;}
+#all_achievement{width:100%;height:1500px;border-top:5px solid #2C6698;margin-top: 100px;}
 .detail{width:1200px;height:100px;margin: 0 auto;}
 .detail_top{width:1200px;height:50px;padding: 20px 70px 0 60px;}
 .detail_toptitle{width:100%;height:30px;padding-left: 25px;line-height: 24px;

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

@@ -1,5 +1,5 @@
 *{box-sizing: border-box;}
-#all_achievement{width:100%;height:1500px;border-top:5px solid #2C6698;}
+#all_achievement{width:100%;height:1500px;border-top:5px solid #2C6698;margin-top: 100px;}
 .detail{width:1200px;height:100px;margin: 0 auto;}
 .detail_top{width:1200px;height:50px;padding: 20px 70px 0 60px;}
 .detail_toptitle{width:100%;height:30px;padding-left: 25px;line-height: 24px;

+ 12 - 3
src/js/index.js

@@ -1,6 +1,8 @@
 import '../css/bootstrap.less';
 import 'bootstrap/dist/js/bootstrap.js';
-import '../css/public.css'; 
+
+import '../css/newMenu/public.css'; 
+import '../css/newMenu/header.css'; 
 import '../css/index_home.css';
 import '../css/indexNew.css';
 import './public.js';
@@ -69,8 +71,15 @@ import './jquery-2.1.0.js';
 			$(".xuqiu").css("display","block");
 		}
 	})
-	
-	
+	//滚动导航
+	$(window).scroll(function(){
+        var scrolltop=$(document).scrollTop();
+			if(scrolltop>500){
+                $('.topNav').addClass('navFix')
+			}else{
+				$('.topNav').removeClass('navFix');
+			}
+		});
 	
 	
 	//轮播图的开始

+ 303 - 0
src/js/newMenu/achievementList.js

@@ -0,0 +1,303 @@
+/*
+ *	@author:liting
+ * 	@update:2018/05/19
+ * 
+ */
+import 'css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css'
+import 'css/newMenu/achievementList.css';
+import 'js/public.js';
+
+"use strict";
+const globalConfig={
+    context:''
+}
+$(function () {
+    var thePageNo = 1,
+        thePageLength = 1,
+        dataList = {},
+        pageSize = 15;
+    init();
+
+    function init() {
+        pages();
+        inpFun();
+        summary();
+        search();
+        jump();
+        $('.onSelect .preFirst').css('display', 'none');
+        $('.onSelect .next').css('display', 'none');
+    };
+    //一级界面跳转此页面
+    function jump() {
+        let hash = window.location.search;
+        if (hash) {
+            if (hash.indexOf('name') > -1 || hash.indexOf('topId') > -1 || hash.indexOf('secondId') > -1) {
+                let newHash = hash.substr(1, hash.length)
+                if (newHash.indexOf('&') > -1) {
+                    let hashArr = newHash.split('&');
+                    console.log(hashArr)
+                    hashArr.map(item => {
+                        if (item.indexOf('name') > -1) {
+                            let names = item.split('=')
+                            dataList.name = names[1]
+                        }
+                        if (item.indexOf('topId') > -1) {
+                            let topIds = item.split('=')
+                            dataList.topId = topIds[1]
+                        }
+                        if (item.indexOf('secondId') > -1) {
+                            let secondIds = item.split('=')
+                            dataList.secondId = secondIds[1]
+                        }
+                    })
+                } else {
+                    if (newHash.indexOf('name') > -1) {
+                        let names = newHash.split('=')
+                        dataList.name = names[1]
+                    }
+                    if (newHash.indexOf('topId') > -1) {
+                        let topIds = newHash.split('=')
+                        dataList.topId = topIds[1]
+                    }
+                    if (newHash.indexOf('secondId') > -1) {
+                        let secondIds = newHash.split('=')
+                        dataList.secondId = secondIds[1]
+                    }
+                }
+                loadDate()
+            }
+        } else {
+            dataList.name = "",
+            dataList.topId = "", //行业
+            dataList.secondId = "" //类型
+            loadDate();
+        }
+    }
+
+    function summary() {
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/portal/service/jtBusiness/getCategoryList",
+            data: {
+
+            },
+            success: function (data) {
+                var theArrs = [];
+                if (data.data && data.data.length) {
+                    let thisdata = data.data;
+                    thisdata.unshift({
+                        topLevelId: '',
+                        topLevel: '不限',
+                        children: [{
+                            id: '',
+                            name: '不限'
+                        }]
+                    })
+                    thisdata.map(item => {
+                        theArrs.push(`
+                            <li data-id=${item.topLevelId}>${item.topLevel}</li>
+                        `)
+                    })
+                    $('.industryList ul').html(theArrs);
+                    $('.industryList ul li').eq(0).className = "active";
+                    $('.productionType ol').html(`<li data-id=''>不限</li>`);
+                    $('.productionType ol li ').eq(0).addClass = "active";
+                    onSelect(thisdata);
+                };
+            }
+        })
+    }
+   
+    function loadDate(pageNo) {
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/portal/service/jtProject/list",
+            data: {
+                pageNo: pageNo || 1,
+                pageSize: 15,
+                name: dataList.name,
+                topId: dataList.topId, //行业
+                secondId: dataList.secondId //类型
+            },
+            success: function (data) {
+                var theArrs = [];
+                if (data.data && data.data.list.length) {
+                    let nub = data.data.list.length;
+                    for (let i = 0; i < nub; i++) {
+                        let thisdata = data.data.list[i];
+                        theArrs.push(`
+                        <li>
+                            <div class="img">
+                                <img src="${thisdata.cdn_img}" alt="">
+                                <span></span>
+                            </div>
+                            <div class="txtIntroduce">
+                                <div class="txts">
+                                    <h5>高压电极加热技术哈...</h5>
+                                    <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                                </div>
+                                <div class="hr"></div>
+                                <div class="btnTxt">
+                                    <span class="float-left">环保</span>
+                                    <span class="float-left">医疗</span>
+                                </div>
+                            </div>
+                        </li>`);
+                    };
+                };
+                $('.hotList').empty();
+                $('.hotList').append(theArrs.join(''));
+
+                $('.pagination_box').css('display', 'block');
+                $('.inp').css('display', 'block');
+                if (data.data.list.length === 0) {
+                    $('.hotList').html("<div class='list_none'></div>");
+                    $('.pagination_box').css('display', 'none')
+                    $('.inp').css('display', 'none');
+                };
+                thePageLength = data.data.totalCount ? Math.ceil(data.data.totalCount / pageSize) : 1;
+                $('.totalCount').html(`共${data.data.totalCount}条数据 ${thePageLength}页`)
+                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(''));
+            }
+        });
+    }
+    //f分页
+    function pages() {
+        $('.pagination').on('click', 'li', function (e) {
+            e.preventDefault();
+            if (this.className === 'pagePre') {
+                if (thePageNo > 1) {
+                    thePageNo = 1;
+                    loadDate(thePageNo);
+                }
+            } else if (this.className === 'pageNext') {
+                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);
+                };
+            };
+        });
+    }
+    //输入跳转
+    function inpFun() {
+        $('.inp .btn').on('click', function () {
+            let val = $(this).siblings().val();
+            if (!isNaN(val) && val < thePageLength && val > 0) {
+                thePageNo = val;
+                loadDate(thePageNo);
+            }
+        })
+    }
+    //已选类型
+    function onSelect(data) {
+        $('.industryList ul li').on('click', function () {
+            let secondTxt = [],
+                scondHtml = [];
+            $(this).addClass('active').siblings().removeClass('active')
+            dataList.topId = $(this).attr('data-id');
+            dataList.name = '';
+            dataList.secondId = '';
+            $('.next').css('display', 'none')
+            data.map(item => {
+                if (item.topLevelId == dataList.topId) {
+                    secondTxt = item.children
+                }
+            })
+            secondTxt.map(item => {
+                scondHtml.push(`
+                    <li data-id=${item.id}>${item.name}</li>
+                    `)
+            })
+            if (!dataList.topId) {
+                dataList.topId = '';
+                dataList.secondId = '';
+                $('.preFirst').html('不限');
+                $('.next').css('display', 'none')
+                scondHtml = ['<li>不限</li>'];
+            }
+            $('.productionType ol').html(scondHtml);
+            let txt = $(this).text();
+            $('.onSelect .preFirst').css('display', 'block').html(`
+                    <span>${txt}</span>
+                    <span class="typeClose">x</span>
+            `)
+            loadDate();
+            $('.productionType ol li').on('click', function () {
+                dataList.name = '';
+                dataList.topId = $('.industryList ul li.active').attr('data-id');
+                $(this).addClass('active').siblings().removeClass('active');
+                dataList.secondId = $(this).attr('data-id');
+                if (!dataList.secondId) return;
+
+                let txt = $(this).text();
+                $('.onSelect .next').css('display', 'block').html(`
+                        <span>${txt}</span>
+                        <span class="typeClose">x</span>
+                        `)
+                loadDate();
+            })
+        });
+    }
+    //搜索
+    function search() {
+        $('.hot ul li').click(function () {
+            dataList.name = $(this).text();
+            dataList.topId = '';
+            dataList.secondId = '';
+            loadDate();
+        });
+        $('.searchBtn').click(function () {
+            let val = $('.demandSearch').val();
+            if (val) {
+                dataList.name = val;
+                dataList.topId = '';
+                dataList.secondId = '';
+                loadDate();
+            }
+        })
+    }
+        //提示框渐隐函数    
+	function msg() {
+        $('.smg').addClass('active');
+        var lit = $('#msg').val();
+        setTimeout(function () {
+            $('.smg').removeClass('active')
+            $('#msg').val('');
+        }, 2000)
+    } 
+
+})

+ 1 - 1
src/js/newMenu/achievementDetail.js

@@ -7,7 +7,7 @@ import 'css/bootstrap.less';
 import 'bootstrap/dist/js/bootstrap.js';
 import 'css/newMenu/public.css';
 import 'css/newMenu/header.css'
-import 'css/newMenu/achievementDetail.css';
+import 'css/newMenu/achievementList.css';
 import 'js/public.js';
 
 "use strict";

+ 52 - 47
src/js/newMenu/serviceList.js

@@ -15,11 +15,10 @@ $(function () {
     var thePageNo = 1,
         thePageLength = 1,
         dataList = {},
-        projectList = [],
         pageSize = 15;
     init();
+
     function init() {
-        loadDate();
         pages();
         inpFun();
         summary();
@@ -29,46 +28,52 @@ $(function () {
         $('.onSelect .next').css('display', 'none');
     };
     //一级界面跳转此页面
-    function jump(){
+    function jump() {
         let hash = window.location.search;
-       
-        if(hash.indexOf('name')>-1||hash.indexOf('topId')>-1||hash.indexOf('secondId')>-1){
-                console.log(hash)
-                let newHash = hash.substr(1,hash.length)
-                if(newHash.indexOf('&')>-1){
-                   let hashArr =  newHash.split('&');
+        if (hash) {
+            if (hash.indexOf('name') > -1 || hash.indexOf('topId') > -1 || hash.indexOf('secondId') > -1) {
+                let newHash = hash.substr(1, hash.length)
+                if (newHash.indexOf('&') > -1) {
+                    let hashArr = newHash.split('&');
                     console.log(hashArr)
-                    hashArr.map(item=>{
-                        if(item.indexOf('name')>-1){
+                    hashArr.map(item => {
+                        if (item.indexOf('name') > -1) {
                             let names = item.split('=')
-                            dataList.name=names[1]
+                            dataList.name = names[1]
                         }
-                        if(item.indexOf('topId')>-1){
+                        if (item.indexOf('topId') > -1) {
                             let topIds = item.split('=')
-                            dataList.topId=topIds[1]
+                            dataList.topId = topIds[1]
                         }
-                        if(item.indexOf('secondId')>-1){
+                        if (item.indexOf('secondId') > -1) {
                             let secondIds = item.split('=')
-                            dataList.secondId=secondIds[1]
+                            dataList.secondId = secondIds[1]
                         }
                     })
-                }else{
-                    if(newHash.indexOf('name')>-1){
+                } else {
+                    if (newHash.indexOf('name') > -1) {
                         let names = newHash.split('=')
-                        dataList.name=names[1]
+                        dataList.name = names[1]
                     }
-                    if(newHash.indexOf('topId')>-1){
+                    if (newHash.indexOf('topId') > -1) {
                         let topIds = newHash.split('=')
-                        dataList.topId=topIds[1]
+                        dataList.topId = topIds[1]
                     }
-                    if(newHash.indexOf('secondId')>-1){
+                    if (newHash.indexOf('secondId') > -1) {
                         let secondIds = newHash.split('=')
-                        dataList.secondId=secondIds[1]
+                        dataList.secondId = secondIds[1]
                     }
                 }
                 loadDate()
+            }
+        } else {
+            dataList.name = "",
+            dataList.topId = "", //行业
+            dataList.secondId = "" //类型
+            loadDate();
         }
     }
+
     function summary() {
         $.ajax({
             method: "get",
@@ -112,7 +117,7 @@ $(function () {
             data: {
                 pageNo: pageNo || 1,
                 pageSize: 15,
-                name:dataList.name,
+                name: dataList.name,
                 topId: dataList.topId, //行业
                 secondId: dataList.secondId //类型
             },
@@ -222,9 +227,9 @@ $(function () {
                 scondHtml = [];
             $(this).addClass('active').siblings().removeClass('active')
             dataList.topId = $(this).attr('data-id');
-            dataList.name='';
-            dataList.secondId='';
-            $('.next').css('display','none')
+            dataList.name = '';
+            dataList.secondId = '';
+            $('.next').css('display', 'none')
             data.map(item => {
                 if (item.topLevelId == dataList.topId) {
                     secondTxt = item.children
@@ -235,12 +240,12 @@ $(function () {
                     <li data-id=${item.id}>${item.name}</li>
                     `)
             })
-            if(!dataList.topId){
-                dataList.topId='';
-                dataList.secondId='';
+            if (!dataList.topId) {
+                dataList.topId = '';
+                dataList.secondId = '';
                 $('.preFirst').html('不限');
-                $('.next').css('display','none')
-                scondHtml=['<li>不限</li>'];
+                $('.next').css('display', 'none')
+                scondHtml = ['<li>不限</li>'];
             }
             $('.productionType ol').html(scondHtml);
             let txt = $(this).text();
@@ -250,11 +255,11 @@ $(function () {
             `)
             loadDate();
             $('.productionType ol li').on('click', function () {
-                dataList.name='';
-                dataList.topId=$('.industryList ul li.active').attr('data-id');
+                dataList.name = '';
+                dataList.topId = $('.industryList ul li.active').attr('data-id');
                 $(this).addClass('active').siblings().removeClass('active');
                 dataList.secondId = $(this).attr('data-id');
-                if(!dataList.secondId) return;
+                if (!dataList.secondId) return;
 
                 let txt = $(this).text();
                 $('.onSelect .next').css('display', 'block').html(`
@@ -266,21 +271,21 @@ $(function () {
         });
     }
     //搜索
-    function search(){
-        $('.hot ul li').click(function(){
+    function search() {
+        $('.hot ul li').click(function () {
             dataList.name = $(this).text();
-            dataList.topId='';
-            dataList.secondId='';
+            dataList.topId = '';
+            dataList.secondId = '';
             loadDate();
         });
-        $('.searchBtn').click(function(){
-          let val = $('.demandSearch').val();
-          if(val){
-             dataList.name=val;
-             dataList.topId='';
-             dataList.secondId='';
-             loadDate();
-          }
+        $('.searchBtn').click(function () {
+            let val = $('.demandSearch').val();
+            if (val) {
+                dataList.name = val;
+                dataList.topId = '';
+                dataList.secondId = '';
+                loadDate();
+            }
         })
     }
 

+ 11 - 1
src/js/newMenu/services.js

@@ -10,8 +10,18 @@ $(function(){
    
     init();
     function init(){
-        listFun()
+        listFun();
+        search();
     };
+    // search
+    function search (){
+        $('.searchBtn').click(function(){
+            let name = $('.demandSearch').val().trim();
+            if(name){
+                window.location.href=globalConfig.context+'/portal/service/serviceList?name='+name
+            }
+        })
+    }
      /*合作客户切换  */
     function listFun(){
         let m=0,

+ 1 - 11
src/js/public.js

@@ -1,17 +1,7 @@
 $(function(){
 	//导航
-	var thead=$('header').clone(true);
-	$('body').append(thead);
-	thead.addClass('h_fix');
 	
-	$(window).scroll(function(){
-		var scrolltop=$(document).scrollTop()		
-			if(scrolltop>500){									
-				$('.h_fix').slideDown(200);								
-			}else{				
-				$('.h_fix').slideUp(200);								
-			}
-		});
+	
 	$(".index_blur").html("×");
 	$(".pub_fix").after("<div class='right_cebian'>侧边导航</div>");
 	$(".index_blur").click(function(){

template/newMenu/achievementDetails.html → template/newMenu/achievementList.html


+ 610 - 0
template/newMenu/demandList.html

@@ -0,0 +1,610 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>技术成果</title>
+    <!-- <link rel="stylesheet" href="../../src/css/bootstrap.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/achievementDetail.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/public.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/header.css"> -->
+</head>
+
+<body>
+    <div class="header">
+        <div class="container">
+            <div>
+                <a href="#">网站导航</a>
+            </div>
+            <div>
+                <ul>
+                    <li>
+                        <a href="javascript:void(0)" class="head_login">登录</a>
+                    </li>
+                    <li>
+                        <a href="#">注册</a>
+                    </li>
+                    <li>
+                        <a href="#">我的订单</a>
+                    </li>
+                    <li>
+                        <a href="#">我的关注</a>
+                    </li>
+                    <li>
+                        <a href="#">我的消息</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="colorRed">
+                全国统一服务热线:400-8800-962
+            </div>
+        </div>
+    </div>
+    <!-- search -->
+    <div class="container">
+        <div class="navHeader">
+            <div class="logo">
+                <a href="#">
+                    <img src="../../img/Logo111.png" alt="" title="技淘">
+                </a>
+            </div>
+            <div class="logo_right"></div>
+            <div class="nav">
+                <ul>
+                    <li>
+                        <a href="#">科技服务</a>
+                        <img src="../../img/hot.png">
+                        <ol class="subnavigation">
+                            <li>
+                                <a href="#">高企认定</a>
+                            </li>
+                            <li>
+                                <a href="#">知识产权</a>
+                            </li>
+                        </ol>
+                    </li>
+                    <li>
+                        <a href="#">技术交易</a>
+                        <ol class="subnavigation">
+                            <li>
+                                <a href="#">专利产品</a>
+                            </li>
+                            <li>
+                                <a href="#">技术成果</a>
+                            </li>
+                            <li>
+                                <a href="#">技术需求</a>
+                            </li>
+                            <li>
+                                <a href="#">技术评估</a>
+                            </li>
+                        </ol>
+                    </li>
+                    <li>
+                        <a href="#">智库咨询</a>
+                        <ol class="subnavigation">
+                            <li>
+                                <a href="#">智政</a>
+                            </li>
+                            <li>
+                                <a href="/portal/thinkTank/index.html#zizone">智者</a>
+                            </li>
+                        </ol>
+                    </li>
+
+                    <li>
+                        <a href="/portal/aboutUs.html">关于公司</a>
+                        <ol class="subnavigation" style="display: none;">
+                            <li>
+                                <a href="#">联系我们</a>
+                            </li>
+                        </ol>
+                    </li>
+                </ul>
+            </div>
+            <div class="nav_right">
+                <img src="../../img/newMenu/navImg.jpg" alt="">
+                <span>国家技术转移示范机构</span>
+            </div>
+        </div>
+        <div class="clearFix search">
+            <div>
+                <div class="search-inp">
+                    <div class="input-group">
+                        <input type="text" class="form-control demandSearch" placeholder="输入你感兴趣的内容">
+                        <span class="input-group-btn">
+                            <button class="btn btn-default searchBtn" type="button">
+                                <img src="../../img/newMenu/search-icon.jpg" alt=""> 搜索
+                            </button>
+                        </span>
+                        <div class="txtVal"></div>
+                    </div>
+                    <div>
+                        <img src="../../img/newMenu/search-xq.png" alt="">
+                        <span>发布需求</span>
+                    </div>
+                    <div>
+                        <img src="../../img/newMenu/search-cg.png" alt="">
+                        <span>发布技术</span>
+                    </div>
+                </div>
+                <div class="searchMain">
+                    <ol>
+                        <li class="active">热搜</li>
+                        <li>
+                            <a href="#" target="_blank">人工智能</a>
+                        </li>
+                        <li>
+                            <a href="#">区块链</a>
+                        </li>
+                        <li>
+                            <a href="#">环保</a>
+                        </li>
+                        <li>
+                            <a href="#">金属材料</a>
+                        </li>
+                        <li>
+                            <a href="#">软件开发</a>
+                        </li>
+                    </ol>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="industry">
+            <p>行业分类</p>
+            <div class="industryList">
+                <ul>
+                    <li value="464" class="active">
+                        <span>教育休闲</span>
+                    </li>
+                    <li value="463" class="">
+                        <span>包装印刷</span>
+                    </li>
+                    <li value="462">
+                        <span>电气自动化</span>
+                    </li>
+                    <li value="461">
+                        <span>采矿冶金</span>
+                    </li>
+                    <li value="460">
+                        <span>航空航天</span>
+                    </li>
+                    <li value="459">
+                        <span>海洋开发</span>
+                    </li>
+                    <li value="458">
+                        <span>农林牧业</span>
+                    </li>
+                    <li value="457">
+                        <span>医药与医疗</span>
+                    </li>
+                    <li value="456">
+                        <span>电子信息</span>
+                    </li>
+                    <li value="375">
+                        <span>新型材料</span>
+                    </li>
+                    <li value="31">
+                        <span>仪器仪表</span>
+                    </li>
+                    <li value="26">
+                        <span>橡胶塑料</span>
+                    </li>
+                    <li value="25">
+                        <span>交通运输</span>
+                    </li>
+                    <li value="20">
+                        <span>安全防护</span>
+                    </li>
+                    <li value="19">
+                        <span>环保和资源</span>
+                    </li>
+                    <li value="18">
+                        <span>机械</span>
+                    </li>
+                    <li value="17">
+                        <span>新能源</span>
+                    </li>
+                    <li value="15">
+                        <span>化学化工</span>
+                    </li>
+                    <li value="7">
+                        <span>轻工纺织</span>
+                    </li>
+                    <li value="5">
+                        <span>家居用品</span>
+                    </li>
+                    <li value="4">
+                        <span>建筑建材</span>
+                    </li>
+                    <li value="2">
+                        <span>食品饮料</span>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="productionType">
+            <p>知产类型</p>
+            <ol>
+                <li value="1">技术专利1</li>
+                <li value="2">技术专利2</li>
+                <li value="3">技术专利3</li>
+            </ol>
+        </div>
+        <div class="onSelect">
+            <p>已选类型 </p>
+            <ol>
+                <li class="preFirst">
+                   
+                </li>
+                <li class="next">
+                   
+                </li>
+            </ol>
+        </div>
+        <div class="achievementList">
+            <div class="fineQuality">
+                <img src="../../img/newMenu/achievmentDetail_1.png" alt="">
+                <ol>
+                    <li>
+                        <div>
+                            <img src="../../img/newMenu/achievmentDetail_2.jpg" alt="">
+                        </div>
+                        <p><span class="title-sm">实用技术</span><span>高压电极加热技术</span></p>
+                        <p>高压电极加热技术..</p> 
+                    </li>
+                    <li>
+                        <div>
+                            <img src="../../img/newMenu/achievmentDetail_2.jpg" alt="">
+                        </div>
+                        <p><span class="title-sm">实用技术</span><span>高压电极加热技术</span></p>
+                        <p>高压电极加热技术..</p> 
+                    </li>
+                    <li>
+                        <div>
+                            <img src="../../img/newMenu/achievmentDetail_2.jpg" alt="">
+                        </div>
+                        <p><span class="title-sm">实用技术</span><span>高压电极加热技术</span></p>
+                        <p>高压电极加热技术..</p> 
+                    </li>
+                </ol>
+            </div>
+            <div class="achievementHot">
+                <ul class="hotList">
+                    <!-- <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                            <span></span>
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5>高压电极加热技术哈...</h5>
+                                <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                            </div>
+                            <div class="hr"></div>
+                            <div class="btnTxt">
+                                <span class="float-left">环保</span>
+                                <span class="float-left">医疗</span>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5>高压电极加热技术哈...</h5>
+                                <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                            </div>
+                            <div class="hr"></div>
+                            <div class="btnTxt">
+                                <span class="float-left">环保</span>
+                                <span class="float-left">医疗</span>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5>高压电极加热技术哈...</h5>
+                                <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                            </div>
+                            <div class="hr"></div>
+                            <div class="btnTxt">
+                                <span class="float-left">环保</span>
+                                <span class="float-left">医疗</span>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5>高压电极加热技术哈...</h5>
+                                <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                            </div>
+                            <div class="hr"></div>
+                            <div class="btnTxt">
+                                <span class="float-left">环保</span>
+                                <span class="float-left">医疗</span>
+                            </div>
+                        </div>
+                    </li>
+                    <li>
+                        <div class="img">
+                            <img src="../../img/newMenu/achievmentDetail_3.jpg" alt="">
+                        </div>
+                        <div class="txtIntroduce">
+                            <div class="txts">
+                                <h5>高压电极加热技术哈...</h5>
+                                <p><span>实用技术</span><span>联合生产</span><span class="hotImg"></span></p>
+                            </div>
+                            <div class="hr"></div>
+                            <div class="btnTxt">
+                                <span class="float-left">环保</span>
+                                <span class="float-left">医疗</span>
+                            </div>
+                        </div>
+                    </li> -->
+                </ul>
+                <div class="pagination_box">
+                    <nav aria-label="Page navigation" class="clearfix">
+                        <ul class="pagination">
+                            <li class="pagePre">
+                                <a href="#" aria-label="Previous">
+                                    <span aria-hidden="true">&laquo;</span>
+                                </a>
+                            </li>
+                            <li class="pageNumber"><a href="#" value="1">1</a></li>
+                            <li class="pageNext">
+                                <a href="#" aria-label="Next">
+                                    <span aria-hidden="true">&raquo;</span>
+                                </a>
+                            </li>
+                        </ul>
+                        <div class="inp">
+                            <input type="text" class=""><button class="btn btn-default">跳转</button>
+                        </div>
+                        <span class="totalCount">共0条数据</span>
+                    </nav>
+                </div>
+            </div>
+        </div>
+    </div>
+    <footer>
+        <div id="bottom">
+            <div class="bottom">
+                <div class="bottom_text">
+                    <div class="text_top">
+                        <a href="/portal/aboutUs.html">关于公司</a>
+                        <a href="/portal/contactUs.html">联系我们</a>
+                        <p>Copyright © 2016-2017 科德 版权所有 湘ICP备15019731号 -2 技术支持:湖南阿凡提科技有限公司
+                        </p>
+                    </div>
+                    <div class="text_center" id="qrCode">
+                        <div class="cont_left">
+                            <img src="../../img/dizhi.jpg" alt="">
+                            <p>湖南省长沙市营盘东路19号金山大厦八楼</p>
+                        </div>
+                        <div class="cont_center">
+                            <img src="../../img/dianhua.jpg" alt="">
+                            <p>合作电话:400-8800-962</p>
+                        </div>
+                        <div class="cont_guanli">
+                            <a href="/admin/login">
+                                <img src="../../img/guanli.png" alt="">
+                                <p>管理员入口</p>
+                            </a>
+                        </div>
+                        <div class="cont_rightapp">
+                            <img src="../../img/erweima_iphone.png" alt="">
+                            <p>iPhone版</p>
+                        </div>
+                        <div class="cont_right android">
+                            <img src="../../img/erweima_android.jpg" alt="">
+                            <p>Android版</p>
+                        </div>
+                        <div class="cont_right">
+                            <img src="../../img/erweima.jpg" alt="">
+                            <p>微信公众号</p>
+                        </div>
+                    </div>
+                    <div class="text_bottom">
+                        <p>友情链接</p>
+                        <a href="http://www.hnst.gov.cn/" target="_blank">湖南省科技厅/</a>
+                        <a href="http://www.cssti.cn/" target="_blank">长沙市科技局/</a>
+                        <a href="http://www.cast.org.cn/" target="_blank">中国科学技术协会/</a>
+                        <a href="http://www.chinatorch.gov.cn/" target="_blank">科技部火炬中心/</a>
+                        <a href="http://www.nosta.gov.cn/web/index.aspx" target="_blank">国家科技成果奖励办/</a>
+                        <a href="http://www.nast.org.cn/" target="_blank">国家科技成果网/</a>
+                        <a href="http://www.hnast.org.cn/portal/comm/index.action" target="_blank">湖南省科学技术协会/</a>
+                        <a href="http://www.hncgw.gov.cn/" target="_blank">湖南省科技成果转化公共服务平台/</a>
+                        <a href="http://www.hnjxw.gov.cn/" target="_blank">湖南省经济信息化委员会/</a>
+                        <a href="http://kyy.hnu.cn/" target="_blank">湖南大学科学技术研究院/</a>
+                        <a href="http://www.gxst.gov.cn/gxkjt/" target="_blank">广西省科技厅/</a>
+                        <a href="http://www.nmkjt.gov.cn/" target="_blank">内蒙古自治区科技厅/</a>
+                        <a href="http://www.cshtz.gov.cn/" target="_blank">长沙市高新区管委会/</a>
+                        <a href="http://www.jxas.ac.cn/" target="_blank">江西省科学院/</a>
+                        <a href="http://www.cnic.cn/front/index.html#/cnicSite/home" target="_blank">中科院计算机网络信息中心/</a>
+                        <a href="http://kxyjb.csu.edu.cn/" target="_blank">中南大学科学研究部/</a>
+                        <a href="http://www.cast.org.cn/" target="_blank">中国科协创新创业服务中心/</a>
+                        <a href="http://www.hbstd.gov.cn/" target="_blank">湖北省科技厅/</a>
+                        <a href="http://www.gdstc.gov.cn/" target="_blank">广东省科技厅/</a>
+                        <a href="http://www.hnkjt.gov.cn/" target="_blank">河南省科技厅/</a>
+                        <a href="http://www.cbtm.gov.cn/" target="_blank">技术合同登记官网</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div onclick="_MEIQIA('showPanel')" id="lxkf" style="display:none"></div>
+        <div class="pub_fix">
+            <span class="index_blur"></span>
+            <ul class="ret_top">
+                <li class="head_login">
+                    <a href="javascript:;">
+                        <img src="../../img/index_fix0.png" alt="">
+                        <p>申请会员</p>
+                    </a>
+                </li>
+                <li>
+                    <a onclick="_MEIQIA('showPanel')">
+                        <img src="../../img/index_fix3.png" alt="">
+                        <p>联系客服</p>
+                    </a>
+                </li>
+                <li>
+                    <a href="" class="pendent_box">
+                        <img src="../../img/index_fix4.png" alt="">
+                        <p>返回顶部</p>
+                    </a>
+                </li>
+            </ul>
+            <span class="index_orange"></span>
+        </div>
+        <div class="message">
+            <span></span>
+        </div>
+        <div class="login">
+            <div class="login_mian">
+                <div class="login_left">
+                    <div class="login_ewm">
+                        <img src="../../img/Android.jpg" alt="二维码" />
+                        <p>Android版</p>
+                        <p>客户端</p>
+                    </div>
+                    <div class="login_ewm">
+                        <img src="../../img/iPhone.jpg" alt="二维码" />
+                        <p>iPhone版</p>
+                        <p>客户端</p>
+                    </div>
+                </div>
+                <div class="login_right">
+                    <h5>用户登陆
+                        <a href="">免费注册有好礼呦!!</a>
+                    </h5>
+                    <form id="form_login">
+                        <div class="login_uesr">
+                            <label for="uesname">
+                                <img src="../../img/login_use.png" />
+                            </label>
+                            <input type="text" name="uesname" id="Lo_user" placeholder="用户名" />
+                            <img src="../../img/login_del.png" class="log_del" />
+                        </div>
+                        <div class="login_pass">
+                            <label for="pass">
+                                <img src="../../img/login_password.png" />
+                            </label>
+                            <input type="password" name="pass" id="Lo_pass" placeholder="请输入密码" />
+                        </div>
+                        <div class="login_check">
+                            <a href="">忘记密码?</a>
+                        </div>
+                        <input type="submit" value="登 陆" class="login_submit" />
+                    </form>
+                    <img src="../../img/login_hua.png" alt="" class="login_hua" />
+                    <img src="../../img/login_shadow.png" alt="阴影效果" class="login_shadow" />
+                    <img src="../../img/login_close.png" alt="" class="login_close" />
+                </div>
+            </div>
+        </div>
+        <div id="forget">
+            <div class="forget">
+                <form id="forget_form">
+                    <div class="forget_top">
+                        <a href="">忘记密码?</a>
+                        <div class="login_check">
+                            <label for="forget_checks" class="lab_check">
+                                <input type="checkbox" name="type" id="forget_checks" />专家登录
+                            </label>
+                            <label for="forget_checkst" class="lab_checkno">
+                                <input type="checkbox" name="type" id="forget_checkst" />企业登录
+                            </label>
+                        </div>
+                    </div>
+                    <div class="forget_center">
+                        <div class="phone">
+                            <label for="forget_phone">
+                                手机号码:
+                                <input type="text" name="type" id="forget_phone" placeholder="请输入您的手机号码..." />
+                            </label>
+                        </div>
+                        <div class="yanzheng">
+                            <label for="forget_yanzheng">
+                                图形验证码:
+                                <input type="text" name="type" id="forget_yanzheng" />
+                            </label>
+                            <div class="yanzhengma_cont_">
+                                <img th:src="${basePath+'/open/getVCode'}" />
+                            </div>
+                        </div>
+                        <div class="cellcode_">
+                            <div>
+                                验证码:
+                                <input type="text" name="cellCode" placeholder="手机验证码" id="photo_n" />
+                            </div>
+                            <input type="button" id="photo_m" value="获取验证码" disabled/>
+                        </div>
+                        <div class="fastener">
+                            <input type="submit" class="forget_sub" value="确认" />
+                            <div class="fastener_right">
+                                取消
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <img src="../../img/login_close.png" alt="" class="login_close" />
+            </div>
+        </div>
+        <div id="new_password">
+            <div class="new_password">
+                <form id="new_password_form">
+                    <div class="password_top">
+                        <h4>设置新密码</h4>
+                        <span>密码长度为6-20个字符,区分大小写</span>
+                    </div>
+                    <div class="password_center">
+                        <div>
+                            <label for="new_pass">
+                                新密码:
+                                <input type="text" name="type" id="new_pass" placeholder="请输入您的新密码..." />
+                            </label>
+                        </div>
+                        <div>
+                            <label for="new_pass_again">
+                                确认密码:
+                                <input type="text" name="type" id="new_pass_again" placeholder="请确认您的密码..." />
+                            </label>
+                        </div>
+                        <div class="fastener">
+                            <input type="submit" class="new_password_sub" value="确认" />
+                            <div class="fastener_right">
+                                取消
+                            </div>
+                        </div>
+                    </div>
+                </form>
+                <img src="../../img/login_close.png" alt="" class="login_close" />
+            </div>
+        </div>
+        <div class="smg">
+            <input type="text" name="msg" value="111" id="msg" />
+        </div>
+    </footer>
+</body>
+
+<!-- <script src="../../src/js/jquery-2.1.0.js"></script>
+<script src="../../src/js/public.js"></script>
+<script src="../../src//js/newMenu/demand.js"></script>
+<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> -->
+<script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
+</html>

+ 9 - 3
webpack.config.js

@@ -225,9 +225,15 @@ module.exports = (function () {
         }),
         new HtmlWebpackPlugin({
             title: '科技成果列表',
-            filename: 'html/newMenu/achievementDetails.html',
-            template: './template/newMenu/achievementDetails.html',
-            chunks: ['newMenu/achievementDetail', 'vendors']
+            filename: 'html/newMenu/achievementList.html',
+            template: './template/newMenu/achievementList.html',
+            chunks: ['newMenu/achievementList', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
+            title: '科技需求列表',
+            filename: 'html/newMenu/demandList.html',
+            template: './template/newMenu/demandList.html',
+            chunks: ['newMenu/demandList', 'vendors']
         }),
         new HtmlWebpackPlugin({
             title: '科技服务',

+ 8 - 3
webpack/entry.config.js

@@ -34,7 +34,8 @@ module.exports = {
         /* 2018-06  新版科技需求 */
         'newMenu/demand': './src/js/newMenu/demand.js',
         'newMenu/achievement': './src/js/newMenu/achievement.js',
-        'newMenu/achievementDetail': './src/js/newMenu/achievementDetail.js',
+        'newMenu/achievementList': './src/js/newMenu/achievementList.js',
+        'newMenu/demandList': './src/js/newMenu/demandList.js',
         'newMenu/services': './src/js/newMenu/services.js',
         'newMenu/serviceList': './src/js/newMenu/serviceList.js',
         'newMenu/serviceDetails': './src/js/newMenu/serviceDetails.js'
@@ -170,9 +171,13 @@ module.exports = {
         'webpack/hot/only-dev-server',
         './src/js/newMenu/achievement.js'
         ],
-        'newMenu/achievementDetail': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'newMenu/achievementList': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
         'webpack/hot/only-dev-server',
-        './src/js/newMenu/achievementDetail.js'
+        './src/js/newMenu/achievementList.js'
+        ],
+        'newMenu/demandList': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/demandList.js'
         ],
         'newMenu/services': ['webpack-dev-server/client?http://192.168.1.166', // WebpackDevServer host and port
         'webpack/hot/only-dev-server',