achievement.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  3. <head th:replace="common::header(~{::title},~{::link})">
  4. <title>科技专利</title>
  5. <link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
  6. <link th:href="${portalHost + '/technologyTrading/achievement.css'}" rel="stylesheet">
  7. </head>
  8. <body>
  9. <header>
  10. <div th:replace="common::nav('technologyTrading','achievement')"></div>
  11. </header>
  12. <!--banner-->
  13. <div class="carouselt">
  14. <ul class="ct-img-big clear">
  15. <li data-index=0 ><a href=""><img th:href="${portalHost + '/img/highTech_slide_1.jpg'}" alt=""/></a></li>
  16. <li data-index=1 ><a href=""><img th:href="${portalHost + '/img/highTech_slide_2.jpg'}" alt=""/></a></li>
  17. <li data-index=2 ><a href=""><img th:href="${portalHost + '/img/highTech_slide_3.jpg'}" alt=""/></a></li>
  18. <li data-index=3 ><a href=""><img th:href="${portalHost + '/img/highTech_slide_4.jpg'}" alt=""/></a></li>
  19. <li data-index=4 ><a href=""><img th:href="${portalHost + '/img/highTech_slide_5.jpg'}" alt=""/></a></li>
  20. </ul>
  21. <a class="btn btn-next" href="">
  22. <img th:href="${portalHost + '/img/index_next.png'}" alt=""/>
  23. </a>
  24. <a class="btn btn-pre" href="">
  25. <img th:href="${portalHost + '/img/index_pre.png'}" alt=""/>
  26. </a>
  27. </div>
  28. <!--主体内容区域开始-->
  29. <div class="contant">
  30. <div class="achievement_top"><img th:href="${portalHost + '/img/achievement_01.png'}" alt=""/></div>
  31. </div>
  32. <div class="container">
  33. <div class="achievement_header">
  34. <p>全部结果: </p>
  35. <ul>
  36. <li>
  37. <p>教育休闲1111</p>
  38. <img th:href="${portalHost + '/img/achievement_del.jpg'}" class="del"/>
  39. </li>
  40. <li>
  41. <p>教育休闲111</p>
  42. <img th:href="${portalHost + '/img/achievement_del.jpg'}" class="del"/>
  43. </li>
  44. </ul>
  45. </div>
  46. <div class="wrap active">
  47. <div class="portal-body">
  48. <div class="portal-content">
  49. <div class="search-criteria row">
  50. <div class="search-title col-md-1">
  51. <span>行业分类</span>
  52. </div>
  53. <div class="search-select col-md-11">
  54. <ul id="industryList" class="clearfix"></ul>
  55. </div>
  56. </div>
  57. <div class="search-criteria row" id="industryChildrenBox">
  58. <div class="search-title col-md-1">
  59. <span>技术类型</span>
  60. </div>
  61. <div class="search-select col-md-11">
  62. <ul>
  63. <li class="active"><span>不限</span></li>
  64. <li>
  65. <label for="patent" class="patent">
  66. 专利<input type="checkbox" name="fot" id="patent" value="0" />
  67. </label>
  68. </li>
  69. <li>
  70. <label for="demand" class="demand">
  71. 技术<input type="checkbox" name="fot" id="demand" value="1" />
  72. </label>
  73. </li>
  74. </ul>
  75. </div>
  76. </div>
  77. <div class="search-criteria row">
  78. <div class="search-title col-md-1">
  79. <span>交易方式</span>
  80. </div>
  81. <div class="search-select col-md-6">
  82. <ul id="transferModeList" class="clearfix">
  83. <li value="999" class="active"><span>不限</span></li>
  84. <li value="0"><span>完全转让</span></li>
  85. <li value="1"><span>许可转让</span></li>
  86. <li value="2"><span>技术入股</span></li>
  87. <li value="3"><span>5年独占许可转让</span></li>
  88. </ul>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="achievement_main">
  96. <div class="container">
  97. <div class="main-header">
  98. <div class="head-left">
  99. <p>排序方式</p>
  100. <ul>
  101. <li class="active">不限</li>
  102. <li>
  103. <p><span>发布时间</span><img th:href="${portalHost + '/img/achievement_select.jpg'}" alt="" /></p>
  104. <div class="time_select">
  105. <ul>
  106. <li>09-12</li>
  107. <li>03-08</li>
  108. <li>02-03</li>
  109. </ul>
  110. </div>
  111. </li>
  112. <li>
  113. <p><span>价格</span><img th:href="${portalHost + '/img/achievement_select.jpg'}" alt="" /></p>
  114. <div class="time_select">
  115. <ul>
  116. <li>10万以上</li>
  117. <li>5万-10万</li>
  118. <li>1万-5万</li>
  119. <li>1万以下</li>
  120. </ul>
  121. </div>
  122. </li>
  123. </ul>
  124. </div>
  125. <div class="head_right">
  126. <div class="searchs">
  127. <div class="select">
  128. <select name="" id="selt">
  129. </select>
  130. </div>
  131. <form action="" method="post" id="search_on">
  132. <input type="search" placeholder="医药生物"/>
  133. </form>
  134. <button form="search_on"></button>
  135. </div>
  136. <ol>
  137. <li>医药生物</li>
  138. <li>医药生物</li>
  139. <li>医药生物</li>
  140. <li>医药生物</li>
  141. </ol>
  142. </div>
  143. </div>
  144. <div class="main_introduce">
  145. <ul>
  146. <li>
  147. <img th:href="${portalHost + '/img/achievement_05.png'}" alt="" />
  148. <div class="list_text">
  149. <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
  150. <p>名称<span>怒吼道</span></p>
  151. <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
  152. <p>交易方式<span>怒吼道胡非常胡海</span></p>
  153. <a href="#">了解详情</a>
  154. </div>
  155. <div class="star">
  156. <p>成熟度</p>
  157. <ol>
  158. <li></li>
  159. <li></li>
  160. <li></li>
  161. <li></li>
  162. <li></li>
  163. </ol>
  164. </div>
  165. </li>
  166. <li>
  167. <img th:href="${portalHost + '/img/achievement_05.png'}" alt="" />
  168. <div class="list_text">
  169. <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
  170. <p>名称<span>怒吼道</span></p>
  171. <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
  172. <p>交易方式<span>怒吼道胡非常胡海</span></p>
  173. <a href="#">了解详情</a>
  174. </div>
  175. <div class="star">
  176. <p>成熟度</p>
  177. <ol>
  178. <li></li>
  179. <li></li>
  180. <li></li>
  181. <li></li>
  182. <li></li>
  183. </ol>
  184. </div>
  185. </li>
  186. <li>
  187. <img th:href="${portalHost + '/img/achievement_05.png'}" alt="" />
  188. <div class="list_text">
  189. <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
  190. <p>名称<span>怒吼道</span></p>
  191. <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
  192. <p>交易方式<span>怒吼道胡非常胡海</span></p>
  193. <a href="#">了解详情</a>
  194. </div>
  195. <div class="star">
  196. <p>成熟度</p>
  197. <ol>
  198. <li></li>
  199. <li></li>
  200. <li></li>
  201. <li></li>
  202. </ol>
  203. </div>
  204. </li>
  205. <li>
  206. <img src="../../img/achievement_05.png'}" alt="" />
  207. <div class="list_text">
  208. <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
  209. <p>名称<span>怒吼道</span></p>
  210. <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
  211. <p>交易方式<span>怒吼道胡非常胡海</span></p>
  212. <a href="#">了解详情</a>
  213. </div>
  214. <div class="star">
  215. <p>成熟度</p>
  216. <ol>
  217. <li></li>
  218. <li></li>
  219. </ol>
  220. </div>
  221. </li>
  222. <li>
  223. <img th:href="${portalHost + '/img/achievement_05.png'}" alt="" />
  224. <div class="list_text">
  225. <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
  226. <p>名称<span>怒吼道</span></p>
  227. <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
  228. <p>交易方式<span>怒吼道胡非常胡海</span></p>
  229. <a href="#">了解详情</a>
  230. </div>
  231. <div class="star">
  232. <p>成熟度</p>
  233. <ol>
  234. <li></li>
  235. <li></li>
  236. <li></li>
  237. <li></li>
  238. </ol>
  239. </div>
  240. </li>
  241. <li>
  242. <img th:href="${portalHost + '/img/achievement_05.png'}" alt="" />
  243. <div class="list_text">
  244. <p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
  245. <p>名称<span>怒吼道</span></p>
  246. <p>类型<span>怒吼道胡非常胡海峰回复</span></p>
  247. <p>交易方式<span>怒吼道胡非常胡海</span></p>
  248. <a href="#">了解详情</a>
  249. </div>
  250. <div class="star">
  251. <p>成熟度</p>
  252. <ol>
  253. <li></li>
  254. <li></li>
  255. <li></li>
  256. </ol>
  257. </div>
  258. </li>
  259. </ul>
  260. </div>
  261. <div class="container pagination_box">
  262. <nav aria-label="Page navigation" class="clearfix">
  263. <ul class="pagination">
  264. <li class="pagePre">
  265. <a href="#" aria-label="Previous">
  266. <span aria-hidden="true">&laquo;</span>
  267. </a>
  268. </li>
  269. <li class="pageNumber"><a href="#" value="1">1</a></li>
  270. <li class="pageNext">
  271. <a href="#" aria-label="Next">
  272. <span aria-hidden="true">&raquo;</span>
  273. </a>
  274. </li>
  275. </ul>
  276. <span class="totalCount">共0条数据</span>
  277. </nav>
  278. </div>
  279. </div>
  280. </div>
  281. <footer>
  282. <div th:replace="common::copyright"></div>
  283. <div th:replace="common::login"></div>
  284. </footer>
  285. <div th:replace="common::footer(~{::script})">
  286. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  287. <script type="text/javascript" th:src="${portalHost + '/technologyTrading/achievement.js'}"></script>
  288. </div>
  289. </body>
  290. </html>