achievement.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:th="http://www.thymeleaf.org">
  4. <head th:replace="common::header(~{::title},~{::link})">
  5. <title>科技成果搜索页面</title>
  6. <link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
  7. <link th:href="${portalHost + '/search/achievement.css'}" rel="stylesheet">
  8. </head>
  9. <body>
  10. <header>
  11. <div th:replace="common::{topNav}">
  12. <div class="container">
  13. <div class="lt">欢迎进入科技认知计算交易平台!</div>
  14. <div class="rt">
  15. <a href="/user/login.html" class="login">登录</a>
  16. <a href="/user/signIn.html">注册</a>
  17. <a href="#">导航</a>
  18. <a href="#">关于我们</a>
  19. <a href="#">联系我们</a>
  20. </div>
  21. </div>
  22. </div>
  23. </header>
  24. <div class="header_nav_detail">
  25. <div class="container ">
  26. <div class="row clearfix">
  27. <div class="col-md-3 logo">
  28. <div th:replace="common::sublogo"></div>
  29. </div>
  30. <div class="col-md-9">
  31. <div th:replace="common::subMenu('tech', 'tech')"></div>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="secondary_navigation"></div>
  36. </div>
  37. <div class="wrap active">
  38. <div class="portal-body">
  39. <div class="portal-content">
  40. <div class="search-criteria row">
  41. <div class="search-title col-md-1"> <span>行业分类</span> </div>
  42. <div class="search-select col-md-11">
  43. <ul id="industryList" class="clearfix"></ul>
  44. </div>
  45. </div>
  46. <div class="search-criteria row" id="industryChildrenBox">
  47. <div class="search-title col-md-1"> <span>行业子分类</span> </div>
  48. <div class="search-select col-md-11">
  49. <ul id="industryChildrenList" class="clearfix">
  50. <li value="999" class="active"><span>不限</span></li>
  51. </ul>
  52. </div>
  53. </div>
  54. <div class="search-criteria row">
  55. <div class="search-title col-md-1"> <span>交易方式</span> </div>
  56. <div class="search-select col-md-6">
  57. <ul id="transferModeList" class="clearfix">
  58. <li value="999" class="active"><span>不限</span></li>
  59. <li value="0"><span>完全转让</span></li>
  60. <li value="1"><span>许可转让</span></li>
  61. <li value="2"><span>技术入股</span></li>
  62. <li value="3"><span>5年独占许可转让</span></li>
  63. </ul>
  64. </div>
  65. <div class="col-md-5">
  66. <div class="nav-search"> <input id="searchInput" placeholder="请输入关键词" /> <button id="search" class="search_ico"></button> </div>
  67. </div>
  68. </div>
  69. <ul class='detail_interest_sub clearfix' id="achievementList">
  70. <li>
  71. <div class="interest_list_title">
  72. <i class="demand_sup"></i>
  73. <p title='跨媒体计算理论与方法'>跨媒体计算理论与方法</p>
  74. </div>
  75. <div class="interest_list_name">
  76. <i class="demand_sup"></i>
  77. <p>浙江大学</p>
  78. <div class="interest_list_confirm"> <span>身份已验证</span> <i class="certify"></i> </div>
  79. </div>
  80. <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>
  81. <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>
  82. <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>
  83. <div class="detail_sub">
  84. <span class="detail_sub_icon"> <i class="demand_ico_3"></i> </span> <span class="detail_sub_title">标价: </span> <span class="money_text">价格面议</span> </div>
  85. <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>
  86. <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>
  87. </div>
  88. </li>
  89. </ul>
  90. </div>
  91. </div>
  92. </div>
  93. <div class="container pagination_box">
  94. <nav aria-label="Page navigation" class="clearfix">
  95. <ul class="pagination">
  96. <li class="pagePre"> <a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li>
  97. <li class="pageNumber active"><a href="#" value="1">1</a></li>
  98. <li class="pageNext"> <a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a> </li>
  99. </ul> <span class="totalCount">共0条数据</span> </nav>
  100. </div>
  101. <footer>
  102. <div th:replace="common::copyright"></div>
  103. </footer>
  104. <div th:replace="common::footer(~{::script})">
  105. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  106. <script type="text/javascript" th:src="${portalHost + '/search/achievement.js'}"></script>
  107. </div>
  108. </body>
  109. </html>