productCouponDetails.jsp 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <%@ taglib prefix="from" uri="http://www.springframework.org/tags/form" %>
  2. <%@ page contentType="text/html;charset=UTF-8" %>
  3. <%@ include file="/WEB-INF/views/include/taglib.jsp" %>
  4. <html>
  5. <head>
  6. <title>查看优惠券</title>
  7. <meta name="decorator" content="default"/>
  8. <style>
  9. ul,li{list-style:none;margin:0;padding:0;}
  10. .controller{padding:20px;max-width:880px;margin:0 auto;}
  11. .productDetail{display:flex;align-items:center;border:1px solid #eee;padding:12px;margin:0 auto 30px;}
  12. .productDetail .img{width:60px;height:60px;margin-right:20px;background:eee;}
  13. .productDetail .img img{height:100%;}
  14. .productDetail p{margin:0;line-height:22px;}
  15. .couponList{margin:20px auto;}
  16. .couponList h4{margin-bottom:10px;}
  17. .couponList ul{display:flex;flex-wrap:wrap;}
  18. .couponList ul:after{content:"";display:table;clear:both}
  19. .couponList ul li{list-style:none;list-style-position:inside;border:1px solid #eee;margin:0 20px 20px 0;width:250px;padding:10px}
  20. .couponList ul span{display:inline-block;width:100%;padding:2px}
  21. .couponList ul span.couponDesc{min-height:72px;}
  22. </style>
  23. </head>
  24. <body>
  25. <input type="hidden" id="ctx" value="${ctx}">
  26. <input type="hidden" id="productId" value="${product.productID}">
  27. <div class="controller">
  28. <div class="productDetail">
  29. <div class="img"><img src="${product.mainImage}" alt=""></div>
  30. <div class="detail">
  31. <p>商品名称:<a href="https://www.caimei365.com/product-${product.productID}.html">${product.name}</a></p>
  32. <p>供应商:<span>${product.shopName}</span></p>
  33. <p>机构价:<span>${product.price1}</span></p>
  34. </div>
  35. </div>
  36. <div class="couponList">
  37. <h4>普通优惠券(${ordinaryCoupons.size()})</h4>
  38. <ul>
  39. <c:forEach items="${ordinaryCoupons}" var="coupon">
  40. <li><span class="couponDesc">
  41. <span>${coupon.couponName}</span>
  42. <c:if test="${not empty coupon.redemptionCode}">
  43. <span>兑换码:${coupon.redemptionCode}</span>
  44. </c:if>
  45. <span>${coupon.couponDesc}</span>
  46. <span>有效期:<fmt:formatDate value="${coupon.startDate}" pattern="yyyy-MM-dd"/>-<fmt:formatDate value="${coupon.endDate}" pattern="yyyy-MM-dd"/></span>
  47. </span></li>
  48. </c:forEach>
  49. </ul>
  50. </div>
  51. <div class="couponList">
  52. <h4>兑换优惠券(${redeemCoupons.size()})</h4>
  53. <ul>
  54. <c:forEach items="${redeemCoupons}" var="coupon">
  55. <li><span class="couponDesc">
  56. <span>${coupon.couponName}</span>
  57. <c:if test="${not empty coupon.redemptionCode}">
  58. <span>兑换码:${coupon.redemptionCode}</span>
  59. </c:if>
  60. <span>${coupon.couponDesc}</span>
  61. <span>有效期:<fmt:formatDate value="${coupon.startDate}" pattern="yyyy-MM-dd"/>-<fmt:formatDate value="${coupon.endDate}" pattern="yyyy-MM-dd"/></span>
  62. </span></li>
  63. </c:forEach>
  64. </ul>
  65. </div>
  66. </div>
  67. </body>
  68. </html>