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

<body>

		<div th:replace="common::nav('','')"></div>
	<!-- search -->
	<div class="container">
		<div class="clearFix search">
			<div class="navMeau">
				<div>
					<span class="selfun">行业选择</span>
					<div class="menuList">
						<ul>
							<li th:each="industryList:${industryList}"
								>
								<a th:href="@{/portal/technologyTrading/demandList(industryCategoryA=${industryList.id})}" th:text=" ${industryList.name}"></a>
								</li>

						</ul>
					</div>
				</div>
			</div>
			<div>
				<div class="search-inp">
					<div class="input-group">
						<input type="text" class="form-control demandSearch"
							placeholder="输入你感兴趣的内容"> <span class="input-group-btn">
							<button class="btn btn-default searchBtn" type="button">
								<img th:src="${portalHost+'/img/newMenu/search-icon.jpg'}"
									alt=""> 
							</button>
						</span>
						<div class="txtVal"></div>
					</div>
					
				</div>
				<div class="searchMain">
					<ol>
						<li class="active">热搜</li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=人工智能)}">人工智能</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=区块链)}">区块链</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=环保)}">环保</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=金属材料)}">金属材料</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=软件开发)}">软件开发</a></li>
					</ol>
				</div>
				<div>
					<ol>
						<li><a href="#technology">企业技术需求</a></li>
<!-- 						<li><a href="#industry">地区产业需求</a></li> -->
						 <li>/</li>
						<li><a href="#study">产学研合作需求</a></li>
						 <li>/</li>
