Browse Source

成果雪球详情添加评论

liting2017 6 years ago
parent
commit
8ec32310df

+ 1 - 1
src/css/newMenu/public.css

@@ -557,7 +557,7 @@ a:active{text-decoration:none;}/* 指正在点的链接*/
 /*弹出消息提示*/
 .smg{height: 40px;text-align: center;transform: scale(0);padding: 0 10px;
     line-height:40px;background:#17a2b8;border-radius: 10px;
-    position: fixed;top: -200px; left: 50%;margin-left: -130px;color:#ffffff;
+    position: fixed;top: 100px; left: 50%;margin-left: -130px;color:#ffffff;
     transition: all .3s ease-in-out;z-index: 9999999;
 }
 .smg input{width: 260px;height: 40px;border: none;background: none;text-align: center;font-size: 14px;}

+ 3 - 47
src/css/newMenu/serviceDetails.css

@@ -179,58 +179,12 @@
 }
 .serviceDetailsList .introduction,.serviceDetailsList .requirement{
     background: #ffffff;
-    /* border: 1px solid #eeeeee; */
     padding-bottom: 28px;
 }
 .serviceDetailsList>div{
     margin-bottom: 38px;
 }
 
-/* .serviceDetailsList .introduction h3,.serviceDetailsList .requirement h3{
-    width: 100%;
-    height: 52px;
-    line-height: 52px;
-    font-size: 14px;
-    color: #1f1f1f;
-    padding-left: 20px;
-    background: #f8f8f8;
-    margin-bottom: 20px;
-}
-.serviceDetailsList .introduction p,.serviceDetailsList .requirement p{
-    padding:0  20px;
-    line-height: 24px;
-    font-size: 12px;
-    text-align: justify;
-    color: #707070;
-}
-.serviceDetailsList .value{
-    overflow: hidden;
-    background: #ffffff;
-    border: 1px solid #eeeeee;
-}
-.serviceDetailsList .value h4{
-    height: 100%;
-    width: 170px;
-    vertical-align: middle;
-    font-size: 14px;
-    text-align: center;
-    float: left;
-    background: #f8f8f8;
-}
-.serviceDetailsList .value div{
-    padding-top: 10px;
-    padding-bottom: 10px;
-    padding-right: 10px;
-    width: 1028px;
-    display: inline-block;
-    float: left;
-    line-height: 24px;
-    padding-left: 20px;
-    font-size: 12px;
-    color: #707070;
-    word-wrap:break-word
-} */
-
 .serviceDetailsTxt .shopCar{
     margin-left: 10px;
 }
@@ -506,4 +460,6 @@ margin-bottom: 100px;
     float: left;
     color: #ff570c
 }
-
+.pagination li a{
+    color: #333;
+}

+ 168 - 0
src/css/technologyTrading/achievementDetail.css

@@ -141,4 +141,172 @@ div.pointer{cursor: pointer;}
     #all_achievement{
         width: 1200px;
     }
+}
+
+/* 评论 */
+
+.tabEvaluate{
+    clear: both;
+    margin-top: 40px;
+    width: 100%;
+    height: 42px;
+    line-height: 42px;
+    border: 1px solid #efefef;
+    background: #fcfcfc;
+}
+.tabEvaluate li{
+    cursor: pointer;
+    float: left;
+    width: 120px;
+    text-align: center;
+    font-size: 16px;
+    color: #1f1f1f;
+    border-right: 1px solid #efefef
+}
+.tabEvaluate li.active{
+    background: #1697ea;
+    color: #ffffff;
+}
+/* 评论 */
+.pagination_box{
+    display: none;
+}
+.evaluateList .list_none{
+    padding-top: 20px;
+    text-align: center;
+    padding-bottom: 100px;
+}
+.evaluateList{
+    display: none;
+    clear: both;
+}
+.evaluateList>ul>li {
+    border-bottom: 1px dotted #c6c2c2;
+    padding-left: 26px;
+    overflow: hidden;
+} 
+.evaluateList>ul>li p{
+    font-size: 14px;
+    color: #1f1f1f;
+    float: left;
+}  
+.evaluateList>ul>li>div.stasf{
+    width: 370px;
+    overflow: hidden;
+    padding: 25px 0 10px;;
+}
+.evaluateList>ul>li>div.stasf>p{
+    margin-right: 50px;
+}
+.evaluateList ul>li .satisfied{
+    float: left;
+}
+.evaluateList .uName{
+    margin-left: 10px;
+}
+.satisfied ol li {
+    float: left;
+}
+.satisfied ol li span{
+    color: #ff580e;
+}
+.satisfied ol{
+    float: right;
+    margin-left: 8px;
+    font-size: 16px;
+}
+.satisfiedContent {
+    clear: both;
+    overflow: hidden;
+    margin-top: 8px;
+    padding-bottom: 27px;
+}
+.satisfiedContent p{
+    padding-right:20px;
+    font-size: 12px;
+   color: #707070!important;
+}
+.satisfiedContent time{
+    font-size: 12px;
+    color: #707070!important;
+    float: right;
+}
+.pagination{
+    float: right;
+}
+.pagination a span,.pagination li a{
+    color: #333333;
+}
+.totalCount {
+    float: right;
+    margin-top: 28px;
+    margin-right: 15px;
+}
+.pagination_box{
+margin-bottom: 100px;
+}
+.pagination_box .pagePre a{
+    margin-right: 10px
+}
+.pagination_box .pageNext a{
+    margin-left: 10px;
+}
+
+#commentArea{
+    width: 1000px;
+    height: 80px;
+    outline: none;
+    margin-left: 26px;
+    resize: none;
+    margin-top: 10px;
+    text-indent:1em;
+    line-height: 20px;
+    padding-top: 5px;
+}
+#commentArea:focus{
+    border-color:transparent; 
+    box-shadow: 0 0 10px #1697ea ;
+}
+.CommentSend button{
+    width: 150px;
+    height: 34px;
+    margin-left: 26px;
+    margin-top: 6px;
+}
+.commentStar{
+    overflow: hidden;
+    margin-left: 26px;
+    margin-top: 10px;
+    line-height: 20px;
+}
+.commentStar>span{
+    display: inline-block;
+    float: left;
+    color: #ff570c
+}
+.commentStar .ulStar{
+    float: left;
+    margin-left: 6px;
+}
+.commentStar .ulStar span{
+    display: inline-block;
+    cursor: pointer;
+    margin-right: 4px;
+    font-size: 20px;
+    float: left;
+    color: #ff570c
+}
+.CommentSend{
+    height: 40px;
+}
+.evaluateList>ul{
+    clear: both;
+}
+.commentDetails{
+    margin-left: 26px;
+    padding-top: 10px;
+}
+.noComment{
+    text-align: center;
+    line-height: 40px;
 }

