achievementDetail.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  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> <a
  18. href="/user/signIn.html">注册</a> <a href="#">导航</a> <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','')"></div>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="secondary_navigation"></div>
  36. </div>
  37. <div class="container transaction_info">
  38. <div class="transaction_img">
  39. <div class="img_b">
  40. <img th:if="${achievement.pictureList != null}"
  41. th:src="${avatarUploadHost+achievement.pictureList[0]}">
  42. </div>
  43. <div class="img_list">
  44. <ul>
  45. <li th:each="img,iterStart:${achievement.pictureList}"
  46. th:class="${iterStart.index==0} ? 'active'"><img
  47. th:src="${avatarUploadHost+img}"></li>
  48. </ul>
  49. </div>
  50. </div>
  51. <div class="transaction_basic">
  52. <h3 th:text="${achievement.name}"
  53. style="font-size: 22px; color: #58a3ff;"></h3>
  54. <div class="form-group">
  55. <label class="col-sm-2 control-label">所有人:</label>
  56. <div class="col-sm-7" th:text="${achievement.ownerName}"></div>
  57. </div>
  58. <div class="form-group">
  59. <label class="col-sm-2 control-label">标 签:</label>
  60. <div class="col-sm-7" th:text="${achievement.keyword}"></div>
  61. </div>
  62. <div class="form-group price">
  63. <label class="col-sm-2 control-label">价 格:</label>
  64. <div class="col-sm-7 price">
  65. <i th:text="${achievement.transferModeS}">完全转让</i> <span
  66. th:text="${achievement.transferPriceS}">面议</span>
  67. </div>
  68. </div>
  69. <div class="form-group boder_bt">
  70. <label class="col-sm-2 control-label">技术成熟度:</label>
  71. <div class="col-sm-4" th:text="${achievement.maturityS}"></div>
  72. </div>
  73. <div class="form-group">
  74. <label class="col-sm-2 control-label">所 在 地:</label>
  75. <div class="col-sm-4" th:text=${achievement.location}></div>
  76. <label class="col-sm-2 control-label">最 近 更 新:</label>
  77. <div class="col-sm-4"
  78. th:text="${achievement.releaseDateFormattedDate}"></div>
  79. </div>
  80. <div class="form-group">
  81. <label class="col-sm-2 control-label">行 业:</label>
  82. <div class="col-sm-7" th:text=${achievement.field}></div>
  83. </div>
  84. <div class="form-group" th:if="${isLogin}">
  85. <div class="col-sm-4">
  86. <button id="interest"
  87. th:class="${achievement.interestId != null} ? 'btn btn-default like' : 'btn btn-default dislike'">我感兴趣</button>
  88. </div>
  89. <div class="col-sm-4">
  90. <button data-toggle="modal" data-target="#order"
  91. class="btn btn-default purchase">我要购买</button>
  92. </div>
  93. </div>
  94. <div class="form-group" th:if="${!isLogin}">
  95. <div class="col-sm-4">
  96. <button class="btn btn-default dislike"
  97. onclick="window.open('/user/signIn.html')">我感兴趣</button>
  98. </div>
  99. <div class="col-sm-4">
  100. <button class="btn btn-default purchase"
  101. onclick="window.open('/user/signIn.html')">我要购买</button>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="container introduce details">
  107. <h2>专利详情:</h2>
  108. <p th:text="${achievement.patentCase}"></p>
  109. </div>
  110. <div class="container introduce">
  111. <h2>技术简介:</h2>
  112. <p th:text="${achievement.introduction}"></p>
  113. </div>
  114. <div class="container recommend">
  115. <div class="recommend_title">
  116. <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==">
  117. <h2>您可能感兴趣</h2>
  118. </div>
  119. <div class="recommend_content">
  120. <ul>
  121. <li th:each="similar,iterStart:${similarList}">
  122. <div class="recommend_content_tit">
  123. <p th:text="${similar.name}"></p>
  124. <span></span>
  125. </div>
  126. <div class="recommend_content_info">
  127. <div class="form-group">
  128. <label class="col-sm-5 control-label">价 格 :</label>
  129. <div class="col-sm-7 red" th:text="${similar.transferPriceS}">面议</div>
  130. </div>
  131. <div class="form-group">
  132. <label class="col-sm-5 control-label">所 在 地 :</label>
  133. <div class="col-sm-7" th:text="${similar.location}"></div>
  134. </div>
  135. <div class="form-group">
  136. <label class="col-sm-5 control-label">技术成熟度 :</label>
  137. <div class="col-sm-7 score">
  138. <div th:style="'width:'+${similar.maturityS}">
  139. <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=">
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </li>
  145. </ul>
  146. </div>
  147. </div>
  148. <input type="hidden" id="achievementId" th:value="${achievement.id}">
  149. <input type="hidden" id="interestId" th:value="${achievement.interestId}">
  150. <div class="modal fade" tabindex="-1" role="dialog" id="order"
  151. aria-labelledby="myModalLabel">
  152. <div class="modal-dialog" role="document">
  153. <div class="modal-content">
  154. <div class="modal-header">
  155. <button type="button" class="close" data-dismiss="modal"
  156. aria-label="Close">
  157. <span aria-hidden="true">&times;</span>
  158. </button>
  159. <h4 class="modal-title">我要购买</h4>
  160. </div>
  161. <div class="modal-body">
  162. <div class="row">
  163. <div class="col-md-2" style="text-align: right">备注:</div>
  164. <div class="col-md-10">
  165. <textarea style="max-width: 460px" id="comment"
  166. class="form-control" rows="3"></textarea>
  167. </div>
  168. </div>
  169. </div>
  170. <div class="modal-footer">
  171. <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  172. <button type="button" class="btn btn-primary" id="submitOrder">提交</button>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. <footer>
  178. <div th:replace="common::copyright"></div>
  179. </footer>
  180. <div th:replace="common::footer(~{::script})">
  181. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  182. <script type="text/javascript"
  183. th:src="${portalHost + '/highTech/detail/achievementDetail.js'}"></script>
  184. </div>
  185. </body>
  186. </html>