demandOrder.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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 +'/dll/dll.css'}" rel="stylesheet">
  8. <link th:href="${portalHost +'/vendors.css'}" rel="stylesheet">
  9. <link
  10. th:href="${portalHost + '/technologyTrading/demandOrder.css'}"
  11. rel="stylesheet">
  12. </head>
  13. <body>
  14. <header>
  15. <div th:replace="common::nav('technologyTrading','achievement')"></div>
  16. </header>
  17. <!--主体内容区域开始-->
  18. <div id="all_achievement">
  19. <div class="detail">
  20. <div id="order_title">订单确认</div>
  21. <div id="order_cont">
  22. <div class="order_cont">
  23. <div class="order_left"
  24. th:each="demand:${demand}">
  25. <div>
  26. <h4>产品名称:</h4>
  27. <p th:text="${demand.name}"></p>
  28. </div>
  29. <div>
  30. <h4>产品类型:</h4>
  31. <p th:text="${demand.industryCategoryAS}?${demand.industryCategoryAS}:暂无行业分类"></p>
  32. </div>
  33. <div>
  34. <h4>有效期:</h4>
  35. <p th:text="${demand.validityPeriodS}?${demand.validityPeriodS}:永久"></p>
  36. </div>
  37. <div>
  38. <h4>需求发布人:</h4>
  39. <p th:text="${demand.employerName}?${demand.employerName}:陈灿"></p>
  40. </div>
  41. <div>
  42. <h4>需求解决人:</h4>
  43. <p th:text="${userData != null}?${userData.nickname}:暂无"></p>
  44. </div>
  45. </div>
  46. <div class="order_right">
  47. <div class="order_right_p">
  48. <h4>需求预算:</h4>
  49. <p th:text="${demand.fixedbudget}?${demand.fixedbudget}:价格面议"></p>
  50. <span onclick="_MEIQIA('showPanel')">立即议价</span>
  51. </div>
  52. <div>
  53. <h4>电话:</h4>
  54. <p th:text="${demand.employerContactsMobile}?${demand.employerContactsMobile}:073184121803"></p>
  55. </div>
  56. <div>
  57. <h4 >电话:</h4>
  58. <p th:text="${userData != null}?${userData.mobile}:暂无"></p>
  59. </div>
  60. </div>
  61. </div>
  62. <div class="order_button">
  63. <div th:val="${demand.id}" id='id_'>加入订单</div>
  64. <div>去支付</div>
  65. </div>
  66. <div class="order_text">加入订单,技术所有人很快就会联系你呦~,技淘祝您交易成功!</div>
  67. </div>
  68. <div id="order_flow">
  69. <h3>交易流程</h3>
  70. <div>
  71. <img th:src="${portalHost+'/img/order_2.png'}" alt="" />
  72. </div>
  73. </div>
  74. <div class="detail_bottom">
  75. <div class="line">猜你喜欢</div>
  76. <div class="main_introduce">
  77. <ul>
  78. <li th:each="redemandlist:${redemandlist}">
  79. <div th:if="${redemandlist.pictureUrl} == null " >
  80. <img th:src="${avatarUploadHost+ '/default/xuqiuimg_null.png'}" alt=""/>
  81. </div>
  82. <div th:if="${redemandlist.pictureUrl} != null" >
  83. <img th:src="${avatarUploadHost+redemandlist.pictureUrl}" alt=""/>
  84. </div>
  85. <div class="list_text">
  86. <p>
  87. 行业:<span th:text="${redemandlist.industryCategoryAS}?${redemandlist.industryCategoryAS}:暂无行业分类"></span>
  88. </p>
  89. <p >
  90. 名称:<span th:text="${redemandlist.name}?${redemandlist.name}:暂无名称"></span>
  91. </p>
  92. <p>
  93. 类型:<span th:text="${redemandlist.demandTypeS}?${redemandlist.demandTypeS}:暂无分类"></span>
  94. </p>
  95. <p class="money">
  96. 预算:<span th:text="${redemandlist.fixedbudget}?${redemandlist.fixedbudget}:价格面议"></span>
  97. </p>
  98. <p th:text="${redemandlist.id}" class="demandId"></p>
  99. <p th:text="${redemandlist.dataCategory}" class="demandTyp"></p>
  100. <a href="#">了解详情</a>
  101. </div>
  102. <!-- <div class="star">
  103. <p>精品:</p>
  104. <ol>
  105. <li></li>
  106. <li></li>
  107. <li></li>
  108. <li></li>
  109. <li></li>
  110. </ol>
  111. </div> -->
  112. </li>
  113. </ul>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. <!--主体内容区域结束-->
  119. <div class="pub_fix">
  120. <span class="index_blur"></span>
  121. <ul class="ret_top">
  122. <li><a href=""> <img
  123. th:src="${portalHost + '/img/index_fix1.png'}" alt="" />
  124. <p>发布需求</p>
  125. </a></li>
  126. <li><a href=""><img
  127. th:src="${portalHost + '/img/index_fix2.png'}" alt="" />
  128. <p>发布技术</p> </a></li>
  129. <li><a onclick="_MEIQIA('showPanel')"> <img
  130. th:src="${portalHost + '/img/index_fix3.png'}" alt="" />
  131. <p>联系客服</p>
  132. </a></li>
  133. <li><a href="" class="pendent_box"> <img
  134. th:src="${portalHost + '/img/index_fix4.png'}" alt="" />
  135. <p>返回顶部</p>
  136. </a></li>
  137. </ul>
  138. <span class="index_orange"></span>
  139. </div>
  140. <footer>
  141. <div th:replace="common::copyright"></div>
  142. <div th:replace="common::login"></div>
  143. </footer>
  144. <div th:replace="common::footer(~{::script})">
  145. <script type="text/javascript" th:src="${portalHost + '/dll/dll.js'}"></script>
  146. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  147. <script type="text/javascript"
  148. th:src="${portalHost + '/technologyTrading/demandOrder.js'}"></script>
  149. </div>
  150. </body>
  151. </html>