+ 172 - 0
src/css/technologyTrading/demandDetail.css

@@ -136,4 +136,176 @@ text-align: justify;}
     #all_achievement{
         width: 1200px;
     }
+}
+
+/* 评论 */
+
+.tabEvaluate{
+    clear: both;
+    margin-top: 40px;
+    width: 100%;
+    height: 42px;
+    line-height: 42px;
+    border: 1px solid #efefef;
+    background: #fcfcfc;
+}
+.tabEvaluate li{
+    cursor: pointer;
+    float: left;
+    width: 120px;
+    text-align: center;
+    font-size: 16px;
+    color: #1f1f1f;
+    border-right: 1px solid #efefef
+}
+.tabEvaluate li.active{
+    background: #1697ea;
+    color: #ffffff;
+}
+/* 评论 */
+.pagination_box{
+    display: none;
+}
+.evaluateList .list_none{
+    padding-top: 20px;
+    text-align: center;
+    padding-bottom: 100px;
+}
+.evaluateList{
+    display: none;
+    clear: both;
+}
+.evaluateList>ul>li {
+    border-bottom: 1px dotted #c6c2c2;
+    padding-left: 26px;
+    overflow: hidden;
+} 
+.evaluateList>ul>li p{
+    font-size: 14px;
+    color: #1f1f1f;
+    float: left;
+}  
+.evaluateList>ul>li>div.stasf{
+    width: 370px;
+    overflow: hidden;
+    padding: 25px 0 10px;;
+}
+.evaluateList>ul>li>div.stasf>p{
+    margin-right: 50px;
+}
+.evaluateList ul>li .satisfied{
+    float: left;
+}
+.evaluateList .uName{
+    margin-left: 10px;
+}
+.satisfied ol li {
+    float: left;
+}
+.satisfied ol li span{
+    color: #ff580e;
+}
+.satisfied ol{
+    float: right;
+    margin-left: 8px;
+    font-size: 16px;
+}
+.satisfiedContent {
+    clear: both;
+    overflow: hidden;
+    margin-top: 8px;
+    padding-bottom: 27px;
+}
+.satisfiedContent p{
+    padding-right:20px;
+    font-size: 12px;
+   color: #707070!important;
+}
+.satisfiedContent time{
+    font-size: 12px;
+    color: #707070!important;
+    float: right;
+}
+.pagination{
+    float: right;
+}
+.totalCount {
+    float: right;
+    margin-top: 28px;
+    margin-right: 15px;
+}
+.pagination_box{
+margin-bottom: 100px;
+}
+.pagination_box .pagePre a{
+    margin-right: 10px
+}
+.pagination_box .pageNext a{
+    margin-left: 10px;
+}
+
+#commentArea{
+    width: 1000px;
+    height: 80px;
+    outline: none;
+    margin-left: 26px;
+    resize: none;
+    margin-top: 10px;
+    text-indent:1em;
+    line-height: 20px;
+    padding-top: 5px;
+}
+#commentArea:focus{
+    border-color:transparent; 
+    box-shadow: 0 0 10px #1697ea ;
+}
+.CommentSend button{
+    width: 150px;
+    height: 34px;
+    margin-left: 26px;
+    margin-top: 6px;
+}
+.commentStar{
+    overflow: hidden;
+    margin-left: 26px;
+    margin-top: 10px;
+    line-height: 20px;
+}
+.publicComment{
+    clear: both;
+}
+.commentStar>span{
+    display: inline-block;
+    float: left;
+    color: #ff570c
+}
+.commentStar .ulStar{
+    float: left;
+    margin-left: 6px;
+}
+.commentStar .ulStar span{
+    display: inline-block;
+    cursor: pointer;
+    margin-right: 4px;
+    font-size: 20px;
+    float: left;
+    color: #ff570c
+}
+.CommentSend{
+    height: 40px;
+}
+.evaluateList>ul{
+    clear: both;
+}
+.commentDetails{
+    margin-left: 26px;
+    padding-top: 10px;
+}
+.noComment{
+    text-align: center;
+    line-height: 40px;
+}
+.pagination a span{
+    color: #333333;
+
 }

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

