Browse Source

搜索页

albertshaw 8 years ago
parent
commit
fae0c45646

+ 96 - 5
src/main/webapp/WEB-INF/views/portal/search/achievement.html

@@ -3,14 +3,105 @@
 	xmlns:th="http://www.thymeleaf.org">
 <head th:replace="common::header(~{::title},~{::link})">
 	<title>科技成果搜索页面</title>
-	<link th:href="${staticHost+'/portal/search/achievement.css'}" rel="stylesheet">
+	<link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
+	<link th:href="${portalHost + '/search/achievement.css'}" rel="stylesheet">
 </head>
 <body>
-	<div id="root"></div>
-	
+	<header>
+		<div th:replace="common::{topNav}">
+			<div class="container">
+				<div class="lt">欢迎进入科技认知计算交易平台!</div>
+				<div class="rt">
+					<a href="/user/login.html" class="login">登录</a>
+					<a href="/user/signIn.html">注册</a>
+					<a href="#">导航</a>
+					<a href="#">关于我们</a>
+					<a href="#">联系我们</a>
+				</div>
+			</div>
+		</div>
+	</header>
+	<div class="header_nav_detail">
+		<div class="container ">
+			<div class="row clearfix">
+				<div class="col-md-3 logo">
+					<div th:replace="common::sublogo"></div>
+				</div>
+				<div class="col-md-9">
+					<div th:replace="common::subMenu('tech', 'tech')"></div>
+				</div>
+			</div>
+		</div>
+		<div class="secondary_navigation"></div>
+	</div>
+	<div class="wrap active">
+    <div class="portal-body">
+      <div class="portal-content">
+        <div class="search-criteria row">
+          <div class="search-title col-md-1"> <span>行业分类</span> </div>
+          <div class="search-select col-md-11">
+            <ul id="industryList" class="clearfix"></ul>
+          </div>
+        </div>
+        <div class="search-criteria row" id="industryChildrenBox">
+          <div class="search-title col-md-1"> <span>行业子分类</span> </div>
+          <div class="search-select col-md-11">
+            <ul id="industryChildrenList" class="clearfix">
+              <li value="999" class="active"><span>不限</span></li>
+            </ul>
+          </div>
+        </div>
+        <div class="search-criteria row">
+          <div class="search-title col-md-1"> <span>交易方式</span> </div>
+          <div class="search-select col-md-6">
+            <ul id="transferModeList" class="clearfix">
+              <li value="999" class="active"><span>不限</span></li>
+              <li value="0"><span>完全转让</span></li>
+              <li value="1"><span>许可转让</span></li>
+              <li value="2"><span>技术入股</span></li>
+              <li value="3"><span>5年独占许可转让</span></li>
+            </ul>
+          </div>
+          <div class="col-md-5">
+            <div class="nav-search"> <input id="searchInput" placeholder="请输入关键词" /> <button id="search" class="search_ico"></button> </div>
+          </div>
+        </div>
+        <ul class='detail_interest_sub clearfix' id="achievementList">
+          <li>
+            <div class="interest_list_title">
+              <p title='跨媒体计算理论与方法'>跨媒体计算理论与方法</p>
+            </div>
+            <div class="interest_list_name">
+              <p>浙江大学</p>
+              <div class="interest_list_confirm"> <span>身份已验证</span> <i class="certify"></i> </div>
+            </div>
+            <div class="detail_sub"> <span class="detail_sub_icon"> 								<i class="demand_ico_5"></i> 							</span> <span class="detail_sub_title">关键词: </span>              <span class="detail_sub_text">跨媒体,计算理论,方法</span> </div>
+            <div class="detail_sub"> <span class="detail_sub_icon">								<i class="demand_ico_2"></i>							</span> <span class="detail_sub_title">技术类型: </span>              <span class="detail_sub_text">项目</span> </div>
+            <div class="detail_sub"> <span class="detail_sub_icon">                            	<i class="demand_ico_1"></i>                            </span>              <span class="detail_sub_title">行业分类: </span> <span class="detail_sub_text">电子信息/其他电子信息</span> </div>
+            <div class="detail_sub">
+            <span class="detail_sub_icon">								<i class="demand_ico_3"></i>							</span> <span class="detail_sub_title">标价: </span>              <span class="money_text">价格面议</span> </div>
+            <div class="detail_sub"> <span class="detail_sub_icon">								<i class="achievement_ico_1"></i>							</span> <span class="detail_sub_title">交易方式: </span>              <span class="money_text">完全转让</span> </div>
+            <div class="detail_sub"> <span class="detail_sub_icon">								<i class="achievement_ico_2"></i>							</span> <span class="detail_sub_title">技术成熟度: </span>              <span class="detail_sub_score">								<span><i class="score_ioc" ></i></span> </span>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div class="container pagination_box">
+    <nav aria-label="Page navigation" class="clearfix">
+      <ul class="pagination">
+        <li class="pagePre"> <a href="#" aria-label="Previous">						<span aria-hidden="true">&laquo;</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">&raquo;</span>					</a> </li>
+      </ul> <span class="totalCount">共0条数据</span> </nav>
+  </div>
+	<footer>
+		<div th:replace="common::copyright"></div>
+	</footer>
 	<div th:replace="common::footer(~{::script})">
