1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <%@ taglib prefix="from" uri="http://www.springframework.org/tags/form" %>
- <%@ page contentType="text/html;charset=UTF-8" %>
- <%@ include file="/WEB-INF/views/include/taglib.jsp" %>
- <html>
- <head>
- <title>查看优惠券</title>
- <meta name="decorator" content="default"/>
- <style>
- ul,li{list-style:none;margin:0;padding:0;}
- .controller{padding:20px;max-width:880px;margin:0 auto;}
- .productDetail{display:flex;align-items:center;border:1px solid #eee;padding:12px;margin:0 auto 30px;}
- .productDetail .img{width:60px;height:60px;margin-right:20px;background:eee;}
- .productDetail .img img{height:100%;}
- .productDetail p{margin:0;line-height:22px;}
- .couponList{margin:20px auto;}
- .couponList h4{margin-bottom:10px;}
- .couponList ul{display:flex;flex-wrap:wrap;}
- .couponList ul:after{content:"";display:table;clear:both}
- .couponList ul li{list-style:none;list-style-position:inside;border:1px solid #eee;margin:0 20px 20px 0;width:250px;padding:10px}
- .couponList ul span{display:inline-block;width:100%;padding:2px}
- .couponList ul span.couponDesc{min-height:72px;}
- </style>
- </head>
- <body>
- <input type="hidden" id="ctx" value="${ctx}">
- <input type="hidden" id="productId" value="${product.productID}">
- <div class="controller">
- <div class="productDetail">
- <div class="img"><img src="${product.mainImage}" alt=""></div>
- <div class="detail">
- <p>商品名称:<a href="https://www.caimei365.com/product-${product.productID}.html">${product.name}</a></p>
- <p>供应商:<span>${product.shopName}</span></p>
- <p>机构价:<span>${product.price1}</span></p>
- </div>
- </div>
- <div class="couponList">
- <h4>普通优惠券(${ordinaryCoupons.size()})</h4>
- <ul>
- <c:forEach items="${ordinaryCoupons}" var="coupon">
- <li><span class="couponDesc">
- <span>${coupon.couponName}</span>
- <c:if test="${not empty coupon.redemptionCode}">
- <span>兑换码:${coupon.redemptionCode}</span>
- </c:if>
- <span>${coupon.couponDesc}</span>
- <span>有效期:<fmt:formatDate value="${coupon.startDate}" pattern="yyyy-MM-dd"/>-<fmt:formatDate value="${coupon.endDate}" pattern="yyyy-MM-dd"/></span>
- </span></li>
- </c:forEach>
- </ul>
- </div>
- <div class="couponList">
- <h4>兑换优惠券(${redeemCoupons.size()})</h4>
- <ul>
- <c:forEach items="${redeemCoupons}" var="coupon">
- <li><span class="couponDesc">
- <span>${coupon.couponName}</span>
- <c:if test="${not empty coupon.redemptionCode}">
- <span>兑换码:${coupon.redemptionCode}</span>
- </c:if>
- <span>${coupon.couponDesc}</span>
- <span>有效期:<fmt:formatDate value="${coupon.startDate}" pattern="yyyy-MM-dd"/>-<fmt:formatDate value="${coupon.endDate}" pattern="yyyy-MM-dd"/></span>
- </span></li>
- </c:forEach>
- </ul>
- </div>
- </div>
- </body>
- </html>
|