@@ -89,7 +89,7 @@ $(function () {
                                     <div class="txt" data-id=${thisdata.uid}>
                                         <div>
                                             <h4>${thisdata.username}<span>${txtCont}</span></h4>
-                                            <p><span>好评率 -${thisdata.favorableRate}</span><span class="nubCollect">${thisdata.countInterest}</span>${thisdata.interested?'<span class="heart active"></span>':'<span class="heart"></span>'}</p>
+                                            <p><span>好评率 ( ${thisdata.favorableRate} )</span><span class="nubCollect">${thisdata.countInterest}</span>${thisdata.interested?'<span class="heart active"></span>':'<span class="heart"></span>'}</p>
                                         </div> 
                                         <p>${thisdata.introduction?thisdata.introduction:'暂无描述'}</p>
                                     </div>

+ 220 - 0
src/js/newMenu/publicComment.js

@@ -0,0 +1,220 @@
+ /*评论 切换*/
+
+ $(function () {
+      let publicHash = window.location.search,
+          publicHashArr = publicHash.split('='),
+          piblicid =publicHashArr[1],
+          publicIds = piblicid.split('&')[0];
+         
+     $('.tabEvaluate li').click(function () {
+         let index = $(this).index();
+         $(this).addClass('active').siblings().removeClass('active');
+         $('.tabList>div').eq(index).show().siblings().hide();
+     });
+     pages();
+     //评论列表
+     loadDate();
+     var thePageNo = 1,
+        publicData={},
+        thePageLength = 1,
+        pageSize = 4;
+    let hrefs = window.location.href;
+    if(hrefs.indexOf('achievement')>-1){
+        publicData.commodityType=1;
+       
+    }
+    if(hrefs.indexOf('demand')>-1){
+        publicData.commodityType=2;
+    }
+     function loadDate(pageNo) {
+         $.ajax({
+             method: "get",
+             dataType: "json",
+             url: globalConfig.context + "/open/unlanded/comment/list",
+             data: {
+                 pageNo: pageNo || 1,
+                 pageSize: 4,
+                 commodityId: publicIds
+             },
+             success: function (data) {
+                 var theArrs = [];
+                 if (data && data.error.length) {
+                     msg(data.error[0].message)
+                 };
+                 if (data.data.totalCommentCount > 0) {
+                     let good = (((data.data.positiveCommentCount) / (data.data.totalCommentCount)) * 100).toFixed(1),
+                         middle = (((data.data.ordinaryCommentCount) / (data.data.totalCommentCount)) * 100).toFixed(1),
+                         bad = (100 - good - middle).toFixed(1);
+                     $('.commentDetails').html(`
+                    评价 :<span>好评(${good+'%'})</span><span>中评(${middle+'%'})</span><span>差评(${bad+'%'})</span>
+                    `)
+                 } else {
+                     $('.commentDetails').html(`
+                    评价 :<span>好评(100%)</span><span>中评(0%)</span><span>差评(0%)</span>
+                `)
+                 }
+                 if (data.data && data.data.comments.list.length) {
+                     let nub = data.data.comments.list.length;
+                     for (let i = 0; i < nub; i++) {
+                         let thisdata = data.data.comments.list[i],
+                             name;
+                         let times = thisdata.createTime ? new Date(thisdata.createTime).toLocaleString() : '',
+                             star = thisdata.star;
+                         if (thisdata.uname.indexOf('游客') > -1) {
+                             name = '匿名'
+                         } else {
+                             name = thisdata.uname
+                         };
+                         theArrs.push(`
+                    <li>
+                    <div class="stasf">
+                        <p>用户名 :<span class="uName">${name}</span></p>
+                        <div class="satisfied">
+                            <span>满意度:</span>
+                            <ol>
+                                <li><span class="glyphicon ${star>=1?'glyphicon-star':'glyphicon-star-empty'} "></span></li>
+                                <li><span class="glyphicon ${star>=2?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                                <li><span class="glyphicon ${star>=3?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                                <li><span class="glyphicon ${star>=4?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                                <li><span class="glyphicon ${star>=5?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                            </ol>
+                        </div>
+                    </div>
+                    <div><time>${times}</time></div>
+                    <div class="satisfiedContent">
+                        <p>${thisdata.content}</p> 
+                    </div>
+                </li>`);
+                     };
+
+                 };
+
+                 $('.numberBars').html(data.data.totalCommentCount > 10 ? '10+' : data.data.totalCommentCount)
+                 $('.evaluateList>ul').empty();
+                 $('.evaluateList>ul').append(theArrs.join(''));
+
+                 if (!(data.data.comments.list.length)) {
+                     $('.evaluateList>ul').html("<div class='noComment'>暂无评论</div>");
+                     $('.pagination_box').css('display', 'none')
+                 } else {
+                     $('.pagination_box').css('display', 'block');
+                 }
+                 thePageLength = data.data.comments.totalCount ? Math.ceil(data.data.comments.totalCount / pageSize) : 1;
+                 $('.totalCount').html(`共${data.data.comments.totalCount}条数据 ${thePageLength}页`)
+                 var pageArr = [],
+                     thePageNo=pageNo||1,
+                     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(''));
+                 if(pageNo=='1'){
+                    $('.pagination ul li').eq(1).addClass('active').siblings().removeClass('active');
+                 }
+             }
+         });
+     }
+     //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 msg(txt) {
+         if ($('.smg').hasClass('active')) {
+             return;
+         }
+         txt ? $('#msg').val(txt) : '';
+         $('.smg').addClass('active');
+         var lit = $('#msg').val(txt);
+         setTimeout(function () {
+             $('.smg').removeClass('active');
+             $('#msg').val('');
+         }, 2000)
+     }
+     //评论星星
+     star();
+
+     function star() {
+         $('.commentStar .ulStar span').hover(function () {
+             $(this).addClass('glyphicon-star').removeClass('glyphicon-star-empty').prevAll().addClass('glyphicon-star').removeClass('glyphicon-star-empty');
+             $(this).nextAll().removeClass('glyphicon-star').addClass('glyphicon-star-empty').stop(true);
+         })
+     }
+     //新建评论
+     addComment();
+
+     function addComment() {
+         $('.CommentSend .btn').click(function (e) {
+             e.preventDefault();
+             let starNum = $('.commentStar .ulStar span.glyphicon-star').length,
+                 textVal = $('#commentArea').val();
+             if (!starNum) {
+                 msg('请您选择星级!');
+                 return;
+             }
+             if (!textVal) {
+                 msg('请您填写评论内容!');
+                 return;
+             }
+             $.ajax({
+                 method: 'post',
+                 url: globalConfig.context + "/open/addComment",
+                 dataType: 'json',
+                 data: {
+                     commodityId: publicIds,
+                     content: textVal,
+                     star: starNum,
+                     commodityType:publicData.commodityType
+                 }
+             }).done(function (data) {
+                 if (data && data.error.length) {
+                     msg(data.error[0].message);
+                     return;
+                 }
+                 msg('评论成功,感谢您的评论。');
+                 $('#commentArea').val('');
+                 $('.ulStar span').removeClass('glyphicon-star').addClass('glyphicon-star-empty');
+                
+                 loadDate(1);
+                
+             })
+         })
+     }
+ })