<!-- 						<li><a href="#capital">研产资金需求</a></li> -->
						<li><a href="#personnel">技术人才需求</a></li>
					</ol>
				</div>
			</div>
		</div>
	</div>
	<!-- banner -->

	<!-- <div id="myCarousel" class="carousel slide">
        <img th:src="${portalHost+'/img/technology_trading_banner01.jpg'}" alt="First slide">
    </div> -->
    <div id="myCarousel" class="carousel" th:if="${#lists.size(dbannerlist) eq 1}">
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner" th:each="banner,bStatus:${dbannerlist}">
			<div class="item active">
				<a th:if="${banner.forwardUrl}!=null and ${banner.forwardUrl}!=''" th:href="|${basePath }${ banner.forwardUrl}"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
				<a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
			</div>
		</div>
	</div>
	<div id="myCarousel" class="carousel slide" th:if="${#lists.size(dbannerlist) > 1}">
		<!-- 轮播（Carousel）指标 -->
		<ol class="carousel-indicators"><!-- 循环圆点 -->
			<li data-target="#myCarousel" th:attr="data-slide-to=${bStatus.index}" class="active" th:each="banner,bStatus:${dbannerlist}" th:if="${bStatus.first}"></li>
			<li data-target="#myCarousel" th:attr="data-slide-to=${bStatus.index}" th:each="banner,bStatus:${dbannerlist}" th:unless="${bStatus.first}"></li>
		</ol>
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner" >
			<div class="item active" th:each="banner,bStatus:${dbannerlist}" th:if="${bStatus.first}">
			<!-- /portal/continueHigh  /portal/militaryProject   /portal/practicalPatent -->
				<a th:if="${banner.forwardUrl}!=null and ${banner.forwardUrl}!=''" th:href="|${basePath }${ banner.forwardUrl}"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
				<a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
			</div>
			<div class="item" th:each="banner,bStatus:${dbannerlist}" th:unless="${bStatus.first}">
				<a th:if="${banner.forwardUrl}!=null and ${banner.forwardUrl}!=''" th:href="|${basePath }${ banner.forwardUrl}"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
				<a th:if="${banner.forwardUrl}==null or ${banner.forwardUrl}==''"><img th:src="|${avatarUploadHost}${banner.imgUrl}" th:alt="${banner.text}"></a>
			</div>
		</div>
		<!-- 轮播（Carousel）导航 -->
		<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
		<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
	</div>
	<!-- 主体内容区域 -->
	<div class="container">
		<div class="demand-marq">
			<span></span>
			<marquee direction="left" behavior="scroll" scrollamount="10"
				loop="-1">
				<ul>
					<li>匿名***，查看了“雷管自动卡口编码、自动传输”</li>
					<li>匿名***，查看了“农产品加工项目”</li>
					<li>匿名***，查看了“凿岩台车自动控制系统研发”</li>
					<li>匿名***，查看了“信号处理技术等”</li>
					<li>匿名***，查看了“有机葡萄生产与保鲜”</li>
					<li>匿名***，查看了“集成控制技术开发”</li>
					<li>匿名***，查看了“注射用聚山梨酯80”</li>
					<li>匿名***，查看了“脱氧剂制造”</li>
					<li>匿名***，查看了“焊接自动化”</li>
					<li>匿名***，查看了“寻找关于土壤修复的技术”</li>
				</ul>
			</marquee>
		</div>
		<div class="newDemand">
			<div class="demandZnew">
        <a th:href="@{/portal/technologyTrading/demandList}">查看更多 >></a>
            </div>
			<ul>

				<li th:each="recentDemandList:${recentDemandList}">
				<a th:href="@{/portal/technologyTrading/demandDetail(id=${recentDemandList.id},type=${recentDemandList.dataCategory})}">
					<div th:switch="${recentDemandList.demandType}">
					
						<p>
						
							<p th:text="${#strings.abbreviate(recentDemandList.name,10)}"></p>
							<p class="colorWrite" th:text="${#strings.abbreviate(recentDemandList.problemDes,18)}"></p>
							<p>
							<span class="colorRed" th:case='0' th:text="企业技术需求"></span> <span
								class="colorRed" th:case='1' th:text="技术设备需求"></span> <span
								class="colorRed" th:case='2' th:text="产学研合作需求"></span> <span
								class="colorRed" th:case='3' th:text="研产资金需求"></span> <span
								class="colorRed" th:case='4' th:text="地区产业需求"></span> <span
								class="colorRed" th:case='5' th:text="技术人才需求"></span>
											<span class="colorBlur timeBefor"
							th:text="${recentDemandList.releaseDate}==null?'':${#dates.format(recentDemandList.releaseDate,'yyyy-MM-dd')}"></span></p>
					
			
						</p>
					</div>
					</a>
				</li>

			</ul>
		</div>
		<!-- hot -->
		<div class="row mainHot">
			<div class="col-md-6 mainLeft">
				<div>
					<span class="hot">HOT</span>
					<ol class="crumbNav crumbNavLeft">
							<li><a th:href="@{/portal/technologyTrading/demandList(name=人工智能)}">人工智能</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=区块链)}">区块链</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=环保)}">环保</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=金属材料)}">金属材料</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=软件开发)}">软件开发</a></li>
					</ol>
				</div>
				<span class="hr"></span>
				<div class="demandTxt row">
					<div class="col-md-5">
						<img th:src="${portalHost+'/img/newMenu/demand-3.png'}" alt="">
					</div>
					<div class="col-md-7" th:each="u2:${urgentDemand2}">
					<a th:href="@{/portal/technologyTrading/demandDetail(id=${u2.id},type=${u2.dataCategory})}">
						<div>
							<p th:switch="${u2.demandType}">
								<span class="talents" th:case='0' th:text="企业技术需求"></span>
								 <span class="talents" th:case='1' th:text="技术设备需求"></span> 
								 <span class="talents" th:case='2' th:text="产学研合作需求"></span> 
								 <span class="talents" th:case='3' th:text="研产资金需求"></span> 
								 <span class="talents" th:case='4' th:text="地区产业需求"></span>
								  <span class="talents" th:case='5' th:text="技术人才需求"></span>
								  <span class="name" th:text="${u2.name}"></span>
							</p>
							
							<p>
								 <p class="problemDes" th:text="${u2.problemDes}"></p>	
								 <span class="colorTime" th:if="${u2.validityPeriod}==null" th:text="无期限"></span>
								 <span class="colorTime" th:if="${u2.validityPeriod}!=null" th:text="${#dates.format(u2.validityPeriod,'yyyy-MM-dd')+'到期'}"></span>
								 <span class="colorOrange" th:if="${u2.demandType}==5" th:text="${u2.fundForPersonnel}==null?'人才：面议':${'人才：¥'+u2.fundForPersonnel+'万'}"></span>
								 <span class="colorOrange" th:if="${u2.demandType}==3" th:text="${u2.fundForCrowd}==null?'期望资金:面议':${'期望资金:¥'+u2.fundForCrowd}+'万'"></span>
							</p>
						</div>
						</a>
					</div>
				</div>
				<div class="talentsTxt row">
					<ol>
						<li th:each="u3:${urgentDemand3}">
							<a th:href="@{/portal/technologyTrading/demandDetail(id=${u3.id},type=${u3.dataCategory})}">
								<p class="introduceP">
								<div th:switch="${u3.demandType}">
									<span class="talents" th:case='0' th:text="企业技术需求"></span>
									 <span class="talents" th:case='1' th:text="技术设备需求"></span> <span
										class="talents" th:case='2' th:text="产学研合作需求"></span> <span
										class="talents" th:case='3' th:text="研产资金需求"></span> <span
										class="talents" th:case='4' th:text="地区产业需求"></span> <span
										class="talents" th:case='5' th:text="技术人才需求"></span>
									<span th:text="${u3.name}"></span>	
										<span class="colorOrange" th:if="${u3.demandType}==3 and ${u3.researchType}==null">用途:未知</span>
									<span class="colorOrange" th:if="${u3.demandType}==3 and ${u3.researchType}!=null" th:text="${u3.researchType}==0?'用途：研发':'用途：扩大再生产'"></span>
									<span class="colorOrange" th:if="${u3.demandType}==5" th:text="${u3.fundForPersonnel}==null?'人才：¥0.00元/月':${'人才：¥'+u3.fundForPersonnel+'元/月'}"></span>
									<span class="colorOrange" th:if="${u3.demandType}==3" th:text="${u3.fundForCrowd}==null?'期望资金:面议':${'期望资金：¥'+u3.fundForCrowd+'万'}"></span>

								</div>
								
							
							</p>
							<p class="introduceP">
							 <span th:text="${u3.problemDes}"></span>
							 <span class="colorTime" th:if="${u3.validityPeriod}!=null" th:text="${#dates.format(u3.validityPeriod,'yyyy-MM-dd')+'到期'}"></span>
								
							</p>
							</a>
						</li>

					</ol>
				</div>
			</div>
			<div class="col-md-6">
				<div>
					<span class="hot">HOT</span>
					<ol class="crumbNav crumbNavRight">
						<li><a th:href="@{/portal/technologyTrading/demandList(name=人工智能)}">人工智能</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=区块链)}">区块链</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=环保)}">环保</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=金属材料)}">金属材料</a></li>
						<li><a th:href="@{/portal/technologyTrading/demandList(name=软件开发)}">软件开发</a></li>
					</ol>
				</div>
				<span class="hr"></span>
				<div class="demandTxt row">
					<div class="col-md-5">
						<img th:src="${portalHost+'/img/newMenu/demand-4.png'}" alt="">
					</div>
					<div class="col-md-7" th:each="h2:${hotDemand2}">
					<a th:href="@{/portal/technologyTrading/demandDetail(id=${h2.id},type=${h2.dataCategory})}">
						<p>
							<div th:switch="${h2.demandType}">
								<span class="talents" th:case='0' th:text="企业技术需求"></span>
								 <span class="talents" th:case='1' th:text="技术设备需求"></span> 
								 <span class="talents" th:case='2' th:text="产学研合作需求"></span> 
								 <span class="talents" th:case='3' th:text="研产资金需求"></span> 
								 <span class="talents" th:case='4' th:text="地区产业需求"></span>
								  <span class="talents" th:case='5' th:text="技术人才需求"></span>
								  <span class="name" th:text="${h2.name}"></span>
							</p>
							<p>
								 <p class="problemDes" th:text="${h2.problemDes}"></p>	
								 <span class="colorOrange" th:if="${h2.demandType}==5" th:text="${h2.fundForPersonnel}==null?'人才：¥0.00元/月':${'人才：¥'+h2.fundForPersonnel}+'元/月'"></span>
								 <span class="colorOrange" th:if="${h2.demandType}==3" th:text="${h2.fundForCrowd}==null?'期望资金:面议':${'期望资金：¥'+h2.fundForCrowd}+'万'"></span>
								<span class="colorTime">	<img th:src="${portalHost+'/img/newMenu/demand-5.jpg'}" alt=""></span>
							</p>
						</div>
						</a>
				</div>
			
			</div>
				<div class="talentsTxt row">
					<ol>
						<li th:each="h3:${hotDemand3}">
							<a th:href="@{/portal/technologyTrading/demandDetail(id=${h3.id},type=${h3.dataCategory})}">
							<p class="introduceP">
								<div th:switch="${h3.demandType}">
									<span class="talents" th:case='0' th:text="企业技术需求"></span>
									 <span class="talents" th:case='1' th:text="技术设备需求"></span> 
									 <span class="talents" th:case='2' th:text="产学研合作需求"></span>
									  <span class="talents" th:case='3' th:text="研产资金需求"></span> 
									  <span class="talents" th:case='4' th:text="地区产业需求"></span>
									   <span class="talents" th:case='5' th:text="技术人才需求"></span>
									<span th:text="${h3.name}"></span>	
							<span class="colorOrange" th:if="${h3.researchType}==null and ${h3.demandType}==3">用途：未知</span>
									<span class="colorOrange" th:if="${h3.demandType}==3 and ${h3.researchType}!=null" th:text="${h3.researchType}==0?'用途：研发':'用途：扩大再生产'"></span>
											<span class="colorOrange" th:if="${h3.demandType}==5" th:text="${h3.fundForPersonnel}==null?'人才：¥0.00元/月':${'人才：¥'+h3.fundForPersonnel+'元/月'}"></span>
									<span class="colorOrange" th:if="${h3.demandType}==3" th:text="${h3.fundForCrowd}==null?'期望资金:面议':${'期望资金：¥'+h3.fundForCrowd+'万'}"></span>
								</div>
							</p>
							<p class="introduceP" >
							 <span th:text="${h3.problemDes}"></span>
			
									<img th:src="${portalHost+'/img/newMenu/demand-5.jpg'}" alt="">
							</p>
							</a>
						</li>

					</ol>
				</div>
		</div>
		</div>
		<div class="imgs">
			<img th:src="${portalHost+'/img/newMenu/demand-7.png'}" alt="">
		</div>
		<div class="enterprise" id="technology">
			<h4>
				企业技术需求 <a th:href="@{/portal/technologyTrading/demandList}">查看更多 > </a>
			</h4>
			<div class="row">
				<div class="colMd2">
					<img th:src="${portalHost+'/img/newMenu/demand-8.png'}" alt="">
				</div>
				<div class="imgGroup colMd10">
					<ul>

						<li th:each="companyDemandList:${companyDemandList}">
						<a th:href="@{/portal/technologyTrading/demandDetail(id=${companyDemandList.id},type=${companyDemandList.dataCategory})}">
						<img
							th:src="${companyDemandList.pictureUrl}==null?${portalHost+'/img/initPic/demandInit.jpg'}:${avatarUploadHost +companyDemandList.pictureUrl}"
							alt="">
							<p th:text="${companyDemandList.name}"></p>
							</a>
							</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 地区产业需求 -->
