|
|
@@ -0,0 +1,296 @@
|
|
|
+<!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 + '/vendors.css'}" rel="stylesheet">
|
|
|
+ <link th:href="${portalHost + '/technologyTrading/achievement.css'}" rel="stylesheet">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <header>
|
|
|
+ <div th:replace="common::nav('technologyTrading','achievement')"></div>
|
|
|
+ </header>
|
|
|
+ <!--banner-->
|
|
|
+ <div class="carouselt">
|
|
|
+ <ul class="ct-img-big clear">
|
|
|
+ <li data-index=0 ><a href=""><img th:href="${portalHost + '/img/highTech_slide_1.jpg'}" alt=""/></a></li>
|
|
|
+ <li data-index=1 ><a href=""><img th:href="${portalHost + '/img/highTech_slide_2.jpg'}" alt=""/></a></li>
|
|
|
+ <li data-index=2 ><a href=""><img th:href="${portalHost + '/img/highTech_slide_3.jpg'}" alt=""/></a></li>
|
|
|
+ <li data-index=3 ><a href=""><img th:href="${portalHost + '/img/highTech_slide_4.jpg'}" alt=""/></a></li>
|
|
|
+ <li data-index=4 ><a href=""><img th:href="${portalHost + '/img/highTech_slide_5.jpg'}" alt=""/></a></li>
|
|
|
+ </ul>
|
|
|
+ <a class="btn btn-next" href="">
|
|
|
+ <img th:href="${portalHost + '/img/index_next.png'}" alt=""/>
|
|
|
+ </a>
|
|
|
+ <a class="btn btn-pre" href="">
|
|
|
+ <img th:href="${portalHost + '/img/index_pre.png'}" alt=""/>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!--主体内容区域开始-->
|
|
|
+ <div class="contant">
|
|
|
+ <div class="achievement_top"><img th:href="${portalHost + '/img/achievement_01.png'}" alt=""/></div>
|
|
|
+ </div>
|
|
|
+ <div class="container">
|
|
|
+ <div class="achievement_header">
|
|
|
+ <p>全部结果: </p>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <p>教育休闲1111</p>
|
|
|
+ <img th:href="${portalHost + '/img/achievement_del.jpg'}" class="del"/>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <p>教育休闲111</p>
|
|
|
+ <img th:href="${portalHost + '/img/achievement_del.jpg'}" class="del"/>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </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>
|
|
|
+ <li class="active"><span>不限</span></li>
|
|
|
+ <li>
|
|
|
+ <label for="patent" class="patent">
|
|
|
+ 专利<input type="checkbox" name="fot" id="patent" value="0" />
|
|
|
+ </label>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <label for="demand" class="demand">
|
|
|
+ 技术<input type="checkbox" name="fot" id="demand" value="1" />
|
|
|
+ </label>
|
|
|
+ </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>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="achievement_main">
|
|
|
+ <div class="container">
|
|
|
+ <div class="main-header">
|
|
|
+ <div class="head-left">
|
|
|
+ <p>排序方式</p>
|
|
|
+ <ul>
|
|
|
+ <li class="active">不限</li>
|
|
|
+ <li>
|
|
|
+ <p><span>发布时间</span><img th:href="${portalHost + '/img/achievement_select.jpg'}" alt="" /></p>
|
|
|
+ <div class="time_select">
|
|
|
+ <ul>
|
|
|
+ <li>09-12</li>
|
|
|
+ <li>03-08</li>
|
|
|
+ <li>02-03</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <p><span>价格</span><img th:href="${portalHost + '/img/achievement_select.jpg'}" alt="" /></p>
|
|
|
+ <div class="time_select">
|
|
|
+ <ul>
|
|
|
+ <li>10万以上</li>
|
|
|
+ <li>5万-10万</li>
|
|
|
+ <li>1万-5万</li>
|
|
|
+ <li>1万以下</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="head_right">
|
|
|
+ <div class="searchs">
|
|
|
+ <div class="select">
|
|
|
+ <select name="" id="selt">
|
|
|
+
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <form action="" method="post" id="search_on">
|
|
|
+ <input type="search" placeholder="医药生物"/>
|
|
|
+ </form>
|
|
|
+ <button form="search_on"></button>
|
|
|
+ </div>
|
|
|
+ <ol>
|
|
|
+ <li>医药生物</li>
|
|
|
+ <li>医药生物</li>
|
|
|
+ <li>医药生物</li>
|
|
|
+ <li>医药生物</li>
|
|
|
+ </ol>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="main_introduce">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <img th:href="${portalHost + '/img/achievement_05.png'}" 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="star">
|
|
|
+ <p>成熟度</p>
|
|
|
+ <ol>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ </ol>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img th:href="${portalHost + '/img/achievement_05.png'}" 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="star">
|
|
|
+ <p>成熟度</p>
|
|
|
+ <ol>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ </ol>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img th:href="${portalHost + '/img/achievement_05.png'}" 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="star">
|
|
|
+ <p>成熟度</p>
|
|
|
+ <ol>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ </ol>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img src="../../img/achievement_05.png'}" 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="star">
|
|
|
+ <p>成熟度</p>
|
|
|
+ <ol>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ </ol>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img th:href="${portalHost + '/img/achievement_05.png'}" 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="star">
|
|
|
+ <p>成熟度</p>
|
|
|
+ <ol>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ </ol>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img th:href="${portalHost + '/img/achievement_05.png'}" 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="star">
|
|
|
+ <p>成熟度</p>
|
|
|
+ <ol>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+
|
|
|
+ </ol>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </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">«</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条数据</span>
|
|
|
+ </nav>
|
|
|
+ </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 + '/vendors.js'}"></script>
|
|
|
+ <script type="text/javascript" th:src="${portalHost + '/technologyTrading/achievement.js'}"></script>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+</html>
|