<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:replace="common::header(~{::title},~{::link})">
<title>技淘网-科技成果详情--我的技术和科技服务交易平台</title>
<link th:href="${portalHost +'/dll/dll.css'}" rel="stylesheet">
<link th:href="${portalHost +'/vendors.css'}" rel="stylesheet">
<link th:href="${portalHost + '/technologyTrading/achievementDetail.css'}" rel="stylesheet">
</head>
<body>

		<div th:replace="common::nav('technologyTrading','achievement')"></div>
	<!--主体内容区域开始-->
	<div id="all_achievement">
		<div class="detail">
			<div class="detail_top">
<!-- 				<div class="detail_topimg">
					<a href="#"><img
						th:src="${portalHost + '/img/detail_facebook.jpg'}" alt="" /></a> <a
						href="#"><img
						th:src="${portalHost + '/img/detail_weixin.jpg'}" alt="" /></a> <a
						href="#"><img th:src="${portalHost + '/img/detail_weibo.jpg'}"
						alt="" /></a>
				</div>-->				
				<div class="detail_toptitle" th:each="achievementdetail:${achievementdetail}" >
					<a href="/portal/technologyTrading/achievement">技术成果&nbsp;&nbsp;></a> <a href="/portal/technologyTrading/achievementList">技术成果列表&nbsp;&nbsp;></a> <a href="#"
						class="a_detail" th:text="${achievementdetail.name}">详情</a>
				</div>
			</div>
			<div class="detail_center">
				<div class="detail_centerimg" th:each="achievementdetail:${achievementdetail}">
					<div class="big_text">
						<h3 th:text="${achievementdetail.name}" type="2"  class="cname orderType"></h3>
					</div>
					<div class="big_img">
						<div class ="serviceDetailsImg" th:if="${achievementdetail.firstPicture} == null ">
							<img th:src="${portalHost+'/img/initPic/achievementInit.jpg'}" alt=""/>
						</div>
						<div class ="serviceDetailsImg" th:if="${achievementdetail.firstPicture} != null ">
							<img th:src= "${avatarUploadHost+achievementdetail.firstPicture}"alt=""  />
						</div>
						     <div class="collection">
             <p><span th:class="${isInterested}==null?'heart':'heart active'"></span><span>收藏</span></p>
        </div>					
					</div>
					<div class="basic">
						<div class="inline_span">
							<span>行业:</span>  <span th:text="${achievementdetail.fieldAS}?${achievementdetail.fieldAS}:暂无行业信息"></span>
						</div>
						<div class="inline_span" >
							<span>交易方式:</span> <span th:text="${achievementdetail.transferModeS}?${achievementdetail.transferModeS}:面议"></span>
						</div>
						<div class="inline_span">
							<span>技术成熟度:</span> <span th:text="${achievementdetail.maturityS}?${achievementdetail.maturityS}:未知"></span>
						</div>
						<div class="inline_span">
							<span>所在地:</span> <span th:text="${achievementdetail.city}?${achievementdetail.city}:长沙">长沙</span>
						</div>
						<div class="inline_span">
							<span>类型:</span> <span th:text="${achievementdetail.categoryS}?${achievementdetail.categoryS}:暂无分类信息"></span>
						</div>
						<!-- <div class="inline_span">
   							  <span>价格:</span> <span class="price">212</span>
						</div> -->
						<div class="inline_span">
   							  <span>所属公司:</span> <span class="companyName" th:text="${achievementdetail.ownerName}==null?'佚名':${achievementdetail.ownerName}"></span>
						</div>
						<div class="inline_span1">
							<span>最近更新</span><span th:text="${achievementdetail.releaseDate}?${#dates.format(achievementdetail.releaseDate,'yyyy-MM-dd')}:暂无该信息"></span>  
						</div>
						<div class="loves">							
                       		<span class="box_love"></span><span class="dem_number" ></span><span>我感兴趣</span>
							<input type="hidden" th:val="${achievementdetail.id}" id="demand_id">         
												            
							<input type="hidden" th:isInterester="${isInterester}" id="isInterester">    
						   					                 
                    	</div>
	                    <div class="detail_btn">	
	                      <a onclick="openZoosUrl('chatwin');">
	                      
						<span class="glyphicon glyphicon-user"></span>
						<span >在线咨询</span>
					</a>
	         
	                        <input type="hidden" th:val="${achievementdetail.id}" id="Id_" />
							<input type="hidden" id="number" value='1'>		
							<input type="hidden" th:isLogin="${!isLogin}" 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 th:each="reboutiqueachievement:${reboutiqueachievement}" class="pointer" >
							
							<div th:if="${reboutiqueachievement.firstPicture} == null " >
								<img th:src="${portalHost+'/img/initPic/achievementInit.jpg'}" alt=""/>
							</div>
							<div th:if="${reboutiqueachievement.firstPicture} != null ">
								<img th:src="${avatarUploadHost+reboutiqueachievement.firstPicture}" alt=""/>
							</div>
							<p th:text="${reboutiqueachievement.name}"></p>
							<p class="demandId" th:text="${reboutiqueachievement.id}"></p>
							<p class="demandTyp" th:text="${reboutiqueachievement.dataCategory}"></p>
				
						</div>
					</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 class="detail_centertext">
							<div class="text_right" th:each="achievementdetail:${achievementdetail}">
								<p th:utext="${achievementdetail.introduction}?${achievementdetail.introduction}:暂无相关简介"></p>
							</div>
						</div>
							<div class="detail_bottom">
								<div class="line">猜你喜欢</div>
								<div class="main_introduce" >
									<ul>
										<li th:each="reachievementlist:${guess}">
											<div th:if="${reachievementlist.firstPicture} == null " >
												<img th:src="${portalHost+'/img/initPic/achievementInit.jpg'}" alt=""/>
											</div>
											<div th:if="${reachievementlist.firstPicture} != null " >
												<img th:src="${avatarUploadHost+reachievementlist.firstPicture}" alt=""/>
											</div>
											
											<div class="list_text">
												<p class="likeId" th:text="${reachievementlist.id}"></p>
											<p class="likeType" th:text="${reachievementlist.dataCategory}"></p>
												<p>
													行业:<span th:text="${reachievementlist.fieldAS}?${reachievementlist.fieldAS}:暂无分类信息"></span>
												</p>
												<p >
													名称:<span th:text="${reachievementlist.name}?${reachievementlist.name}:未知"></span>
												</p>
											   
												<p >
													交易方式:<span th:text="${reachievementlist.transferModeS}?${reachievementlist.transferModeS}:暂无"></span>
												</p>
												<a href="#">了解详情</a>
											</div>
											<div class="star">
												<p >成熟度:<span th:text="${reachievementlist.maturityS}?${reachievementlist.maturityS}:暂无信息"></span></p>
											</div>
											
										</li>
									</ul>
								</div>
							</div>
                        </div>
                    </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>
                        <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>
                    </div>
                </div>
            </div>
		</div>
	</div>

	<footer>
		<div th:replace="common::copyright"></div>
		<div th:replace="common::login"></div>
	</footer>
	<div th:replace="common::footer(~{::script})">
		<script type="text/javascript" th:src="${portalHost + '/dll/dll.js'}"></script>
		<script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
		<script type="text/javascript" th:src="${portalHost + '/technologyTrading/achievementDetail.js'}"></script>
		<script> document.querySelectorAll(".nav>ul>li")[4].className="active"
			  document.querySelectorAll(".tabEvaluate>li")[1].style.display = "none"
		</script>
	</div>
</body>

</html>