+ 2 - 1
src/js/newMenu/serviceDetails.js

@@ -180,6 +180,7 @@ $(function () {
                 $('.totalCount').html(`共${data.data.comments.totalCount}条数据 ${thePageLength}页`)
                 var pageArr = [],
                     firstNo = 1,
+                    thePageNo=pageNo||1,
                     endNo = 5;
                 if (thePageNo > 3) {
                     firstNo = thePageNo - 2;
@@ -282,7 +283,7 @@ $(function () {
                 msg('评论成功,感谢您的评论。');
                 $('#commentArea').val('');
                 $('.ulStar span').removeClass('glyphicon-star').addClass('glyphicon-star-empty');
-                loadDate();
+                loadDate(1);
             })
         })
     }

+ 9 - 2
src/js/public.js

@@ -54,8 +54,15 @@ $(function(){
 		$('#form_register').fadeOut(800)
 	})
 	$('.login_close').click(function(){
-		$('.login').fadeOut(800)
-		$('#form_register').fadeIn(800)
+		let urlHref = window.location.href;
+		if(urlHref.indexOf('signIn')>-1){
+			$('.login').fadeOut(800)
+			$('#form_register').fadeIn(800)
+			window.location.reload();
+		}else{
+			$('.login').fadeOut(800)
+			$('#form_register').fadeIn(800)
+		}
 	})
 	$('#form_login').submit(function(e){
 		let hrefs=window.location.href,jump=window.location.hash,jumpState=false,

+ 8 - 5
src/js/technologyTrading/achievementDetail.js

@@ -1,11 +1,13 @@
-import '../../css/bootstrap.less';
+import 'css/bootstrap.less';
 import 'bootstrap/dist/js/bootstrap.js';
 import 'css/newMenu/public.css';
 import 'css/newMenu/header.css'
-import '../../css/main_banner.css';
-import '../../js/public.js';
-import '../../js/main_banner.js';
-import '../../css/technologyTrading/achievementDetail.css';
+import 'css/main_banner.css';
+import 'js/public.js';
+import 'js/main_banner.js';
+import 'css/technologyTrading/achievementDetail.css';
+import 'js/newMenu/publicComment';
+
 (function(){
     $(".small_img img").hover(function(e){      
         var smallsrc=$(this).attr("src");
@@ -34,6 +36,7 @@ import '../../css/technologyTrading/achievementDetail.css';
        });
     //收藏
     $('.collection p').eq(0).click(function () {
+        window.location.hash='jump';
         let heart = $('.heart');
         if (heart.hasClass('active')) {
             collectionApi(0) //取消收藏

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

@@ -6,7 +6,7 @@ import '../../css/main_banner.css';
 import '../../js/public.js';
 import '../../js/main_banner.js';
 import '../../css/technologyTrading/demandDetail.css';
-
+import 'js/newMenu/publicComment';
 
 (function(){
     var isIntereste=$("#isInterester").attr("isInterester");
@@ -27,6 +27,7 @@ import '../../css/technologyTrading/demandDetail.css';
     })
      //收藏
      $('.collection p').eq(0).click(function () {
+        window.location.hash='jump';
         let heart = $('.heart');
         if (heart.hasClass('active')) {
             collectionApi(0) //取消收藏

+ 4 - 0
src/js/thinkTank/policyList.js

@@ -221,8 +221,10 @@ $(function () {
 		$('.more').click(function(){
 			if($('.area').hasClass('active')){
 				$('.area').removeClass('active');
+				$(this).text('更多+');
 			}else{
 				$('.area').addClass('active');
+				$(this).text('更多 -');
 			}
 		})
 	}
@@ -233,6 +235,8 @@ $(function () {
 			let val = $(this).attr('value');
 			dataList.type=val;
 			$(this).addClass('active').siblings().removeClass('active');
+			dataList.title='';
+			$('.demandSearch').val('');
 			loadDate();
 		})
 	}

+ 293 - 302
template/technologyTrading/achievementDetail.html

@@ -1,10 +1,11 @@
 <!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="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>
@@ -13,342 +14,332 @@
     <!--<link rel="stylesheet" href="../../src/css/main_banner.css" />-->
     <!--<link rel="stylesheet" type="text/css" href="../../src/css/technologyTrading/achievementDetail.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>
-<div id="all_achievement">
-    <div class="detail">
-        <div class="detail_top">
-            <div class="detail_topimg">
-                <a href="#">
-                    <img src="../../img/detail_facebook.jpg" alt=""/>
-                </a>
-                <a href="#">
-                    <img src="../../img/detail_weixin.jpg" alt=""/>
-                </a>
-                <a href="#">
-                    <img src="../../img/detail_weibo.jpg" alt=""/>
-                </a>
+    <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="detail_toptitle">
-                >
-                <a href="#">技术交易</a>
-                >
-                <a href="#">技术专利</a>
-                >
-                <a href="#" class="a_detail">专利详情</a>
+            <div class="nav_right">
+                <a href="">注册</a>
+                <a href="javascript:;" class="head_login">登陆</a>
+                <a href="">关于我们</a>
             </div>
         </div>
-        <div class="detail_center">
-            <div class="detail_centerimg">
-                <div>
-                    <div class="small_img">
-                        <img src="../../img/detail_img1.png" alt=""/>
-                        <img src="../../img/detail_img1.png" alt=""/>
-                        <img src="../../img/detail_img1.png" alt=""/>
-                    </div>
-                    <div class="big_img">
-                        <img src="../../img/detail_img2.png" alt="" />
-                    </div>
+    </header>
+    <div id="all_achievement">
+        <div class="detail">
+            <div class="detail_top">
+                <div class="detail_topimg">
+                    <a href="#">
+                        <img src="../../img/detail_facebook.jpg" alt="" />
+                    </a>
+                    <a href="#">
+                        <img src="../../img/detail_weixin.jpg" alt="" />
+                    </a>
+                    <a href="#">
+                        <img src="../../img/detail_weibo.jpg" alt="" />
+                    </a>
                 </div>
-                <div class="basic">
-                    <div>
-                        <h5>行业</h5>
-                        <p>CT、无线电波、透视CT</p>
-                    </div>
-                    <div>
-                        <h5>名称</h5>
-                        <p>CT红外摄影</p>
-                    </div>
-                    <div>
-                        <h5>交易方式</h5>
-                        <p>价格面议</p>
-                    </div>
-                    <span>
-                        <img src="../../img/detail_img5.jpg" alt=""/>
-                        <span>8</span>
-                    </span>
-                    <div class="detail_btn">	
-                        <a href="javascript:;" onclick="_MEIQIA('showPanel')">我要咨询</a>
-                        <input type="hidden" id="Id_">
-                        <input type="hidden" islogin="false" id="isLogin">
-                        <a class="shopCar"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>加入购物车</a>
-                    </div>
-                </div>
-                <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 class="detail_toptitle">
+                    >
+                    <a href="#">技术交易</a>
+                    >
+                    <a href="#">技术专利</a>
+                    >
+                    <a href="#" class="a_detail">专利详情</a>
                 </div>
             </div>
-            <div class="detail_centertext">
-                <div class="text_left">
+            <div class="detail_center">
+                <div class="detail_centerimg">
                     <div>
-                        <p ><h5>所在地</h5>: 湖南长沙</p>
-                        <p class="left_p"><h5>技术成熟度</h5>: 可以量产</p>
-                    </div>
-                    <div>
-                        <p><h5>类型</h5>: 发明专利</p>
-                    </div>
-                    <div>
-                        <p><h5>最近更新</h5>: 2017-09-17</p>
+                        <div class="small_img">
+                            <img src="../../img/detail_img1.png" alt="" />
+                            <img src="../../img/detail_img1.png" alt="" />
+                            <img src="../../img/detail_img1.png" alt="" />
+                        </div>
+                        <div class="big_img">
+                            <img src="../../img/detail_img2.png" alt="" />
+                        </div>
                     </div>
-                </div>
-                <div class="text_right">
-                    <div>
-                        技术简介
+                    <div class="basic">
+                        <div>
+                            <h5>行业</h5>
+                            <p>CT、无线电波、透视CT</p>
+                        </div>
+                        <div>
+                            <h5>名称</h5>
+                            <p>CT红外摄影</p>
+                        </div>
+                        <div>
+                            <h5>交易方式</h5>
+                            <p>价格面议</p>
+                        </div>
+                        <span>
+                            <img src="../../img/detail_img5.jpg" alt="" />
+                            <span>8</span>
+                        </span>
+                        <div class="detail_btn">
+                            <a href="javascript:;" onclick="_MEIQIA('showPanel')">我要咨询</a>
+                            <input type="hidden" id="Id_">
+                            <input type="hidden" islogin="false" id="isLogin">
+                            <a class="shopCar"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>加入购物车</a>
+                        </div>
                     </div>
-                    <p>
-                        是粉色发我和服务号积分我我见佛佛我就我房间内就事件事件就是事件就
-                    案发违法我呢我发违法就我的方法和我打开方式开关机认购人
-                    </p>
-                </div>
-            </div>
-        </div>
-        <div class="detail_bottom">
-            <div class="line">猜你喜欢</div>
-            <div class="main_introduce">
-                <ul>
-                    <li>
-                        <img src="../../img/detail_img4.jpg" alt="" />
-                        <div class="list_text">
-                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
-                            <p>名称<span>怒吼道</span></p>
-                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
-                            <p>交易方式<span>怒吼道胡非常胡海</span></p>
-                            <a href="#">了解详情</a>
+                    <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 class="star">
-                            <p>成熟度</p>
-                            <ol>
-                                <li></li>
-                                <li></li>
-                                <li></li>
-                                <li></li>
-                                <li></li>
-                            </ol>
+                        <div>
+                            <img src="../../img/detail_img3.jpg" alt="" />
+                            <p>这是一个精品专利</p>
                         </div>
-                    </li>
-                    <li>
-                        <img src="../../img/detail_img4.jpg" alt="" />
-                        <div class="list_text">
-                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
-                            <p>名称<span>怒吼道</span></p>
-                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
-                            <p>交易方式<span>怒吼道胡非常胡海</span></p>
-                            <a href="#">了解详情</a>
+
+                    </div>
+                </div>
+                <div class="detail_centertext">
+                    <div class="text_left">
+                        <div>
+                            <p>
+                                <h5>所在地</h5>: 湖南长沙
+                            </p>
+                            <p class="left_p">
+                                <h5>技术成熟度</h5>: 可以量产
+                            </p>
                         </div>
-                        <div class="star">
-                            <p>成熟度</p>
-                            <ol>
-                                <li></li>
-                                <li></li>
-                                <li></li>
-                                <li></li>
-                                <li></li>
-                            </ol>
+                        <div>
+                            <p>
+                                <h5>类型</h5>: 发明专利
+                            </p>
                         </div>
-                    </li>
-                    <li>
-                        <img src="../../img/detail_img4.jpg" alt="" />
-                        <div class="list_text">
-                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
-                            <p>名称<span>怒吼道</span></p>
-                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
-                            <p>交易方式<span>怒吼道胡非常胡海</span></p>
-                            <a href="#">了解详情</a>
+                        <div>
+                            <p>
+                                <h5>最近更新</h5>: 2017-09-17
+                            </p>
                         </div>
-                        <div class="star">
-                            <p>成熟度</p>
-                            <ol>
-                                <li></li>
-                                <li></li>
-                                <li></li>
-                                <li></li>
-                            </ol>
+                    </div>
+                </div>
+            </div>
+            <div class="publicComment">
+                <ol class="tabEvaluate">
+                    <li class="active">商品描述</li>
+                    <li>用户评价(<span class="numberBars">0</span>)
+                </ol>
+                <div class="tabList ">
+                    <div class="serviceDetailsList">
+                        <div class="introduction">
+
                         </div>
-                    </li>
-                    <li>
-                        <img src="../../img/detail_img4.jpg" alt="" />
-                        <div class="list_text">
-                            <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
-                            <p>名称<span>怒吼道</span></p>
-                            <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
-                            <p>交易方式<span>怒吼道胡非常胡海</span></p>
-                            <a href="#">了解详情</a>
+                    </div>
+                    <div class="evaluateList">
+                        <div class="commentDetails">评价 :<span>好评-100%</span><span>中评-100%</span><span>差评-100%</span></div>
+                        <div>
+                            <div class="commentStar">
+                                <span>选择星级 : </span>
+                                <div class="ulStar">
+                                    <span class="glyphicon glyphicon-star-empty"></span>
+                                    <span class="glyphicon glyphicon-star-empty"></span>
+                                    <span class="glyphicon glyphicon-star-empty"></span>
+                                    <span class="glyphicon glyphicon-star-empty"></span>
+                                    <span class="glyphicon glyphicon-star-empty"></span>
+                                </div>
+                            </div>
+                            <textarea id="commentArea" placeholder="来说几句吧。。"></textarea>
+                            <div class="CommentSend">
+                                <button class="btn btn-primary">评论</button>
+                            </div>
                         </div>
-                        <div class="star">
-                            <p>成熟度</p>
-                            <ol>
-                                <li></li>
-                                <li></li>
-                            </ol>
+                        <ul>
+                            <li>
+                                <div class="stasf">
+                                    <p>用户 :<span class="uName">132465498</span></p>
+                                    <div class="satisfied">
+                                        <span>满意度:</span>
+                                        <ol>
+                                            <li><span class="glyphicon glyphicon-star"></span></li>
+                                            <li><span class="glyphicon glyphicon-star"></span></li>
+                                            <li><span class="glyphicon glyphicon-star"></span></li>
+                                            <li><span class="glyphicon glyphicon-star"></span></li>
+                                            <li><span class="glyphicon glyphicon-star-empty"></span></li>
+                                        </ol>
+                                    </div>
+                                </div>
+                                <div class="satisfiedContent">
+                                    <p>dsadsadsadasdasd</p>
+                                    <time>124/121/12</time>
+                                </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">上一页</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">下一页</span>
+                                        </a>
+                                    </li>
+                                </ul>
+                                <span class="totalCount">共0条数据1</span>
+                            </nav>
                         </div>
-                    </li>
-                </ul>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
-</div>
+    </div>
 
-<!--主体内容区域开始-->
+    <!--主体内容区域开始-->
 
-<!--主体内容区域结束-->
-<div id="bottom">
-    <div class="bottom">
-        <div class="bottom_text">
-            <div class="text_top">
-                <a href="#">关于公司/</a>
-                <a href="#">联系我们</a>
-                <p> Copyright &copy 2016-2017 科德 版权所有 湘ICP备15019731号
-                    -2 技术支持:湖南阿凡提科技有限公司</p>
-            </div>
-            <div class="text_center">
-                <div class="cont_left">
-                    <img src="../../img/dizhi.jpg" alt=""/>
-                    <p>湖南省长沙市营盘东路19号金山大厦</p>
+    <!--主体内容区域结束-->
+    <div id="bottom">
+        <div class="bottom">
+            <div class="bottom_text">
+                <div class="text_top">
+                    <a href="#">关于公司/</a>
+                    <a href="#">联系我们</a>
+                    <p> Copyright &copy 2016-2017 科德 版权所有 湘ICP备15019731号
+                        -2 技术支持:湖南阿凡提科技有限公司</p>
                 </div>
-                <div class="cont_center">
-                    <img src="../../img/dianhua.jpg" alt=""/>
-                    <p>合作电话:0731-89907207</p>
-                    <p>400-8800-962八楼</p>
+                <div class="text_center">
+                    <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>合作电话:0731-89907207</p>
+                        <p>400-8800-962八楼</p>
+                    </div>
+                    <div class="cont_right">
+                        <img src="../../img/erweima.jpg" alt="" />
+                        <p>科德公众号</p>
+                    </div>
                 </div>
-                <div class="cont_right">
-                    <img src="../../img/erweima.jpg" alt=""/>
-                    <p>科德公众号</p>
+                <div class="text_bottom">
+                    <p>友情链接</p>
+                    <a href="http://www.hnst.gov.cn/">湖南省科技厅/</a>
+                    <a href="http://www.cssti.cn/">长沙市科技局/</a>
+                    <a href="http://www.cast.org.cn/">中国科学技术协会/</a>
+                    <a href="http://www.chinatorch.gov.cn/">科技部火炬中心/</a>
+                    <a href="http://www.nosta.gov.cn/web/index.aspx">国家科技成果奖励办/</a>
+                    <a href="http://www.nast.org.cn/">国家科技成果网/</a>
+                    <a href="http://www.hnast.org.cn/portal/comm/index.action">湖南省科学技术协会/</a>
+                    <a href="http://www.hncgw.gov.cn/">湖南省科技成果转化公共服务平台/</a>
+                    <a href="http://www.hnjxw.gov.cn/">湖南省经济信息化委员会/</a>
+                    <a href="http://kyy.hnu.cn/">湖南大学科学技术研究院/</a>
+                    <a href="http://www.gxst.gov.cn/gxkjt/">广西省科技厅/</a>
+                    <a href="http://www.nmkjt.gov.cn/">内蒙古自治区科技厅/</a>
+                    <a href="http://www.cshtz.gov.cn/">长沙市高新区管委会/</a>
+                    <a href="http://www.jxas.ac.cn/">江西省科学院/</a>
+                    <a href="http://www.cnic.cn/front/index.html#/cnicSite/home">中科院计算机网络信息中心/</a>
+                    <a href="http://kxyjb.csu.edu.cn/">中南大学科学研究部/</a>
+                    <a href="http://www.cast.org.cn/">中国科协创新创业服务中心/</a>
+                    <a href="http://www.hbstd.gov.cn/">湖北省科技厅/</a>
+                    <a href="http://www.gdstc.gov.cn/">广东省科技厅/</a>
+                    <a href="http://www.hnkjt.gov.cn/">河南省科技厅/</a>
+                    <a href="http://www.cbtm.gov.cn/">技术合同登记官网</a>
                 </div>
             </div>
-            <div class="text_bottom">
-                <p>友情链接</p>
-                <a href="http://www.hnst.gov.cn/">湖南省科技厅/</a>
-                <a href="http://www.cssti.cn/">长沙市科技局/</a>
-                <a href="http://www.cast.org.cn/">中国科学技术协会/</a>
-                <a href="http://www.chinatorch.gov.cn/">科技部火炬中心/</a>
-                <a href="http://www.nosta.gov.cn/web/index.aspx">国家科技成果奖励办/</a>
-                <a href="http://www.nast.org.cn/">国家科技成果网/</a>
-                <a href="http://www.hnast.org.cn/portal/comm/index.action">湖南省科学技术协会/</a>
-                <a href="http://www.hncgw.gov.cn/">湖南省科技成果转化公共服务平台/</a>
-                <a href="http://www.hnjxw.gov.cn/">湖南省经济信息化委员会/</a>
-                <a href="http://kyy.hnu.cn/">湖南大学科学技术研究院/</a>
-                <a href="http://www.gxst.gov.cn/gxkjt/">广西省科技厅/</a>
-                <a href="http://www.nmkjt.gov.cn/">内蒙古自治区科技厅/</a>
-                <a href="http://www.cshtz.gov.cn/">长沙市高新区管委会/</a>
-                <a href="http://www.jxas.ac.cn/">江西省科学院/</a>
-                <a href="http://www.cnic.cn/front/index.html#/cnicSite/home">中科院计算机网络信息中心/</a>
-                <a href="http://kxyjb.csu.edu.cn/">中南大学科学研究部/</a>
-                <a href="http://www.cast.org.cn/">中国科协创新创业服务中心/</a>
-                <a href="http://www.hbstd.gov.cn/">湖北省科技厅/</a>
-                <a href="http://www.gdstc.gov.cn/">广东省科技厅/</a>
-                <a href="http://www.hnkjt.gov.cn/">河南省科技厅/</a>
-                <a href="http://www.cbtm.gov.cn/">技术合同登记官网</a>
-            </div>
         </div>
-    </div>
 
-</div>
-<div class="pub_fix">
-    <span class="index_blur"></span>
-    <ul class="ret_top">
-        <li>
-            <a href="">
-                <img src="../../img/index_fix1.png" alt="" />
-                <p>发布需求</p>
-            </a>
-        </li>
-        <li>
-            <a href="">
-                <img src="../../img/index_fix2.png" alt="" />
-                <p>发布技术</p>
-            </a>
-        </li>
-        <li>
-            <a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
-                <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>
+    <div class="pub_fix">
+        <span class="index_blur"></span>
+        <ul class="ret_top">
+            <li>
+                <a href="">
+                    <img src="../../img/index_fix1.png" alt="" />
+                    <p>发布需求</p>
+                </a>
+            </li>
+            <li>
+                <a href="">
+                    <img src="../../img/index_fix2.png" alt="" />
+                    <p>发布技术</p>
+                </a>
+            </li>
+            <li>
+                <a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
+                    <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="login">
-    <div class="login_mian">
-        <div class="login_left">
-            <div class="login_ewm">
-                <img src="../../img/login_ewm.png" alt="二维码" />
-            </div>
-            <p>扫描二维码下载官方</p>
-            <p>技淘APP</p>
-        </div>
-        <div class="login_right">
-            <h5>用户登陆<a href="">免费注册有好礼呦!!</a></h5>
-            <form action="" method="post"  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="text" name="pass" id="Lo_pass" placeholder="请输入密码" />
-                </div>
-                <div class="login_check">
-                    <label for="checks" class="lab_check">
-                        <input type="checkbox" name="type" id="checks" />专家
-                    </label>
-                    <label for="checkst" class="lab_checkno">
-                        <input type="checkbox" name="type" id="checkst" />企业
-                    </label>
-                    <u><a href="">忘记密码?</a></u>
+    <div class="login">
+        <div class="login_mian">
+            <div class="login_left">
+                <div class="login_ewm">
+                    <img src="../../img/login_ewm.png" alt="二维码" />
                 </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"/>
+                <p>扫描二维码下载官方</p>
+                <p>技淘APP</p>
+            </div>
+            <div class="login_right">
+                <h5>用户登陆<a href="">免费注册有好礼呦!!</a></h5>
+                <form action="" method="post" 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="text" name="pass" id="Lo_pass" placeholder="请输入密码" />
+                    </div>
+                    <div class="login_check">
+                        <label for="checks" class="lab_check">
+                            <input type="checkbox" name="type" id="checks" />专家
+                        </label>
+                        <label for="checkst" class="lab_checkno">
+                            <input type="checkbox" name="type" id="checkst" />企业
+                        </label>
+                        <u><a href="">忘记密码?</a></u>
+                    </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" />
+            </div>
         </div>
+        <img src="../../img/login_close.png" alt="" class="login_close" />
     </div>
-    <img src="../../img/login_close.png" alt="" class="login_close"/>
-</div>
-<div class="smg"><input type="text" name="msg" value="" id="msg"/></div>
+    <div class="smg"><input type="text" name="msg" value="" id="msg" /></div>
 </body>
 <!--<script type="text/javascript" src="../../src/js/jquery-2.1.0.js"></script>-->
 <!--<script type="text/javascript" src="../../src/js/technologyTrading/achievementDetail.js"></script>-->
 <!--<script type="text/javascript" src="../../src/js/public.js"></script>-->
 <!--<script type="text/javascript" src="../../src/js/main_banner.js" ></script>-->
+
 </html>