-		<script type="text/javascript" th:src="${staticHost+'/vendors.js'}"></script>
-		<script type="text/javascript" th:src="${staticHost+'/portal/search/achievement.js'}"></script>
+		<script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
+		<script type="text/javascript" th:src="${portalHost + '/search/achievement.js'}"></script>
 	</div>
 </body>
 </html>

+ 95 - 5
src/main/webapp/WEB-INF/views/portal/search/demand.html

@@ -3,14 +3,104 @@
 	xmlns:th="http://www.thymeleaf.org">
 <head th:replace="common::header(~{::title},~{::link})">
 	<title>科技需求搜索页面</title>
-	<link th:href="${staticHost+'/portal/search/demand.css'}" rel="stylesheet">
+	<link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
+	<link th:href="${portalHost + '/search/demand.css'}" rel="stylesheet">
 </head>
 <body>
-	<div id="root"></div>
-	
+	<header>
+		<div th:replace="common::{topNav}">
+			<div class="container">
+				<div class="lt">欢迎进入科技认知计算交易平台!</div>
+				<div class="rt">
+					<a href="/user/login.html" class="login">登录</a>
+					<a href="/user/signIn.html">注册</a>
+					<a href="#">导航</a>
+					<a href="#">关于我们</a>
+					<a href="#">联系我们</a>
+				</div>
+			</div>
+		</div>
+	</header>
+	<div class="header_nav_detail">
+		<div class="container ">
+			<div class="row clearfix">
+				<div class="col-md-3 logo">
+					<div th:replace="common::sublogo"></div>
+				</div>
+				<div class="col-md-9">
+					<div th:replace="common::subMenu('tech', 'demand')"></div>
+				</div>
+			</div>
+		</div>
+		<div class="secondary_navigation"></div>
+	</div>
+	<div class="wrap active">
+    <div class="portal-body">
+      <div class="portal-content">
+        <div class="search-criteria row">
+          <div class="search-title col-md-1"> <span>行业分类</span> </div>
+          <div class="search-select col-md-11">
+            <ul id="industryList" class="clearfix"></ul>
+          </div>
+        </div>
+        <div class="search-criteria row" id="industryChildrenBox">
+          <div class="search-title col-md-1"> <span>行业子分类</span> </div>
+          <div class="search-select col-md-11">
+            <ul id="industryChildrenList" class="clearfix">
+              <li value="999" class="active"><span>不限</span></li>
+            </ul>
+          </div>
+        </div>
+        <div class="search-criteria row">
+          <div class="search-title col-md-1"> <span>技术类型</span> </div>
+          <div class="search-select col-md-8">
+            <ul id="technologyModeList" class="clearfix">
+              <li value="999" class="active"><span>不限</span></li>
+              <li value="0"><span>技术购买型需求</span></li>
+              <li value="1"><span>技术设备类需求</span></li>
+              <li value="2"><span>技术方案型需求</span></li>
+              <li value="3"><span>技术攻关型需求</span></li>
+              <li value="4"><span>技术咨询型需求</span></li>
+              <li value="5"><span>技术人才型需求</span></li>
+            </ul>
+          </div>
+          <div class="col-md-3">
+            <div class="nav-search"> <input id="searchInput" placeholder="请输入关键词" /> <button id="search" class="search_ico"></button> </div>
+          </div>
+        </div>
+        <ul class='detail_interest_sub clearfix' id="demandList">
+          <li>
+            <div class="interest_list_title"> <i class="demand_sup"></i>
+              <p title="视频压缩、传输与移动支付技术">视频压缩、传输与移动支付技术</p>
+            </div>
+            <div class="interest_list_name">
+              <p>融达天下软件技术南通有限公司</p>
+              <div class="interest_list_confirm"> <span>身份未验证</span> <i class="uncertify}"></i> </div>
+            </div>
+            <div class="detail_sub"> <span class="detail_sub_icon">								<i class="demand_ico_5"></i>                            </span> <span class="detail_sub_title">关键词: </span>              <span class="detail_sub_text">计算机,信息技术,互联网</span> </div>
+            <div class="detail_sub"> <span class="detail_sub_icon">								<i class="demand_ico_2"></i>							</span> <span class="detail_sub_title">需求描述: </span>              <span title="描述信息" class="detail_sub_demandDes">描述信息</span> </div>
+            <div class="detail_sub"> <span class="detail_sub_icon">								<i class="demand_ico_3"></i>							</span> <span class="detail_sub_title">预算: </span>              <span class="money_text">价格面议</span> </div>
+            <div class="detail_sub"> <span class="detail_sub_icon">								<i class="demand_ico_4"></i>							</span> <span class="detail_sub_title">类型: </span>              <span class="detail_sub_text">技术咨询型需求</span> </div>
+            <div class="detail_sub"> <span class="detail_sub_icon">								<i class="demand_ico_1"></i>							</span> <span class="detail_sub_title">行业: </span>              <span class="detail_sub_text">电子信息/软件</span> </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div class="container pagination_box">
+    <nav aria-label="Page navigation" class="clearfix">
+      <ul class="pagination">
+        <li class="pagePre"> <a href="#" aria-label="Previous">						<span aria-hidden="true">&laquo;</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">&raquo;</span>					</a> </li>
+      </ul> <span class="totalCount">共0条数据</span> </nav>
+  </div>
+	<footer>
+		<div th:replace="common::copyright"></div>
+	</footer>
 	<div th:replace="common::footer(~{::script})">
