dengzhiguo 7 years ago
parent
commit
6a45b29bd7

BIN
img/projectDet.jpg


+ 65 - 0
src/css/service/counselor.css

@@ -0,0 +1,65 @@
+#counselor_title{width:100%;height:50px;}
+.line{width:100%;height:5px;background-color:#2E6698;}
+.zi{width:1200px;height:30px;padding-left: 25px;line-height: 24px;margin:15px auto 0;
+    background: url("../../../img/detail_home.jpg") no-repeat;}
+
+#counselor_img{width:100%;height:600px;
+	background:url("../../../img/counselor1.jpg") no-repeat;}
+.counselor_img{width:1200px;height:600px;margin:0 auto;padding-top:200px;}
+.touxiang{width:200px;height:300px;margin:0 auto;}
+.touxiang_top{width:140px;height:140px;border-radius:50%;margin:0 auto;}
+.touxiang_top>img{width:140px;height:140px;border-radius:50%;}
+.touxiang_conter{width:175px;height:30px;text-align: center;line-height: 30px;font-size:16px;margin:10px auto 0;}
+.touxiang_bottom{width:175px;height:55px;text-align: center;line-height: 55px;font-size:16px;margin:15px auto 0;background:#fff;}
+
+#counselor_content{width:100%;height:500px;margin-top:50px;}
+.basc{width:1200px;height:420px;margin:0 auto;background:url("../../../img/counselor2.png") no-repeat;padding:40px 60px;}
+.basc_top{width:100%;height:60px;}
+.basc_top>h3{font-size:18px;color:#2C6597;font-weight:bold;letter-spacing: 2px;}
+.basc_content{width:100%;height:280px;}
+.basc_content>p{line-height: 26px;color:#6D6C6C;
+text-align: justify;text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 7;}
+.content_button{width:1200px;height:100px;margin:0 auto;}
+.content_button>div{width:150px;height:50px;border:1px solid #D9D7D7;
+text-align: center;line-height: 50px;display: inline-block;letter-spacing: 8px;color:#6D6C6C;}
+.content_button>div:hover{border:none;color:#fff;background-color:#FFB200;cursor:pointer;}
+.qiatan{margin-left:420px;margin-right:20px;}
+
+#counselor_more{width:100%;height:520px;margin-top:30px;}
+.more_img{width:1045px;height:125px;background: url("../../../img/counselor3.png") no-repeat;
+margin:0 auto;}
+.more_content{width:1200px;height:295px;margin:0 auto;}
+.more_content>div{width:222px;height:295px;background:url("../../../img/counselor4.png") no-repeat;
+display:inline-block;margin-left:15px;position:relative;cursor: pointer;}
+.more_content>div:hover{background:url("../../../img/counselor5.png") no-repeat;}
+.more_content>div:hover>.more_zi{color:#fff;}
+.more_content>div:nth-child(1){margin-left:0px;}
+.more_zi{position:absolute;width:185px;height:110px;left:20px;top:20px;line-height: 21px;
+text-align: justify;text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
+.more_smimg{width:95px;height:95px;position:absolute;border-radius: 50%;
+top:180px;}
+.more_smimg>img{width:95px;height:95px;border-radius: 50%;
+}
+.more_smzi{width:100px;height:65px;position:absolute;top:200px;left:105px;}
+.more_smzi>h4{font-size:15px;}
+.more_smzi>p{margin-top:5px;color:#5293CB;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 64 - 0
src/css/service/projectDetails.css

@@ -0,0 +1,64 @@
+#counselor_title{width:100%;height:50px;border-bottom:1px solid #EFEFEF;}
+.line{width:100%;height:5px;background-color:#2E6698;}
+.zi{width:1200px;height:30px;padding-left: 25px;line-height: 24px;margin:15px auto 0;
+    background: url("../../../img/detail_home.jpg") no-repeat;}
+
+#det_content{width:1200px;min-height:600px;margin:0 auto;padding-top:40px;position:relative;}
+.title{font-size:22px;color:#3B6D9C;}
+.cont_img{width:750px;height:260px;margin-top:20px;}
+.cont_img>img{width:750px;height:260px;}
+.guanzhu{width:750px;height:40px;margin-top:20px;}
+.guanzhu>.loves{height:30px;display: inline-block;border: none!important;float:right;}
+.loves .box_love{width: 16px;height: 15px;display: inline-block;background: url(../../../img/detail_img5_no.jpg)no-repeat center center;margin-top: 2px;vertical-align: top;}
+.guanzhu>.loves:hover{cursor: pointer;}
+.guanzhu>.loves span{margin-right: 5px;}
+/*.dem_number{color:#FFB70E;}*/
+.guige{width:750px;height:85px;border:1px solid #E7E7E7;margin-top:10px;padding:15px;margin-bottom:35px;}
+.guige>h5{font-size:18px;color:#3C3B3B;display:inline-block;margin-left:15px;margin-right:30px;}
+.guige>div{width:160px;height:55px;line-height:55px;display:inline-block;border-left:1px solid #E7E7E7;padding-left:15px;}
+.guigeone{color:#2F83CE;}
+.guigetwo{color:#F68705;}
+.guigethree{color:#FF4C1B;}
+#cont>div{background-color:#FAFAFA;min-height: 150px;width:750px;}
+#cont>div>div.lineB{width:750px;height:50px;line-height: 50px;color:#434343;font-size:18px;border-bottom:1px solid #EEEEEE;
+padding-left:20px;padding-top:0px;}
+#cont>div>div{color:#807F7F;font-size:14px;padding:10px 20px 20px 20px;line-height:22px;}
+.lianxi{width:750px;height:50px;margin-top:35px;padding-left:200px;margin-bottom:200px;}
+.lianxi>div{width:150px;height:50px;border:1px solid #D9D7D7;font-size:16px;
+text-align: center;line-height: 50px;display: inline-block;letter-spacing: 8px;color:#6D6C6C;}
+.lianxi>div:hover{border:none;color:#fff;background-color:#FFB200;cursor:pointer;}
+.fuwu{margin-right:20px;}
+.pointer{cursor: pointer;}
+.fine{width:240px;height:545px;position: absolute;top:35px;right:80px;}
+.fine>img{width:240px;height:160px;}
+.fine>div.fine_title{width:90px;height:35px;background: #3185D0;text-align: center;
+    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;text-overflow:ellipsis;overflow: hidden;}
+.fine>div>p.achievementId{display: none;}
+.fine>div>p.achievementTyp{display: none;}
+
+.loves .box_love{width: 16px;height: 15px;display: inline-block;
+background: url(../../../img/detail_img5_no.jpg)no-repeat center center;margin-top: 2px;vertical-align: top;}
+.bj_love{width: 16px;height: 15px;display: inline-block;
+background: url(../../../img/detail_img5.jpg)no-repeat center center;margin-top: 2px;vertical-align: top;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 63 - 0
src/css/service/purpose.css

@@ -0,0 +1,63 @@
+*{box-sizing: border-box;}
+#all_achievement{width:100%;height:1000px;border-top:5px solid #2C6698;}
+
+#order_title{width:1200px;height:70px;margin: 20px auto;background: url(../../../img/order_1.png) no-repeat;
+    padding-left: 90px;line-height: 66px;font-size: 30px;color:#383838;}
+#order_cont{width:1200px;height:555px;margin:10px auto;background:#F6F6F6;padding-top: 30px;text-align: center; }
+.order_cont{width:1003px;height:290px;background: url("../../../img/order_3.png") no-repeat;margin: 0 auto;
+position: relative;}
+.order_left{width:880px;height:32px;position: absolute;top:80px;left:200px;text-align:left;}
+.order_left h2{display: inline-block;font-size: 18px;color:#7D7C7C;font-weight: 600;letter-spacing: 2px;}
+.order_left p{font-size: 15px;color:#616161;display: inline-block;}
+textarea{margin-top:30px;font-size:18px;width:999px;height:154px;border:none;outline:none;padding:10px 10px;color:#7D7C7C;}
+
+.order_right{width:800px;height:32px;position: absolute;top:145px;left:200px;text-align: left;}
+.order_right>div{text-align: left;display:inline-block;}
+.order_right>div{display: inline-block;color:#7A7878;font-size:16px;}
+.order_right>div:nth-child(1){color:#FFB200;margin-right:20px;}
+.order_right>div:nth-child(2){color:#2F83CE;margin-right:20px;}
+.order_right>div:nth-child(3){margin-right:20px;}
+.order_right .order_right_p p{color:#ffb800;}
+#tijiao{width:1200px;height:50px;margin: 0 auto;text-align: center;margin-top:40px;}
+#tijiao>div{width:150px;height:50px;border:1px solid #D9D7D7;font-size:16px;
+text-align: center;line-height: 50px;display: inline-block;letter-spacing: 2px;color:#6D6C6C;}
+#tijiao>div:hover{border:none;color:#fff;background-color:#FFB200;cursor:pointer;}
+
+.order_right .order_right_p span{width:80px;height:20px;text-align: center;line-height: 20px;cursor: pointer;
+border-radius: 5px;background: #ffb800;color:#fff;display: inline-block;margin-left: 15px;}
+.order_button{width:370px;height:40px;margin: 30px auto 25px;}
+.order_button>div{width:150px;height:40px;background: #ffb200;text-align: center;line-height: 40px;
+display: inline-block;margin-right: 30px;color:#fff;font-size: 18px;letter-spacing: 2px;cursor: pointer;}
+.order_text{color: #616161;font-size: 16px;letter-spacing: 2px;}
+
+#order_flow{width:1200px;height:340px;margin: 0 auto;text-align: center;margin-top:80px;}
+#order_flow h3{margin-bottom: 20px;color:#383838;font-size: 24px;letter-spacing: 3px;}
+#order_flow img{width:1200px;height:135px;}
+
+
+.detail_bottom{width:1200px;height:500px;margin: 0 auto;padding-top: 35px;}
+.line{width:1080px;height:20px;border: 1px solid #C8CACE;margin: 0 auto;border-bottom: none;
+    text-align: center;font-size: 24px;line-height: 40px;color:#383838;letter-spacing: 3px;}
+div.pointer{cursor: pointer;}
+.fine>div>p.achievementId{display: none;}
+.fine>div>p.achievementTyp{display: none;}
+.main_introduce ul>li>div>p.likeId{display: none;}
+.main_introduce ul>li>div>p.likeType{display: none;}
+.main_introduce{clear: both;padding-top: 40px;overflow: hidden;width: 1200px;}
+.main_introduce ul {overflow: hidden;}
+.main_introduce>ul>li{float: left;margin: 0 15px;width: 270px;height: 360px;background: #ffffff;position: relative;margin-bottom: 16px;}
+.main_introduce ul li>div>img{width:270px ;height: 184px;}
+.list_text {padding-left: 28px;padding-top: 10px;position: absolute;
+    bottom: 0;padding-bottom: 10px;}
+.list_text p{line-height: 30px;height: 30px;color: #2f85d0;font-size: 16px;}
+.list_text p span{margin-left: 8px;color: #787878;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 165px;vertical-align: top;}
+.list_text a{float: right;width: 80px;height: 30px;display: inline-block;text-align: center;background: #2b8de2;margin-top: 8px;border-radius: 10px;margin-right: 20px;line-height: 30px;color: #ffffff;}
+.main_introduce ul li .star{width: 242px;height:56px;position: absolute;top: 138px;background: url(../../../img/achievement_starbj.png)no-repeat center left;left:-10px;background-size:cover ;}
+.main_introduce ul li .star p{color: #FFFFFF;font-size: 24px;margin-top: 8px;margin-left: 15px;float: left;}
+.main_introduce ul li .star ol li{width: 24px;height: 22px;background: url(../../../img/achievement_star.png)no-repeat center;float: left;margin-right:2px;}
+.main_introduce ul li .star ol{float: left;overflow: hidden;margin-top: 13px;margin-left: 2px;}
+.main_introduce>ul>li:hover{cursor: pointer;box-shadow: 2px 4px 8px #cccccc;transition: all .5s;}
+.list_none{width:550px;height:150px;background:url("../../../img/all_null.png") no-repeat;margin:50px auto;}
+.imgnull{width:260px;height:211px;background:url("../../../img/zhuanliimg_null.png") no-repeat;background-size: 260px 211px;}
+
+

+ 7 - 0
src/js/service/counselor.js

@@ -0,0 +1,7 @@
+import '../../css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import '../../css/public.css';
+import '../../css/main_banner.css';
+import '../../js/public.js';
+import '../../js/main_banner.js';
+import '../../css/service/counselor.css';

+ 87 - 0
src/js/service/projectDetails.js

@@ -0,0 +1,87 @@
+import '../../css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import '../../css/public.css';
+import '../../css/main_banner.css';
+import '../../js/public.js';
+import '../../js/main_banner.js';
+import '../../css/service/projectDetails.css';
+
+(function(){
+	$(".fine").on('click', 'div.pointer', function () {
+        var theId = $(this).children("input").attr("isinterester");
+       	window.open(globalConfig.context + '/portal/service/projectDetails?id=' + theId );
+    });
+    
+    //点击感兴趣
+    var t=0;
+    $('.guanzhu .loves').click(function(){
+        var theId=$("#demand_id").attr("value");
+        var islogin=$("#isLogin").attr("islogin");
+        var theIn=$("#isInterester").attr("isInterester");
+        if(islogin=="true"){
+            $(".head_login").click();
+        }
+    	if($(this).find('span:first-child').hasClass('box_love')&&islogin=="false"){
+    		t=$('.dem_number').text();            		
+    	    $('.dem_number').text(parseInt(t)+1);
+    	    $(this).find('span:first-child').addClass('bj_love').removeClass('box_love');
+            $.ajax({
+                method: "get",
+                dataType: "json",
+                url: globalConfig.context + "/portal/app/services/interest",
+                data: {
+                    id:theId,
+                    interest:theIn
+                },
+                success: function (data) {
+					$("#isInterester").attr("isInterester","1")
+                }
+            });
+    	    return false;
+    	}   	    	
+    	if($(this).find('span:first-child').hasClass('bj_love')&&islogin=="false"){
+    		t=$('.dem_number').text();         		
+    	    $('.dem_number').text(parseInt(t)-1)
+    	    $(this).find('span:first-child').addClass('box_love').removeClass('bj_love')
+            $.ajax({
+                method: "get",
+                dataType: "json",
+                url: globalConfig.context + "/portal/app/services/interest",
+                data: {
+                    id:theId,
+                    interest:theIn
+                },
+                success: function (data) {
+					$("#isInterester").attr("isInterester","0")
+                }
+            });
+    	}    	   	
+    })
+    //点击服务
+    $(".fuwu").click(function(){
+    	var islogin=$("#isLogin").attr("islogin");
+    	var theId=$("#demand_id").attr("value");
+    	if(islogin=="true"){
+            $(".head_login").click();
+        }else{
+        	 window.open(globalConfig.context + '/portal/service/purpose?commodityId=' + theId+'&commodityType='+"0" );
+        }
+        
+    })
+    //点击电话
+    $(".dianhua").click(function(){
+    	$(".ret_top>li:nth-child(2)>a").click();
+    })
+})()
+
+
+
+
+
+
+
+
+
+
+
+

+ 49 - 0
src/js/service/purpose.js

@@ -0,0 +1,49 @@
+import '../../css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import '../../css/public.css';
+import '../../css/main_banner.css';
+import '../../js/public.js';
+import '../../js/main_banner.js';
+import '../../css/service/purpose.css';
+
+(function(){
+	$("#tijiao>div").click(function(){
+		var orderNo=$("#orderNo").html();
+		var commodityId=$("#ids").attr("value");
+		//var commodityMode=;
+		var commodityType=$("#commodityType").attr("value");
+		var createTime=$("#createTime").html();
+		var remarks=$("textarea").val();
+			$.ajax({
+	        method: "get",
+	        dataType: "json",
+	        url: globalConfig.context + "/portal/app/services/addPurpose",
+	        data: {
+	            orderNo:orderNo,
+	            commodityId:commodityId,
+	            //commodityMode:1,
+	            commodityQuantity:1,
+	            commodityType:commodityType,
+	            createTime:createTime,
+	            remarks:remarks,
+	        },
+	        success: function (data) {
+	            console.log(data);
+	        }
+		})	
+	})
+})()
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 150 - 0
template/service/counselor.html

@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	    <meta charset="utf-8" />
+	    <link rel="icon" href="../../img/ico_logo.ico">
+	    <meta name="Keywords" content=""/>
+	    <meta name="Description" content=""/>
+	    <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
+	    <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/public.css" />
+	    <link rel="stylesheet" href="../../src/css/main_banner.css" />
+	    <link rel="stylesheet" type="text/css" href="../../src/css/service/counselor.css"/>-->
+    </head>
+	<body>
+		<div id="counselor_title">
+			<div class="line"></div>
+			<div class="zi">
+				>
+                <a href="#">技术交易</a>
+                >
+                <a href="#">技术专利</a>
+                >
+                <a href="#" class="a_detail">专利详情</a>
+			</div>
+		</div>
+		<div id="counselor_img">
+			<div class="counselor_img">
+				<div class="touxiang">
+					<div class="touxiang_top">
+						<img src="../../img/zhishi1.jpg" alt="" />
+					</div>
+					<div class="touxiang_conter">
+						张三菲
+					</div>
+					<div class="touxiang_bottom">
+						专利咨询师
+					</div>
+				</div>
+			</div>
+		</div>
+		<div id="counselor_content">
+			<div class="basc">
+				<div class="basc_top">
+					<h3>咨询师简介</h3>
+				</div>
+				<div class="basc_content">
+					<p>金子满(Mitsuru Kaneko)是国际著名数字特效国际高端人才,
+						奥斯卡最佳视觉效果奖获得者。金子满教授因创作了第一代商业计算机
+						图形作品《JCGL》而在日本被称作“计算机图像之父”。他拥有在日本
+						和美国接近 50 年的制作和培训方面的经验。1987 年,他在洛杉矶设
+						立 Metro Light Studios,并凭借电影《Total Recall》
+						的特效表现获得奥斯卡奖项,1998 年获得美国国家计算机图形协会业
+						务部门一等奖。目前金子满教授担任东京工科大学创意实验室教授,并且
+						连续三年开办专业创意人员“可视化内容制作与激活”研讨会,赞助方包括
+						视觉产业促进组织(VIPO)与计算机图形艺术协会(CG-ARTS)。
+					</p>
+				</div>
+			</div>
+			<div class="content_button">
+				<div class="qiatan">
+					洽谈
+				</div>
+				<div class="yuyue">
+					预约
+				</div>
+			</div>
+		</div>
+		<div id="counselor_more">
+			<div class="more_img">
+			
+			</div>
+			<div class="more_content">
+				<div>
+					<div class="more_zi">
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+					</div>
+					<div class="more_smimg">
+						<img src="../../img/zhishi1.jpg" alt="" />
+					</div>
+					<div class="more_smzi">
+						<h4>张三菲</h4>
+						<p>专利咨询师</p>
+					</div>
+				</div>
+				<div>
+					<div class="more_zi">
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+					</div>
+					<div class="more_smimg">
+						<img src="../../img/zhishi1.jpg" alt="" />
+					</div>
+					<div class="more_smzi">
+						<h4>张三菲</h4>
+						<p>专利咨询师</p>
+					</div>
+				</div>
+				<div>
+					<div class="more_zi">
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+					</div>
+					<div class="more_smimg">
+						<img src="../../img/zhishi1.jpg" alt="" />
+					</div>
+					<div class="more_smzi">
+						<h4>张三菲</h4>
+						<p>专利咨询师</p>
+					</div>
+				</div>
+				<div>
+					<div class="more_zi">
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+					</div>
+					<div class="more_smimg">
+						<img src="../../img/zhishi1.jpg" alt="" />
+					</div>
+					<div class="more_smzi">
+						<h4>张三菲</h4>
+						<p>专利咨询师</p>
+					</div>
+				</div>
+				<div>
+					<div class="more_zi">
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+						合作共赢是我的人生态度;专业、真诚是我的工作理念;善于运用独特的视角发掘企业有价
+					</div>
+					<div class="more_smimg">
+						<img src="../../img/zhishi1.jpg" alt="" />
+					</div>
+					<div class="more_smzi">
+						<h4>张三菲</h4>
+						<p>专利咨询师</p>
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+	<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>-->
+	
+</html>

+ 148 - 0
template/service/projectDetails.html

@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	    <meta charset="utf-8" />
+	    <link rel="icon" href="../../img/ico_logo.ico">
+	    <meta name="Keywords" content=""/>
+	    <meta name="Description" content=""/>
+	    <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
+	    <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/public.css" />
+	    <link rel="stylesheet" href="../../src/css/main_banner.css" />
+	    <link rel="stylesheet" type="text/css" href="../../src/css/service/projectDetails.css"/>-->
+	</head>
+	<body>
+		<header>
+    <div class="container">
+        <div class="logo"><a href="../../template/index.html"><img src="../../img/Logo111.png" alt="" title="技淘"/></a></div>
+        <div  class="nav">
+            <ul>
+                <li><a href="#">技术交易</a></li>
+                <li><a href="#">科技服务</a><img src="../../img/hot.png" alt="HOT"/></li>
+                <li><a href="#">智库咨询</a></li>
+                <li class="active"><a href="#">科技金融</a></li>
+                <li><a href="#">科技活动</a></li>
+                <li><a href="#">平台共建</a></li>
+            </ul>
+        </div>
+        <div class="nav_right">
+            <a href="">注册</a>
+            <a href="javascript:;" class="head_login">登陆</a>
+            <a href="">关于我们</a>
+        </div>
+    </div>
+</header>
+<!--banner-->
+<div class="carouselt">
+    <ul class="ct-img-big clear">
+        <li data-index=0 ><a href=""><img src="../../img/highTechCognizance_banner01.jpg" alt=""/></a></li>
+        <li data-index=1 ><a href=""><img src="../../img/highTechCognizance_banner01.jpg" alt=""/></a></li>
+        <li data-index=2 ><a href=""><img src="../../img/highTechCognizance_banner01.jpg" alt=""/></a></li>
+        <li data-index=3 ><a href=""><img src="../../img/highTechCognizance_banner01.jpg" alt=""/></a></li>
+        <li data-index=4 ><a href=""><img src="../../img/highTechCognizance_banner01.jpg" alt=""/></a></li>
+    </ul>
+    <a class="btn btn-next" href="">
+        <img src="../../img/index_next.png" alt=""/>
+    </a>
+    <a class="btn btn-pre" href="">
+        <img src="../../img/index_pre.png" alt=""/>
+    </a>
+</div>
+<!--主体内容-->
+		<div id="counselor_title">
+			<div class="line"></div>
+			<div class="zi">
+				>
+                <a href="#">技术交易</a>
+                >
+                <a href="#">技术专利</a>
+                >
+                <a href="#" class="a_detail">专利详情</a>
+			</div>
+		</div>
+		<div id='det_content'>
+			<div id='content_left'>
+				<div class="title">
+					高新企业认定
+				</div>
+				<div class="cont_img">
+					<img src="../../img/projectDet.jpg" alt="" />
+				</div>
+				<div class="guanzhu">
+					<div class="loves">                       
+                       <span class="box_love"></span>
+                       <span class="dem_number">8</span>
+                       <span>关注</span>
+                    </div>
+				</div>
+				<div class="guige">
+					<h5>
+						服务规格
+					</h5>
+					<div class="guigeone">
+						普通(45天左右)
+					</div>
+					<div class="guigetwo">
+						加急(35天左右)
+					</div>
+					<div class="guigethree">
+						特急(15天左右)
+					</div>
+				</div>
+				<div id="cont">
+					<div class="miaoshu">
+						<div class="lineB">
+							项目描述
+						</div>
+						<div>
+							1.废物尔特让他刚刚辉仍
+						</div>
+					</div>
+					<div class="jiazi">
+						<div class="lineB">
+							项目价值
+						</div>
+						<div>
+							2.跌幅为丰富威风威风威风
+						</div>
+					</div>
+					<div class="ziliao">
+						<div class="lineB">
+							所需资料
+						</div>
+						<div>
+							3.发热管反而个人个人股
+						</div>
+					</div>
+				</div>
+				<div class="lianxi">
+					<div class="fuwu">
+						我要服务
+					</div>
+					<div class="dianhua">
+						一键电话
+					</div>
+				</div>
+			</div>
+			<div id='content_right'>
+				<div class="fine">
+                    <div class="fine_title">精品专利</div>
+                    <div>
+                        <img src="../../img/detail_img3.jpg" alt=""/>
+                        <p>这是一个精品专利</p>
+                    </div>
+                    <div>
+                        <img src="../../img/detail_img3.jpg" alt=""/>
+                        <p>这是一个精品专利</p>
+                    </div>
+                    <div>
+                        <img src="../../img/detail_img3.jpg" alt=""/>
+                        <p>这是一个精品专利</p>
+                    </div>
+				</div>
+			</div>
+		</div>
+	</body>
+</html>

+ 105 - 0
template/service/purpose.html

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="../../img/ico_logo.ico">
+    <meta name="Keywords" content=""/>
+    <meta name="Description" content=""/>
+    <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
+    <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/public.css" />
+    <link rel="stylesheet" href="../../src/css/main_banner.css" />
+    <link rel="stylesheet" type="text/css" href="../../src/css/service/purpose.css"/>-->
+</head>
+<body>
+<header>
+    <div class="container">
+        <div class="logo"><a href="../../template/index.html"><img src="../../img/Logo111.png" alt="" title="技淘"/></a></div>
+        <div  class="nav">
+            <ul>
+                <li><a href="#">技术交易</a></li>
+                <li><a href="#">科技服务</a><img src="../../img/hot.png" alt="HOT"/></li>
+                <li><a href="#">智库咨询</a></li>
+                <li class="active"><a href="#">科技金融</a></li>
+                <li><a href="#">科技活动</a></li>
+                <li><a href="#">平台共建</a></li>
+            </ul>
+        </div>
+        <div class="nav_right">
+            <a href="">注册</a>
+            <a href="javascript:;" class="head_login">登陆</a>
+            <a href="">关于我们</a>
+        </div>
+    </div>
+</header>
+<!--banner-->
+<div class="carouselt">
+    <ul class="ct-img-big clear">
+        <li data-index=0 ><a href=""><img src="../../img/highTechCognizance_banner01.jpg" alt=""/></a></li>
+        <li data-index=1 ><a href=""><img src="../../img/highTechCognizance_banner01.jpg" alt=""/></a></li>
+        <li data-index=2 ><a href=""><img src="../../img/highTechCognizance_banner01.jpg" alt=""/></a></li>
+        <li data-index=3 ><a href=""><img src="../../img/highTechCognizance_banner01.jpg" alt=""/></a></li>
+        <li data-index=4 ><a href=""><img src="../../img/highTechCognizance_banner01.jpg" alt=""/></a></li>
+    </ul>
+    <a class="btn btn-next" href="">
+        <img src="../../img/index_next.png" alt=""/>
+    </a>
+    <a class="btn btn-pre" href="">
+        <img src="../../img/index_pre.png" alt=""/>
+    </a>
+</div>
+<!--主体内容-->
+<div id="all_achievement">
+    <div class="detail">
+        <div id="order_title">
+             	服务意向
+        </div>
+        <div id="order_cont">
+            <div class="order_cont">
+                <div class="order_left">
+                    <h2>高新企业认定</h2>
+                </div>
+                <div class="order_right">
+                    <div>
+                    	<span>价格:</span>
+                    	<span>500</span>
+                    	<span>万</span>
+                    </div>
+                    <div>
+                    	<span>定金:</span>
+                    	<span>50</span>
+                    	<span>万</span>
+                    </div>
+                    <div>
+                    	<span>订单编号:</span>
+                    	<span>15101060650404904</span>
+                    </div>
+                    <div>
+                    	<span>2018:01:01  20:00</span>
+                    </div>
+                </div>
+            </div>
+            <textarea name="liuyan" rows="8" cols="140" placeholder="请备注留言,以便服务人员能更好的了解您的服务意向!"></textarea>
+        </div>
+        <div id="tijiao">
+        	<div>提交服务意向</div>
+        </div>
+        <div id="order_flow">
+            <h3>交易流程</h3>
+            <div>
+                <img src="../../img/order_2.png" alt=""/>
+            </div>
+        </div>
+        
+    </div>
+</div>
+
+
+</body>
+<!--<script type="text/javascript" src="../../src/js/jquery-2.1.0.js"></script>-->
+<!--<script type="text/javascript" src="../../src/js/technologyTrading/achievementOrder.js"></script>-->
+<!--<script type="text/javascript" src="../../src/js/public.js"></script>-->
+<!--<script type="text/javascript" src="../../src/js/main_banner.js" ></script>-->
+</html>

+ 12 - 1
webpack.config.js

@@ -179,7 +179,18 @@ module.exports = (function () {
             template: './template/service/propertyRight.html',
             chunks: ['service/propertyRight', 'vendors']
         }),
-
+		new HtmlWebpackPlugin({
+            title: '科技服务-高新认定',
+            filename: 'html/service/projectDetails.html',
+            template: './template/service/projectDetails.html',
+            chunks: ['service/projectDetails', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
+            title: '科技服务-服务意向',
+            filename: 'html/service/purpose.html',
+            template: './template/service/purpose.html',
+            chunks: ['service/purpose', 'vendors']
+        }),
         //newsApp 
         new HtmlWebpackPlugin({
             title: '新闻详情',

+ 10 - 1
webpack/entry.config.js

@@ -24,6 +24,8 @@ module.exports = {
         'financial/investmentInstitution': './src/js/financial/investmentInstitution.js',
         'financial/investmentDetail': './src/js/financial/investmentDetail.js',
         'service/propertyRight': './src/js/service/propertyRight.js',
+        'service/projectDetails': './src/js/service/projectDetails.js',
+        'service/purpose': './src/js/service/purpose.js',
         'service/highTechCognizance': './src/js/service/highTechCognizance.js',
         //newsApp
         'news/newsDetailApp': './src/js/news/newsDetailApp.js',
@@ -131,7 +133,14 @@ module.exports = {
             'webpack/hot/only-dev-server',
             './src/js/service/propertyRight.js'
         ],
-
+		'service/projectDetails': ['webpack-dev-server/client?http://127.0.0.1', // WebpackDevServer host and port
+            'webpack/hot/only-dev-server',
+            './src/js/service/projectDetails.js'
+        ],
+        'service/purpose': ['webpack-dev-server/client?http://127.0.0.1', // WebpackDevServer host and port
+            'webpack/hot/only-dev-server',
+            './src/js/service/purpose.js'
+        ],
         // newsApp 
         'news/newsDetailApp': ['webpack-dev-server/client?http://127.0.0.1', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',