<!-- 	<div class="areaDemand" id="industry"> -->
<!-- 		<div class="container"> -->
<!-- 			<h3> -->
<!-- 				<img th:src="${portalHost+'/img/newMenu/demand-13.jpg'}" alt=""> -->
<!-- 			</h3> -->
<!-- 		</div> -->
<!-- 		<div class="fullImg"> -->
<!-- 			<img th:src="${portalHost+'/img/newMenu/demand-16.jpg'}" alt="" /> -->
<!-- 			<div class="fullImgTxt container"> -->
<!-- 				<ul class="row"> -->
<!-- 					<li class="col-md-3" th:each="areaDemand,iterStat:${areaDemandList}"> -->
<!-- 						<a th:href="@{/portal/technologyTrading/demandDetail(id=${areaDemand.id},type=${areaDemand.dataCategory})}"> -->
<!-- 						<div class="warpImg"> -->
<!-- 							<div th:if="${iterStat.even}" class="btnAreaBj"> -->
<!-- 								<span class="btnArea" th:text="${areaDemand.name}"></span> -->
<!-- 							</div> -->
<!-- 							<div class="introduction"> -->
<!-- 								<p th:text="${areaDemand.problemDes}"></p> -->
<!-- 							</div> -->
<!-- 							<div th:if="${iterStat.odd}" class="btnAreaBj"> -->
<!-- 								<span class="btnArea" th:text="${areaDemand.name}"></span> -->
<!-- 							</div> -->
<!-- 							<div class="btnSee"> -->
<!-- 								<span>立即查看产业需求</span> -->
<!-- 							</div> -->
<!-- 						</div> -->
<!-- 						</a> -->
<!-- 					</li> -->
<!-- 				</ul> -->
<!-- 			</div> -->
<!-- 		</div> -->
<!-- 	</div> -->
	<div class="container">
		<div class="study" id="study">
			<h4>
				产学研合作需求 <a th:href="@{/portal/technologyTrading/demandList}">查看更多 > </a>
			</h4>
		</div>
		<div class="row studyTxt">
			<div class="colSm10">
				<ul class="row">
					<li th:each="plsdemand:${proLearnStudyDemandList}">
						<a th:href="@{/portal/technologyTrading/demandDetail(id=${plsdemand.id},type=${plsdemand.dataCategory})}">
						<div class="imgLeft">
							<img th:if="${plsdemand.pictureUrl}==null" th:src="${portalHost+'/img/initPic/demandInit.jpg'}" alt="">
							<img th:if="${plsdemand.pictureUrl}!=null" th:src="${avatarUploadHost+plsdemand.pictureUrl}" alt="">
						</div>
						<div class="imgRight">
							<h5 th:text="${plsdemand.name}"></h5>
							<p th:text="${plsdemand.problemDes}"></p>
							<span th:if="${plsdemand.industryCategory1}!=null" th:text="${plsdemand.industryCategory1}"></span>
							 <span th:if="${plsdemand.industryCategory2}!=null" th:text="${plsdemand.industryCategory2}"></span>
						</div>
						</a>
					</li>
				
				</ul>
			</div>
			<div class="colSm2">
				<img th:src="${portalHost+'/img/newMenu/demand-18.jpg'}" alt="">
			</div>
		</div>