-		<script type="text/javascript" th:src="${staticHost+'/vendors.js'}"></script>
-		<script type="text/javascript" th:src="${staticHost+'/portal/search/demand.js'}"></script>
+		<script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
+		<script type="text/javascript" th:src="${portalHost + '/search/demand.js'}"></script>
 	</div>
 </body>
 </html>

+ 86 - 5
src/main/webapp/WEB-INF/views/portal/search/subscriberOrg.html

@@ -3,14 +3,95 @@
 	xmlns:th="http://www.thymeleaf.org">
 <head th:replace="common::header(~{::title},~{::link})">
 	<title>伙伴搜索页面</title>
-	<link th:href="${staticHost+'/portal/search/subscriberOrg.css'}" rel="stylesheet">
+	<link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
+	<link th:href="${portalHost + '/search/subscriberOrg.css'}" rel="stylesheet">
 </head>
 <body>
-	<div id="root"></div>
-	
+	<header>
+		<div th:replace="common::{topNav}">
+			<div class="container">
+				<div class="lt">欢迎进入科技认知计算交易平台!</div>
+				<div class="rt">
+					<a href="/user/login.html" class="login">登录</a>
+					<a href="/user/signIn.html">注册</a>
+					<a href="#">导航</a>
+					<a href="#">关于我们</a>
+					<a href="#">联系我们</a>
+				</div>
+			</div>
+		</div>
+	</header>
+	<div class="header_nav_detail">
+		<div class="container ">
+			<div class="row clearfix">
+				<div class="col-md-3 logo">
+					<div th:replace="common::sublogo"></div>
+				</div>
+				<div class="col-md-9">
+					<div th:replace="common::subMenu('tech', 'company')"></div>
+				</div>
+			</div>
+		</div>
+		<div class="secondary_navigation"></div>
+	</div>
+	<div class="wrap active">
+	    <div class="portal-body">
+	      <div class="portal-content">
+	        <div class="search-criteria row">
+	          <div class="search-title col-md-2"> <span>行业分类</span> </div>
+	          <div class="search-select col-md-10">
+	            <ul id="industryList" class="clearfix"></ul>
+	          </div>
+	        </div>
+	        <div class="search-criteria row" id="industryChildrenBox">
+	          <div class="search-title col-md-2"> <span>行业二级分类</span> </div>
+	          <div class="search-select col-md-10">
+	            <ul id="industryChildrenList" class="clearfix">
+	              <li value="999" class="active"><span>不限</span></li>
+	            </ul>
+	          </div>
+	        </div>
+	        <div class="search-criteria row" id="industryChildrenBox">
+	          <div class="search-title col-md-2"> <span>行业三级分类</span> </div>
+	          <div class="search-select col-md-10">
+	            <ul id="industryChildrenList" class="clearfix">
+	              <li value="999" class="active"><span>不限</span></li>
+	            </ul>
+	          </div>
+	        </div>
+	        <div class="search-criteria row">
+	          <div class="search-title col-md-2"> <span>伙伴名称</span> </div>
+	          <div class="search-select col-md-3">
+	            <div class="nav-search"> <input id="searchInput" placeholder="请输入关键词" /> <button id="search" class="search_ico"></button> </div>
+	          </div>
+	        </div>
+	        <ul class='detail_interest_sub clearfix' id="subscriberList">
+	          <li class="user-detail">
+	            <div class="logo"> <i class="user_portrait_img"></i> </div>
+	            <div class="name"> <span>Azeroth科技有限公司</span> </div>
+	            <div class="province"> <span class="letter_Spacing">地</span> <span>区: </span> <span class="text-address">长沙</span> </div>
+	            <div class="text">
+	              <span class="letter_Spacing">需</span> <span>求: </span> <span class="text-Number">123</span> <span class="text-unit"> 条</span>              </div>
+	            <div class="text"> <span>技术成果: </span> <span class="text-Number">456</span> <span class="text-unit"> 条</span> </div>
+	          </li>
+	        </ul>
+	      </div>
+	    </div>
+	  </div>
+	  <div class="container pagination_box">
+	    <nav aria-label="Page navigation" class="clearfix">
+	      <ul class="pagination">
+	        <li class="pagePre"> <a href="#" aria-label="Previous">						<span aria-hidden="true">&laquo;</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">&raquo;</span>					</a> </li>
+	      </ul> <span class="totalCount">共0条数据</span> </nav>
+	  </div>
+	<footer>
+		<div th:replace="common::copyright"></div>
+	</footer>
 	<div th:replace="common::footer(~{::script})">
