achievementDetail.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml"
  3. xmlns:th="http://www.thymeleaf.org"
  4. xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  5. <head th:replace="common::header(~{::title},~{::link})">
  6. <title>科技成果详情</title>
  7. <link th:href="${portalHost +'/vendors.css'}" rel="stylesheet">
  8. <link th:href="${portalHost + '/highTech/detail/achievementDetail.css'}"
  9. rel="stylesheet">
  10. </head>
  11. <body>
  12. <header>
  13. <div th:replace="common::{topNav}">
  14. <div class="container">
  15. <div class="lt">欢迎进入科技认知计算交易平台!</div>
  16. <div class="rt">
  17. <a href="/user/login.html" class="login">登录</a>
  18. <a href="/user/signIn.html">注册</a>
  19. <a href="#">导航</a>
  20. <a href="#">关于我们</a>
  21. <a href="#">联系我们</a>
  22. </div>
  23. </div>
  24. </div>
  25. </header>
  26. <div class="header_nav_detail">
  27. <div class="container ">
  28. <div class="row clearfix">
  29. <div class="col-md-3 logo">
  30. <div th:replace="common::sublogo"></div>
  31. </div>
  32. <div class="col-md-9">
  33. <div th:replace="common::subMenu('tech','')"></div>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="secondary_navigation"></div>
  38. </div>
  39. <div class="container transaction_info">
  40. <div class="transaction_img">
  41. <div class="img_b">
  42. <img th:if="${achievement.pictureList != null && achievement.pictureList.size() > 0}"
  43. th:src="${avatarUploadHost+achievement.pictureList[0]}" />
  44. <img th:if="${achievement.pictureList == null && achievement.pictureList.size() == 0}"
  45. th:src="${portalHost + '/img/achievement_default.jpg}" />
  46. </div>
  47. <div class="img_list">
  48. <ul>
  49. <li th:each="img,iterStart:${achievement.pictureList}"
  50. th:class="${iterStart.index==0} ? 'active'"><img
  51. th:src="${avatarUploadHost+img}"></li>
  52. </ul>
  53. </div>
  54. </div>
  55. <div class="transaction_basic">
  56. <h3 th:text="${achievement.name}"
  57. style="font-size: 22px; color: #58a3ff;"></h3>
  58. <div class="form-group">
  59. </div>
  60. <div class="form-group">
  61. <label class="col-sm-2 control-label">标 签:</label>
  62. <div class="col-sm-7" th:text="${achievement.keyword}"></div>
  63. </div>
  64. <div class="form-group price">
  65. <label class="col-sm-2 control-label">价 格:</label>
  66. <div class="col-sm-7 price">
  67. <i th:text="${achievement.transferModeS}">完全转让</i> <span
  68. th:text="${achievement.transferPriceS}">面议</span>
  69. </div>
  70. </div>
  71. <div class="form-group boder_bt">
  72. <label class="col-sm-2 control-label">技术成熟度:</label>
  73. <div class="col-sm-4" th:text="${achievement.maturityS}"></div>
  74. </div>
  75. <div class="form-group">
  76. <label class="col-sm-2 control-label">所 在 地:</label>
  77. <div class="col-sm-4" th:text=${achievement.location}></div>
  78. <label class="col-sm-2 control-label">最 近 更 新:</label>
  79. <div class="col-sm-4"
  80. th:text="${achievement.releaseDateFormattedDate}"></div>
  81. </div>
  82. <div class="form-group">
  83. <label class="col-sm-2 control-label">行 业:</label>
  84. <div class="col-sm-7" th:text=${achievement.field}></div>
  85. </div>
  86. <div class="form-group" th:if="${isLogin}">
  87. <div class="col-sm-4">
  88. <button id="interest"
  89. th:class="${achievement.interestId != null} ? 'btn btn-default like' : 'btn btn-default dislike'">我感兴趣</button>
  90. </div>
  91. <div class="col-sm-4">
  92. <button data-toggle="modal" data-target="#order"
  93. class="btn btn-default purchase">我要购买</button>
  94. </div>
  95. </div>
  96. <div class="form-group" th:if="${!isLogin}">
  97. <div class="col-sm-4">
  98. <button class="btn btn-default dislike"
  99. onclick="window.open('/user/login.html')">我感兴趣</button>
  100. </div>
  101. <div class="col-sm-4">
  102. <button class="btn btn-default purchase"
  103. onclick="window.open('/user/login.html')">我要购买</button>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <!-- <div class="container introduce details">
  109. <h2>专利详情:</h2>
  110. <p th:text="${achievement.patentCase}"></p>
  111. </div> -->
  112. <div class="container introduce">
  113. <h2>技术简介:</h2>
  114. <p th:text="${achievement.introduction}"></p>
  115. </div>
  116. <div class="container recommend">
  117. <div class="recommend_title">
  118. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURUdwTFej/1ii/1ei/1Wk/1ij/1ej/1ej/1ei/1in/1eh/1ij/1ej/1ij/1aj/1ej/1ej/1ej/1ei/1ij/1ii/1ej/1ij/y5y/mMAAAAWdFJOUwCo+kMKa5nM2AMVwOxZIvExemLgTYnOTXJwAAABbElEQVQ4y41U25aAIAhExdS0Uiv//1PXylTadk88lYfLMAMAdDZLphznTjE5w6uZyabO7GR++widHqbFwwWH9GID9j6jSq+mxs5Hpz9MVy8keZaV5LorUjxiXAiu0ld6PAYadPJDAC2jF+gIrIOvicRJsMpI8jRlJ8KzMjGlSJPbrBeJ8mMuteJGHmeoqbkaor86DbDblXcQ2IUu+owPxX7+uYNCMwt5lWWgSuMoWUPCtR3khoVBBaXdCEcS1lNkTYHmoJTm0xG2d0Rq9IV6fjslLg54sWq0zFV2DpVd7g1LXB6NhFx6M5VAB20CFo8l/5Q/YpNdFQouPpDfr3tPJoNOJ+Er8TPVs/vF2GIZkaUJrM/OXAgu8VEQgduosOy/SjSAYQmgyajUuQigojGTVhuMsmE9h66O72aMiecW2DyyNx1JkEXwKOuiWH9DH+hKrWS01WOlPi3ntzX/djC+nZ7ziJGa6u2I/XcOfwAXBkq8P+HyZAAAAABJRU5ErkJggg==">
  119. <h2>您可能感兴趣</h2>
  120. </div>
  121. <div class="recommend_content">
  122. <ul>
  123. <li th:each="similar,iterStart:${similarList}">
  124. <div class="recommend_content_tit">
  125. <p th:text="${similar.name}"></p>
  126. <span></span>
  127. </div>
  128. <div class="recommend_content_info">
  129. <div class="form-group">
  130. <label class="col-sm-5 control-label">价 格 :</label>
  131. <div class="col-sm-7 red" th:text="${similar.transferPriceS}">面议</div>
  132. </div>
  133. <div class="form-group">
  134. <label class="col-sm-5 control-label">所 在 地 :</label>
  135. <div class="col-sm-7" th:title="${similar.location}" th:text="${similar.location}"></div>
  136. </div>
  137. <div class="form-group">
  138. <label class="col-sm-5 control-label">技术成熟度 :</label>
  139. <div class="col-sm-7 score">
  140. <div th:style="'width:'+${similar.maturityS}">
  141. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAOBAMAAABdmRbQAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTENlvkNiwkNmv0Rmv0RmvkRmv0NmvkNlv0NlvkJnvkRlv0RlvkNlv0NmvkRmvz17xA0AAAAPdFJOUwDuDWG6gU8hyKYxmc7xz2au9FAAAADDSURBVCjPY2BgYDBmgAJmAxgLj5ALTIDFgYGgENN/BaiA/icGgkJs/xOgIvnfoAw8Qpz/J0BF5v+EMnAKNQrK//8oKMHAwCEo+P+/oGADXiGV/yDgBHSYP4jxBeg6fELxQOoryC5WkEAAiIVHiA1IQzyQ////N6iPcApxAekFYJH1////AjPwCLHCLAPZBrYfnxDP37T7B8Ai56/l/gEz8AjVP2eo+w4SYP9XwP6+gAG/kLUCA9NmcALaxMCgDU5EOIUAmwqr//APi2wAAAAASUVORK5CYII=">
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </li>
  147. </ul>
  148. </div>
  149. </div>
  150. <input type="hidden" id="achievementId" th:value="${achievement.id}">
  151. <input type="hidden" id="interestId" th:value="${achievement.interestId}">
  152. <div class="modal fade" tabindex="-1" role="dialog" id="order"
  153. aria-labelledby="myModalLabel">
  154. <div class="modal-dialog" role="document">
  155. <div class="modal-content">
  156. <div class="modal-header">
  157. <button type="button" class="close" data-dismiss="modal"
  158. aria-label="Close">
  159. <span aria-hidden="true">&times;</span>
  160. </button>
  161. <h4 class="modal-title">我要购买</h4>
  162. </div>
  163. <div class="modal-body">
  164. <div class="row">
  165. <div class="col-md-2" style="text-align: right">备注:</div>
  166. <div class="col-md-10">
  167. <textarea style="max-width: 460px" id="comment"
  168. class="form-control" rows="3"></textarea>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="modal-footer">
  173. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  174. <button type="button" class="btn btn-primary" id="submitOrder">提交</button>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <footer>
  180. <div th:replace="common::copyright"></div>
  181. </footer>
  182. <div th:replace="common::footer(~{::script})">
  183. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  184. <script type="text/javascript"
  185. th:src="${portalHost + '/highTech/detail/achievementDetail.js'}"></script>
  186. </div>
  187. </body>
  188. </html>