<!-- 		<div class="study capital" id="capital"> -->
<!-- 			<h4> -->
<!-- 				研产资金需求 <a th:href="@{/portal/technologyTrading/demandList}">查看更多 > </a> -->
<!-- 			</h4> -->
<!-- 		</div> -->
<!-- 		<div class="capitalMain row"> -->
<!-- 			<div class="col-sm-2"> -->
<!-- 				<img th:src="${portalHost+'/img/newMenu/demand-19.jpg'}" alt=""> -->
<!-- 			</div> -->
<!-- 			<div class="col-sm-10"> -->
<!-- 				<ol class="row"> -->
					
<!-- 					<li class="col-sm-3" th:each="fundDemand:${fundDemandList}"> -->
<!-- 						<a th:href="@{/portal/technologyTrading/demandDetail(id=${fundDemand.id},type=${fundDemand.dataCategory})}"> -->
<!-- 						<div class="capital-administration"> -->
<!-- 							<div class="capitalBj"> -->
<!-- 								<h4 th:text="${fundDemand.name}"></h4> -->
<!-- 								<p th:text="${fundDemand.problemDes}"></p> -->
<!-- 								<div class="float-left"> -->
<!-- 									<p>期望资金</p> -->
<!-- 									<p th:text="${fundDemand.fundForCrowd}==null?'期望资金:面议':${'￥'+fundDemand.fundForCrowd+'万'}"></p> -->
<!-- 								</div> -->
<!-- 								<div class="float-right"> -->
<!-- 									<p>资金用途</p> -->
<!-- 									<p th:if="${fundDemand.researchType}==null">未知用途</p> -->
<!-- 									<p th:if="${fundDemand.researchType}!=null" th:text="${fundDemand.researchType}==0?'研发':'扩大再生产'"></p> -->
<!-- 								</div> -->
<!-- 							</div> -->
<!-- 							<a  th:href="@{/portal/technologyTrading/demandDetail(id=${fundDemand.id},type=${fundDemand.dataCategory})}">立即查看</a> -->
<!-- 						</div> -->
<!-- 						</a> -->
<!-- 					</li> -->
<!-- 				</ol> -->
<!-- 			</div> -->
<!-- 		</div> -->
		<div class="study capital" id="personnel">
			<h4>
				技术人才需求 <a th:href="@{/portal/technologyTrading/demandList}">查看更多 > </a>
			</h4>
		</div>
		<div class="technology row">
			<div class="colSm2">
				<img th:src="${portalHost+'/img/newMenu/demand-21.jpg'}" alt="">
			</div>
			<div class="colSm10">
				<ol class="row">
				
					<li th:each="personnelDemand:${personnelDemandList}">
						<a th:href="@{/portal/technologyTrading/demandDetail(id=${personnelDemand.id},type=${personnelDemand.dataCategory})}">
						<div>
							<h4 >
							<span th:text="${personnelDemand.name}"></span>
								 <span class="titleBorder">人才</span> <span class="money" th:text="${personnelDemand.fundForPersonnel}==null?'面议':${'¥'+personnelDemand.fundForPersonnel+'万'}"></span>
							</h4>
							<p th:text="${personnelDemand.problemDes}"></p>
							<span class="float-right">招募中</span>
						</div>
						</a>
					</li>
				</ol>
			</div>
		</div>
		<div class="demandFootImg">
			<img th:src="${portalHost+'/img/newMenu/demand-22.jpg'}" alt="">
		</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+'/newMenu/demand.js'}"></script>
	</div>
</body>
</html>