-		<script type="text/javascript" th:src="${staticHost+'/vendors.js'}"></script>
-		<script type="text/javascript" th:src="${staticHost+'/portal/search/subscriberOrg.js'}"></script>
+		<script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
+		<script type="text/javascript" th:src="${portalHost + '/search/subscriberOrg.js'}"></script>
 	</div>
 </body>
 </html>

+ 93 - 5
src/main/webapp/WEB-INF/views/portal/search/subscriberUser.html

@@ -3,14 +3,102 @@
 	xmlns:th="http://www.thymeleaf.org">
 <head th:replace="common::header(~{::title},~{::link})">
 	<title>行家搜索页面</title>
-	<link th:href="${staticHost+'/portal/search/subscriberUser.css'}" rel="stylesheet">
+	<link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
+	<link th:href="${portalHost + '/search/subscriberUser.css'}" rel="stylesheet">
 </head>
 <body>
-	<div id="root"></div>
-	
+	<header>
+		<div th:replace="common::{topNav}">
+			<div class="container">
+				<div class="lt">欢迎进入科技认知计算交易平台!</div>
+				<div class="rt">
+					<a href="/user/login.html" class="login">登录</a>
+					<a href="/user/signIn.html">注册</a>
+					<a href="#">导航</a>
+					<a href="#">关于我们</a>
+					<a href="#">联系我们</a>
+				</div>
+			</div>
+		</div>
+	</header>
+	<div class="header_nav_detail">
+		<div class="container ">
+			<div class="row clearfix">
+				<div class="col-md-3 logo">
+					<div th:replace="common::sublogo"></div>
+				</div>
+				<div class="col-md-9">
+					<div th:replace="common::subMenu('tech', 'person')"></div>
+				</div>
+			</div>
+		</div>
+		<div class="secondary_navigation"></div>
+	</div>
+	<div class="wrap active">
+	    <div class="portal-body">
+	      <div class="portal-content">
+	        <div class="search-criteria row">
+	          <div class="search-title col-md-2"> <span>行业分类</span> </div>
+	          <div class="search-select col-md-10">
+	            <ul id="industryList" class="clearfix"></ul>
+	          </div>
+	        </div>
+	        <div class="search-criteria row industryChildrenBox">
+	          <div class="search-title col-md-2"> <span>行业二级分类</span> </div>
+	          <div class="search-select col-md-10">
+	            <ul id="industrySecondList" class="clearfix">
+	              <li value="999" class="active"><span>不限</span></li>
+	            </ul>
+	          </div>
+	        </div>
+	        <div class="search-criteria row industryChildrenBox">
+	          <div class="search-title col-md-2"> <span>行业三级分类</span> </div>
+	          <div class="search-select col-md-10">
+	            <ul id="industryThirdList" class="clearfix">
+	              <li value="999" class="active"><span>不限</span></li>
+	            </ul>
+	          </div>
+	        </div>
+	        <div class="search-criteria row">
+	          <div class="search-title col-md-2"> <span>行家名称</span> </div>
+	          <div class="search-select col-md-3">
+	            <div class="nav-search"> <input id="searchInput" placeholder="请输入关键词" /> <button id="search" class="search_ico"></button> </div>
+	          </div>
+	        </div>
+	        <ul class='detail_interest_sub clearfix' id="subscriberList">
+	          <li class="org-detail clearfix">
+	            <div class="logo"> <i class="user_portrait_img"></i> </div>
+	            <div class="detail-right">
+	              <div class="name"> <span>柏连阳</span> </div>
+	              <div class="text"> <span>省医学会检验专业委员会</span> </div>
+	              <div class="text"> <span>省医学会检验专业委员会副主任委员</span> </div>
+	              <div class="text"> <span title="生物与新医药/医疗仪器、设备与医学专用软件/医学影像诊断技术">生物与新医药/医疗仪器、设备与医学专用软件/医学影像诊断技术</span> </div>
+	              <div class="detail-text">
+	                <div class="text"> <span class="letter_Spacing">需</span> <span>求: </span> <span class="text-Number">123</span> <span class="text-unit"> 条</span>                  </div>
+	                <div class="text"> <span>技术成果: </span> <span class="text-Number">456 </span> <span class="text-unit"> 条</span> </div>
+	                <div class="text">
+	                <span class="letter_Spacing">粉</span> <span>丝: </span> <span class="text-Number">789</span> <span class="text-unit"> 位</span>                  </div>
+	              </div>
+	            </div>
+	          </li>
+	        </ul>
+	      </div>
+	    </div>
+	  </div>
+	  <div class="container pagination_box">
+	    <nav aria-label="Page navigation" class="clearfix">
+	      <ul class="pagination">
+	        <li class="pagePre"> <a href="#" aria-label="Previous">						<span aria-hidden="true">&laquo;</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">&raquo;</span>					</a> </li>
+	      </ul> <span class="totalCount">共0条数据</span> </nav>
+	  </div>
+	<footer>
+		<div th:replace="common::copyright"></div>
+	</footer>
 	<div th:replace="common::footer(~{::script})">
-		<script type="text/javascript" th:src="${staticHost+'/vendors.js'}"></script>
-		<script type="text/javascript" th:src="${staticHost+'/portal/search/subscriberUser.js'}"></script>
+		<script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
+		<script type="text/javascript" th:src="${portalHost + '/search/subscriberUser.js'}"></script>
 	</div>
 </body>
 </html>