<!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/demandDetail.css'}" rel="stylesheet">
</head>

<body>
		<div th:replace="common::nav('','')"></div>
	<div id="all_achievement">
		<div class="detail">
			<div class="detail_top">
				<div class="detail_toptitle" th:each="demand:${demand}">
					<a href="/portal/technologyTrading/demand">技术需求&nbsp;&nbsp;></a> 
					 <a href="/portal/technologyTrading/demandList">技术需求列表&nbsp;&nbsp;></a> 
					 <a href="#"class="a_detail" th:text="${#strings.abbreviate(demand.name,11)}"></a>
				</div>
			</div>
			<div class="detail_center">
				<div class="detail_centerimg" th:each="demand:${demand}">
					<div class="big_text">
						<h3 th:text="${#strings.abbreviate(demand.name,11)}" type="3"  class="orderType cname"></h3>
					</div>
					<div class="big_img">
						<div class="serviceDetailsImg" th:if="${demand.firstPic} == null " >
							<img th:src="${portalHost+'/img/initPic/demandInit.jpg'}" alt=""/>
						</div>
						<div class ="serviceDetailsImg" th:if="${demand.firstPic} != null " >
							<img th:src= "${avatarUploadHost+demand.firstPic}"alt="" />
						</div>
						<div class="collection">
				             <p><span th:class="${interested}==null?'heart':'heart active'"></span><span>收藏</span></p>
				        </div>
					</div>
					<div class="basic">
						<div>
							<h5>名称:</h5>
							<p th:text="${demand.name}?${demand.name}:暂无名称"></p>
						</div>
						<div class="inline_span">
							<span>行业:</span>  <span th:text="${demand.industryCategory1}?${demand.industryCategory1}:暂无行业分类"></span>
						</div>
						<div class="inline_span" >
							<span th:text="${demand.demandType}==3?'需求资金：':'需求预算：'">需求预算:</span> <span class="price" th:text="${demand.budgetCost}?${demand.budgetCost}+万元:价格面议"></span>
						</div>
						<div class="inline_span">
   							  <span>所属公司:</span> <span class="companyName" th:text="${demand.employerName}==null?'佚名':${demand.employerName}"></span>
						</div>
						<div class="inline_span">
							<span>有效日期:</span> <span th:text="${demand.validityPeriod}?${#dates.format(demand.validityPeriod,'yyyy-MM-dd')}:永久"></span>
						</div>
						
	                    <div class="detail_btn">
	                      <a onclick="openZoosUrl('chatwin');">
						<span class="glyphicon glyphicon-user"></span>
						<span >在线咨询</span>
					</a></a>
	                        <input type="hidden" th:val="${demand.id}" id="Id_" />
	                        <input type="hidden" id="number" value='1'>		
							<input type="hidden" th:typ="${demand.dataCategory}" id="ownerType_" />
							<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="reboutiquedemand:${reboutiquedemand}" class="pointer">
							
							<div th:if="${reboutiquedemand.firstPic} == null " >
								<img th:src="${portalHost+'/img/initPic/demandInit.jpg'}" alt=""/>
							</div>
							<div th:if="${reboutiquedemand.firstPic} != null" >
								<img th:src="${avatarUploadHost+reboutiquedemand.firstPic}" alt=""/>
							</div>
							<p th:text="${reboutiquedemand.name}"></p>
							<p th:text="${reboutiquedemand.id}" class="demandId"></p>
							<p th:text="${reboutiquedemand.dataCategory}" class="demandTyp"></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="demand:${demand}">
									<p th:utext="${demand.problemDes}?${demand.problemDes}:Sorry还没有相关描述"></p>
								</div>
							</div>
							<div class="detail_bottom">
								<div class="line">猜你喜欢</div>
								<div class="main_introduce">
									<ul>
										<li th:each="redemandlist:${redemandlist}"> 
											<div th:if="${redemandlist.firstPic} == null " >
												<img th:src="${portalHost+'/img/initPic/demandInit.jpg'}" alt=""/>
											</div>
											<div th:if="${redemandlist.firstPic} != null" >
												<img th:src="${avatarUploadHost+redemandlist.firstPic}" alt=""/>
											</div>
										 
											<div class="list_text">
												<p>
													行业:<span th:text="${redemandlist.industryCategory1}?${redemandlist.industryCategory1}:暂无行业分类"></span>
												</p>
												<p >
													名称:<span th:text="${redemandlist.name}?${redemandlist.name}:暂无名称"></span>
												</p>
												<p>
													类型:<span th:text="${redemandlist.demandTypeS}?${redemandlist.demandTypeS}:暂无分类"></span>
												</p>
												<p class="money">
													预算:<span th:text="${redemandlist.budgetCost}?${redemandlist.budgetCost}:价格面议"></span>
												</p>
												<p th:text="${redemandlist.id}" class="demandId"></p>
												<p th:text="${redemandlist.dataCategory}" class="demandTyp"></p>
												<a href="#">了解详情</a>
											</div>
											<!-- <div class="star">
												<p>精品:</p>
												<ol>
													<li></li>
													<li></li>
													<li></li>
													<li></li>
													<li></li>
												</ol>
											</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/demandDetail.js'}"></script>
		<script> document.querySelectorAll(".nav>ul>li")[4].className="active"
			  document.querySelectorAll(".tabEvaluate>li")[1].style.display = "none"
		</script>
	</div>
</body>

</html>