码迷,mamicode.com
首页 > 其他好文 > 详细

我的预定订单页面

时间:2019-04-23 11:00:44      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:char   动态添加   transform   null   efi   relative   after   shelve   comment   

  1 <%@ page language="java" contentType="text/html;charset=UTF-8"%>
  2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  3 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  4 <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
  5 <%@include file="/jsp/common/common_ctx.jsp" %>
  6 <jsp:include page="/jsp/common/taglibs.jsp"></jsp:include>
  7 <meta name="robots" content="nofollow" />
  8 <script src="${urlPrefix.j1Static}/js/myec/my-reservationOrderList.js?v=${codeVersion}"></script>
  9 <script type="text/javascript">
 10     <!--
 11     function checkComment(goodsId, productId, url) {
 12         window.location.href = url;
 13     }
 14     //-->
 15 </script>
 16 
 17 <jsp:include page="/jsp/home_v1/header.jsp" />
 18 <jsp:include page="/jsp/home_v1/tool.jsp" />
 19 <input type="hidden" id="operation" />
 20 <style>
 21     .taiping-title {
 22         padding: 10px 0px 10px 14px;
 23         border-bottom: 2px solid #ae060f;
 24         overflow: hidden;
 25     }
 26 
 27     .taiping-title h3 {
 28         color: #c65057;
 29         font-size: 14px;
 30         font-weight: bold;
 31         float: left;
 32     }
 33 
 34     .order_nav {
 35         width: 100%;
 36         overflow: hidden;
 37         border-bottom: 2px solid #c20712;
 38     }
 39 
 40     .order_nav ul {
 41         float: left;
 42     }
 43 
 44     .order_nav ul li {
 45         padding: 6px 32px 4px 32px;
 46         background: #f5f5f5;
 47         float: left;
 48         text-align: center;
 49         font-weight: bold;
 50         margin-right: 2px;
 51     }
 52 
 53     .order_nav ul li {
 54         cursor: pointer;
 55     }
 56 
 57     .tp-tab-checked {
 58         background: #c20712 !important;
 59         color: #fff !important;
 60     }
 61 
 62     .olist_time {
 63         padding: 10px 0 21px 20px;
 64     }
 65 
 66     .olist_schedule {
 67         border: 1px solid #e5e5e5;
 68         padding: 37px 202px 30px 202px;
 69         margin-top: 11px;
 70         overflow: hidden;
 71     }
 72 
 73     .olist_schedule ul li {
 74         float: left;
 75     }
 76 
 77     .red {
 78         color: #ae060f !important;
 79     }
 80 
 81     .red cite {
 82         border-color: #ae060f !important;
 83     }
 84 
 85     .red cite:after {
 86         border-color: #ae060f !important;
 87     }
 88 
 89     .s_bottom {
 90         margin-top: 36px;
 91     }
 92 
 93     .s_top, .s_bottom, .s_top_4 {
 94         width: 84px;
 95         padding-right: 50px;
 96         position: relative;
 97     }
 98 
 99     .s_top span, .s_bottom span, .s_top_4 span {
100         display: block;
101         text-align: center;
102     }
103 
104     .s_top cite, .s_bottom cite {
105         display: block;
106         width: 46px;
107         border-top: 1px dashed #7e7e7e;
108         position: absolute;
109         right: 5px;
110         top: 50%;
111         transform: translateY(-50%);
112         -webkit-transform: translateY(-50%);
113     }
114 
115     .s_top cite:after {
116         width: 12px;
117         height: 12px;
118         border-top: 2px solid #7e7e7e;
119         border-right: 2px solid #7e7e7e;
120         content: " ";
121         position: absolute;
122         right: -3px;
123         top: -8px;
124         transform: rotate(45deg);
125         -webkit-transform: rotate(45deg);
126         border-radius: 3px;
127     }
128 
129     .s_bottom cite:after {
130         width: 12px;
131         height: 12px;
132         border-top: 2px solid #7e7e7e;
133         border-right: 2px solid #7e7e7e;
134         content: " ";
135         position: absolute;
136         left: -3px;
137         top: -8px;
138         transform: rotate(219deg);
139         -webkit-transform: rotate(219deg);
140         border-radius: 3px;
141     }
142 
143     .s_top_4 cite {
144         width: 75px;
145         height: 108px;
146         border-top: 1px dashed #7e7e7e;
147         border-right: 1px dashed #7e7e7e;
148         border-bottom: 1px dashed #7e7e7e;
149         position: absolute;
150         right: -30px;
151         top: 50%;
152         border-top-right-radius: 4em;
153         border-bottom-right-radius: 4em;
154     }
155 
156     .s_top_4 cite:after {
157         width: 12px;
158         height: 12px;
159         border-top: 2px solid #7e7e7e;
160         border-right: 2px solid #7e7e7e;
161         content: " ";
162         position: absolute;
163         left: -3px;
164         bottom: -8px;
165         transform: rotate(219deg);
166         -webkit-transform: rotate(219deg);
167         border-radius: 3px;
168     }
169 
170     .olist_text {
171         display: block;
172         background: #f7f7f7;
173         padding: 27px 85px 20px 85px;
174         margin-top: 18px;
175         border: 1px solid #e5e5e5;
176         overflow: hidden;
177     }
178 
179     .olist_text li {
180         float: left;
181         width: 305px;
182     }
183 
184     .olist_text li span {
185         display: block;
186         width: 100%;
187         text-align: left;
188     }
189 
190     .olist_logistics {
191         display: block;
192         margin-top: 18px;
193         border: 1px solid #e5e5e5;
194         overflow: hidden;
195         padding: 10px 85px 10px 85px;
196     }
197 
198     .olist_logistics span {
199         display: block;
200         float: left;
201         width: 80%;
202     }
203 
204     .olist_logistics name {
205         display: block;
206         float: left;
207         width: 93px;
208     }
209 
210     .olist_limg {
211         display: block;
212         width: 86px;
213         height: 39px;
214         position: relative;
215     }
216 
217     .olist_limg img {
218         margin: auto;
219         display: block;
220         max-width: 100%;
221         max-height: 100%;
222         position: absolute;
223         right: 0;
224         top: 0;
225         left: 0;
226         bottom: 0;
227     }
228 
229     .olist_img_box {
230         width: 127px;
231     }
232 
233     .olist_img {
234         width: 68px;
235         height: 68px;
236         border: 1px solid #e5e5e5;
237         float: left;
238         margin: 19px 31px;
239         position: relative;
240     }
241 
242     .olist_img img {
243         margin: auto;
244         display: block;
245         max-width: 100%;
246         max-height: 100%;
247         position: absolute;
248         right: 0;
249         top: 0;
250         left: 0;
251         bottom: 0;
252     }
253 
254     .olist_num {
255         width: 100px;
256     }
257 
258     .olist_name {
259         width: 150px;
260         padding: 20px 34px;
261     }
262 
263     .olist_spec {
264         width: 103px;
265     }
266 
267     .olist_num1 {
268         width: 82px;
269     }
270 
271     .olist_price {
272         width: 173px;
273     }
274 
275     .olist_price span {
276         display: block;
277         width: 139px;
278         text-align: left;
279         padding-left: 24px;
280     }
281 
282     .olist_list {
283         text-align: center;
284     }
285 
286     .olist_list, .olist_list td {
287         border-left: 1px solid #e5e5e5;
288         border-bottom: 1px solid #e5e5e5;
289         border-right: 1px solid #e5e5e5;
290     }
291 
292     .olist_total {
293         float: right;
294     }
295 
296     .olist_total p {
297         text-align: right;
298     }
299 
300     .olist_total b {
301         color: #c20712;
302         font-size: 16px;
303     }
304 
305     /*下面为2个页面的公共样式*/
306     .order_box {
307         margin: 20px 0 26px 0;
308         border: 1px solid #e5e5e5;
309     }
310 
311     .order_date td {
312         padding: 6px 0;
313     }
314 
315     .order_date span {
316         margin: 0 16px;
317         color: #c1c1c1;
318     }
319 
320     .order_date span cite {
321         color: #333333;
322         margin-left: 10px;
323     }
324 
325     .order_title {
326         background: #f5f5f5;
327     }
328 
329     .order_title th {
330         padding: 6px 0;
331     }
332 
333     .order_number {
334         width: 122px;
335     }
336 
337     .order_state {
338         width: 173px;
339     }
340 
341     .order_handle {
342         width: 144px;
343     }
344 
345     .order_handle span, .order_handle a {
346         display: block;
347 
348     }
349 
350     .order_handle a {
351         color: #4c89c5;
352     }
353 
354     .order_pay {
355         color: #fff;
356         padding: 4px 8px 7px 8px;
357         background: #fc8524;
358         border: none;
359         border-radius: 5px;
360         cursor: pointer;
361     }
362 
363     .order_none {
364         width: 100%;
365         text-align: center;
366         padding-top: 20px;
367     }
368 </style>
369 <div id="myeccontainer">
370     <div class="msg">
371         <a href="${urlPrefix.j1Web}/">首页</a> > 我的健一网 > 我的药品预约订单
372     </div>
373     <div class="clearfix">
374         <div id="myeccollection-left">
375             <div class="left1">
376                 <jsp:include page="/jsp/common/myec_left.jsp">
377                     <jsp:param value="myReservationOrder" name="fromPage" />
378                 </jsp:include>
379             </div>
380         </div>
381         <c:choose>
382             <c:when test="${model.detail == ‘able‘ }">
383                 <!-- 订单详情 -->
384                 <div id="detailCollection">
385                     <div id="myeccollection-right">
386                         <div class="shelves-title">
387                             <div class="shelves-t-left">订单编号:${model.orderList.orderId }</div>
388                             <div class="shelves-t-right"></div>
389                         </div>
390                         <div id="myecorder2-content">
391                             <div class="integral-content">
392                                 <div class="integral-01">
393                                     <c:if test="${model.orderList.codeNo == ‘commit‘}">
394                                         <c:if test="${model.orderList.paymentMode == ‘KDFH‘ }">
395                                             <c:if test="${model.orderList.isPaid != ‘Y‘ && model.isSealedMember eq ‘N‘}">
396                                                 <input name="" type="button" class="pay-btn" style="cursor: pointer;" onclick="commitMyecOrder(‘${model.orderList.orderId }‘)" />
397                                             </c:if>
398                                         </c:if>
399                                     </c:if>
400                                     订单状态:${model.orderList.codeValue }
401                                 </div>
402                                 <div class="integral-01">下单时间:${model.orderList.commitTime }</div>
403                                 <div class="clear"></div>
404                             </div>
405 
406                             <!-- 下单流程图,动态添加删除类名为 red -->
407                             <div class=‘olist_schedule‘>
408 
409                                 <ul>
410                                     <c:forEach items="${model.orderStatusMap}" var="entry">
411                                         <c:set var="key" value="${entry.key}"></c:set>
412                                         <c:set var="value" value="${entry.value}"></c:set>
413                                     </c:forEach>
414 
415                                     <c:if test="${not empty model.orderStatusList}">
416                                         <c:forEach var="orderStatus" items="${model.orderStatusList}">
417                                             <c:if test="${orderStatus.key le key}">
418                                                 <li class=‘s_top red‘>
419                                                         ${orderStatus.value}
420                                                     <c:if test="${orderStatus.value !=‘已完成‘}">
421                                                         <cite></cite>
422                                                     </c:if>
423                                                 </li>
424                                             </c:if>
425 
426                                             <c:if test="${orderStatus.key gt key}">
427                                                 <li class=‘s_top black‘>
428                                                         ${orderStatus.value}
429                                                     <c:if test="${orderStatus.value !=‘已完成‘}">
430                                                         <cite></cite>
431                                                     </c:if>
432                                                 </li>
433                                             </c:if>
434                                         </c:forEach>
435                                     </c:if>
436 
437                                 </ul>
438                             </div>
439                             <!-- 收货人信息 -->
440                             <div class=‘olist_logistics‘>
441                                 <p>
442                                     <name>收货人:</name>
443                                     <span>${model.orderList.receiveUser }</span>
444                                 </p>
445                                 <p>
446                                     <name>收货地址:</name>
447                                     <span>${model.orderList.receiveFullAddress }
448                                         <c:if test="${model.orderList.paymentMode==‘ZTFK‘}"><font
449                                                 color="red">[自提]</font>
450                                         </c:if>
451                                     </span>
452                                 </p>
453                                 <p>
454                                     <name>邮编地址:</name>
455                                     <span>
456                                         <c:choose>
457                                             <c:when test="${model.orderList.receivePost == ‘null‘ || model.orderList.receivePost eq null }">
458                                                 00000
459                                             </c:when>
460                                             <c:otherwise>${model.orderList.receiveTel }</c:otherwise>
461 
462                                         </c:choose>
463                                     </span>
464                                 </p>
465                                 <p>
466                                     <name>电话:</name>
467                                     <span>${model.orderList.receiveMobile }</span>
468                                 </p>
469                             </div>
470                             <ul class=‘olist_text‘>
471                                 <li>
472                                     <span>处理时间</span>
473                                     <div>
474                                         <c:forEach var="orderLog" items="${model.orderLogList}">
475                                             <span>${orderLog.logTime}</span>
476                                         </c:forEach>
477                                     </div>
478                                 </li>
479                                 <li>
480                                     <span>处理意见</span>
481 
482                                     <div>
483                                         <c:forEach var="orderLog" items="${model.orderLogList}">
484                                             <span>${orderLog.logContent}</span>
485                                         </c:forEach>
486                                     </div>
487                                 </li>
488                             </ul>
489                             <c:if test="${model.orderList.paymentTypeName != null}">
490 
491                                 <div class=‘olist_logistics‘>
492                                     <p>
493                                         <name>支付方式:</name>
494                                         <span>
495                                                 <cite class=‘olist_limg‘>
496                                                    <c:forEach var="item" items="${model.paymentTypeList}" varStatus="v">
497                                                        <c:choose>
498                                                            <c:when test="${item.paymentTypeLogo != null}">
499                                                                <img src="https://img.j1.com/${item.paymentTypeLogo}"/>
500                                                            </c:when>
501                                                            <c:otherwise>
502                                                                ${item.paymentTypeName } &nbsp;&nbsp;
503                                                            </c:otherwise>
504                                                        </c:choose>
505                                                    </c:forEach>
506                                                  </cite>
507                                         </span>
508                                     </p>
509                                 </div>
510                             </c:if>
511                             <c:if test="${not empty model.parcelList}">
512 
513                                 <c:if test="${fn:length(model.parcelList) gt 1  }">
514                                     <c:set var="len" value="${fn:length(model.parcelList)}"/>
515                                 </c:if>
516                                 <c:choose>
517                                     <c:when test="${fn:length(model.parcelList) eq 1 }">
518                                         <div class=‘order_nav‘>
519                                             <ul>
520                                                 <li class=‘tp-tab-checked‘ id="1">
521                                                     包裹
522                                                 </li>
523                                             </ul>
524                                             <!-- 商品列表 -->
525                                             <table width=‘100%‘ class=‘order_box‘>
526                                                 <tbody width="100%">
527                                                 <tr width="100%" class=‘order_title‘>
528                                                     <th>商品编号</th>
529                                                     <th>商品图片</th>
530                                                     <th>商品名称</th>
531                                                     <th>规格</th>
532                                                     <th>数量</th>
533                                                     <th>实付款(元)</th>
534                                                     <th>操作</th>
535                                                 </tr>
536                                                 <c:forEach var="parcelItem" items="${model.parcelList}">
537                                                     <c:forEach var="items" varStatus="st" begin="0" step="1"
538                                                                items="${parcelItem.orderItemList }">
539                                                         <c:set var="len"
540                                                                value="${fn:length(parcelItem.orderItemList)}"/>
541                                                         <c:if test="${len > 2}">
542                                                             <c:set var="td_cls" value="bian-b"/>
543                                                         </c:if>
544                                                         <tr class=‘olist_list‘>
545                                                             <td class=‘olist_num‘>${items.goodsNo}</td>
546                                                             <td class="olist_img_box">
547                                                                 <a href="${urlPrefix.j1Web}/product/${items.productId }-${items.goodsId }.html"
548                                                                    target="_blank">
549                                                                     <div class=‘olist_img‘>
550                                                                         <img src="${items.proImageUrl}" />
551                                                                     </div>
552                                                                 </a>
553                                                             </td>
554                                                             <td class="olist_name">
555                                                                     ${items.goodsName}
556                                                             </td>
557 
558 
559                                                             <td class=‘olist_spec‘>
560                                                                 <span>${items.goodsName}</span>
561                                                             </td>
562                                                             <!-- 出现2行以上td添加类 bian-b -->
563                                                             <td class="olist_num1 ${td_cls}">×${items.goodsAmount}
564                                                             </td>
565                                                             <!--  订单列表 -->
566                                                             <c:if test="${st.index == 0}">
567                                                                 <!-- 有几行数字就是几rowspan="2" -->
568                                                                 <td rowspan="${len}" class="order_price"><p>
569                                                                     商品总价:¥<fmt:formatNumber
570                                                                         pattern="#0.00#"
571                                                                         value="${empty model.orderList.skuFee ?0.00:model.orderList.skuFee}"/></p>
572 
573                                                                     <p>运费金额:¥<fmt:formatNumber pattern="#0.00#"
574                                                                                                value="${empty model.orderList.deliveryFee ?0.00:model.orderList.deliveryFee}"/></p>
575                                                                     <c:set var="disFee"
576                                                                            value="${model.orderList.discountFee+model.orderList.orderPoints+model.orderList.orderVouchers+model.orderList.otherDiscounts}"/>
577 
578                                                                     <p>优惠金额:¥<fmt:formatNumber pattern="#0.00#"
579                                                                                                value="${empty disFee ?0.00:disFee}"/></p>
580 
581                                                                     <p>积分抵扣金额:¥<fmt:formatNumber pattern="#0.00#"
582                                                                                                  value="${empty model.orderList.orderPoints ?0.00:model.orderList.orderPoints}"/></p>
583 
584                                                                     <p>税费金额:¥<fmt:formatNumber pattern="#0.00#"
585                                                                                                value="${empty model.orderList.taxFee ?0.00:model.orderList.taxFee}"/></p>
586 
587                                                                     <p>订单合计:
588 
589                                                                         ¥<fmt:formatNumber pattern="#0.00#"
590                                                                                            value="${empty model.orderList.orderFee ?0.00:model.orderList.orderFee}"/>
591 
592 
593                                                                         <c:choose>
594                                                                             <c:when test="${not empty model.orderList.paymentTypeName}">(${model.orderList.paymentTypeName })</c:when>
595                                                                         </c:choose>
596                                                                     </p>
597                                                                 </td>
598                                                                 <td rowspan="${len}" class="order_handle" rowspan="20">
599                                                                     <c:if test="${model.isSealedMember eq ‘N‘}"><a
600                                                                         href="${urlPrefix.j1Web}/comment.html">评价</c:if></a>
601 
602                                                                 </td>
603                                                             </c:if>
604                                                         </tr>
605 
606                                                         <c:if test="${items.drugPrescriptionType == ‘TC‘ }">
607                                                             <tr>
608                                                                 <td colspan="6" align="center" class="process-bottom">
609                                                                     <div align="center">
610                                                                         <p>
611                                                                             <span style="color: #333333;font-size:14px;">订单详情,请致电</span>
612                                                                             <span style="color: #FF0000;font-size:14px;">4007-092-988咨询药师</span>
613                                                                         </p>
614                                                                     </div>
615                                                                 </td>
616                                                             </tr>
617                                                         </c:if>
618 
619 
620                                                     </c:forEach>
621                                                 </c:forEach>
622                                                 </tr>
623                                                 </tbody>
624                                             </table>
625 
626                                         </div>
627                                     </c:when>
628 
629                                 </c:choose>
630                                 <c:if test="${fn:length(model.parcelList) ge 2  }">
631 
632                                     <c:forEach var="parcelItem" items="${model.parcelList}">
633                                         <div class=‘order_nav‘>
634                                             <ul>
635                                                 <c:choose>
636                                                     <c:when test="${parcelItem.parcelNameNum==‘1‘}">
637                                                         <li class=‘tp-tab-checked‘ id=" ${parcelItem.parcelNameNum}">
638                                                                 ${parcelItem.parcelName}
639                                                         </li>
640                                                     </c:when>
641                                                     <c:otherwise>
642                                                         <li class="tp-tab-checked" id=" ${parcelItem.parcelNameNum}">
643                                                                 ${parcelItem.parcelName}
644                                                         </li>
645                                                     </c:otherwise>
646                                                 </c:choose>
647                                             </ul>
648                                             <!-- 商品列表 -->
649                                             <table width=‘100%‘ class=‘order_box‘>
650                                                 <tbody width="100%">
651                                                 <tr width="100%" class=‘order_title‘>
652                                                     <th>商品编号</th>
653                                                     <th>商品图片</th>
654                                                     <th>商品名称</th>
655                                                     <th>规格</th>
656                                                     <th>数量</th>
657                                                     <th>实付款(元)</th>
658                                                     <th>操作</th>
659                                                 </tr>
660 
661                                                 <c:forEach var="items" varStatus="st" begin="0" step="1"
662                                                            items="${parcelItem.orderItemList }">
663                                                     <c:set var="len" value="${fn:length(parcelItem.orderItemList)}"/>
664                                                     <c:if test="${len > 2}">
665                                                         <c:set var="td_cls" value="bian-b"/>
666                                                     </c:if>
667                                                     <tr class=‘olist_list‘>
668                                                         <td class=‘olist_num‘>${items.goodsNo}</td>
669                                                         <td class="olist_img_box">
670                                                             <a href="${urlPrefix.j1Web}/product/${items.productId }-${items.goodsId }.html"
671                                                                target="_blank">
672                                                                 <div class=‘olist_img‘>
673                                                                     <img src="${items.proImageUrl}" />
674                                                                 </div>
675                                                             </a>
676                                                         </td>
677                                                         <td class="olist_name">
678                                                                 ${items.goodsName}
679                                                         </td>
680 
681 
682                                                         <td class=‘olist_spec‘>
683                                                             <span>${items.goodsName}</span>
684                                                         </td>
685                                                         <!-- 出现2行以上td添加类 bian-b -->
686                                                         <td class="olist_num1 ${td_cls}">×${items.goodsAmount}
687                                                         </td>
688                                                         <!--  订单列表 -->
689                                                         <c:if test="${st.index == 0}">
690                                                             <!-- 有几行数字就是几rowspan="2" -->
691                                                             <td rowspan="${len}" class="order_price"><p>
692                                                                 商品总价:¥<fmt:formatNumber
693                                                                     pattern="#0.00#"
694                                                                     value="${empty model.orderList.skuFee ?0.00:model.orderList.skuFee}"/></p>
695 
696                                                                 <p>运费金额:¥<fmt:formatNumber pattern="#0.00#"
697                                                                                            value="${empty model.orderList.deliveryFee ?0.00:model.orderList.deliveryFee}"/></p>
698                                                                 <c:set var="disFee"
699                                                                        value="${model.orderList.discountFee+model.orderList.orderPoints+model.orderList.orderVouchers+model.orderList.otherDiscounts}"/>
700                                                                 <p>优惠金额:¥<fmt:formatNumber pattern="#0.00#"
701                                                                                            value="${empty disFee ?0.00:disFee}"/></p>
702 
703 
704                                                                 <p>积分抵扣金额:¥<fmt:formatNumber pattern="#0.00#"
705                                                                                              value="${empty model.orderList.discountFee.orderPoints ?0.00:model.orderList.discountFee.orderPoints}"/></p>
706 
707                                                                 <p>税费金额:¥<fmt:formatNumber pattern="#0.00#"
708                                                                                            value="${empty model.orderList.taxFee ?0.00:model.orderList.taxFee}"/></p>
709 
710                                                                 <p>订单合计:
711                                                                     ¥<fmt:formatNumber pattern="#0.00#"
712                                                                                        value="${empty model.orderList.orderFee ?0.00:model.orderList.orderFee}"/>
713 
714 
715                                                                     <c:choose>
716                                                                         <c:when test="${not empty model.orderList.paymentTypeName}">(${model.orderList.paymentTypeName })</c:when>
717                                                                     </c:choose>
718                                                                 </p>
719                                                             </td>
720                                                             <td rowspan="${len}" class="order_handle" rowspan="20">
721                                                                 <c:if test="${model.isSealedMember eq ‘N‘}"><a
722                                                                     href="${urlPrefix.j1Web}/comment.html">评价</c:if></a>
723 
724                                                             </td>
725                                                         </c:if>
726                                                     </tr>
727 
728                                                     <c:if test="${items.drugPrescriptionType == ‘TC‘ }">
729                                                         <tr>
730                                                             <td colspan="6" align="center" class="process-bottom">
731                                                                 <div align="center">
732                                                                     <p>
733                                                                         <span style="color: #333333;font-size:14px;">订单详情,请致电</span>
734                                                                         <span style="color: #FF0000;font-size:14px;">4007-092-988咨询药师</span>
735                                                                     </p>
736                                                                 </div>
737                                                             </td>
738                                                         </tr>
739                                                     </c:if>
740                                                 </c:forEach>
741 
742                                                 </tr>
743                                                 </tbody>
744                                             </table>
745 
746                                         </div>
747                                     </c:forEach>
748                                 </c:if>
749                             </c:if>
750 
751                             <c:if test="${ not empty model.itemsList }">
752                                 <!-- 商品列表 -->
753                                 <table width=‘100%‘ class=‘order_box‘>
754                                     <tbody width="100%">
755                                     <tr width="100%" class=‘order_title‘>
756                                         <th>商品编号</th>
757                                         <th>商品图片</th>
758                                         <th>商品名称</th>
759                                         <th>规格</th>
760                                         <th>数量</th>
761                                         <th>实付款(元)</th>
762                                         <th>操作</th>
763                                     </tr>
764                                     <c:forEach var="items" varStatus="st" begin="0" step="1"
765                                                items="${model.itemsList }">
766                                         <c:set var="len"
767                                                value="${fn:length(model.itemsList)}"/>
768                                         <c:if test="${len > 2}">
769                                             <c:set var="td_cls" value="bian-b"/>
770                                         </c:if>
771                                         <tr class=‘olist_list‘>
772                                             <td class=‘olist_num‘>${items.goodsNo}</td>
773                                             <td class="olist_img_box">
774                                                 <a href="${urlPrefix.j1Web}/product/${items.productId }-${items.goodsId }.html"
775                                                    target="_blank">
776                                                     <div class=‘olist_img‘>
777                                                         <img src="${items.proImageUrl}" />
778                                                     </div>
779                                                 </a>
780                                             </td>
781                                             <td class="olist_name">
782                                                     ${items.goodsName}
783                                             </td>
784 
785 
786                                             <td class=‘olist_spec‘>
787                                                 <span>${items.goodsName}</span>
788                                             </td>
789                                             <!-- 出现2行以上td添加类 bian-b -->
790                                             <td class="olist_num1 ${td_cls}">×${items.goodsAmount}
791                                             </td>
792                                             <!--  订单列表 -->
793                                             <c:if test="${st.index == 0}">
794                                                 <!-- 有几行数字就是几rowspan="2" -->
795                                                 <td rowspan="${len}" class="order_price"><p>
796                                                     商品总价:¥<fmt:formatNumber
797                                                         pattern="#0.00#"
798                                                         value="${empty model.orderList.skuFee ?0.00:model.orderList.skuFee}"/></p>
799 
800                                                     <p>运费金额:¥<fmt:formatNumber pattern="#0.00#"
801                                                                                value="${empty model.orderList.deliveryFee ?0.00:model.orderList.deliveryFee}"/></p>
802                                                     <c:set var="disFee"
803                                                            value="${model.orderList.discountFee+model.orderList.orderPoints+model.orderList.orderVouchers+model.orderList.otherDiscounts}"/>
804                                                     <p>优惠金额:¥<fmt:formatNumber pattern="#0.00#"
805                                                                                value="${empty disFee ?0.00:disFee}"/></p>
806 
807                                                     <p>积分抵扣金额:¥<fmt:formatNumber pattern="#0.00#"
808                                                                                  value="${empty model.orderList.orderPoints ?0.00:model.orderList.orderPoints}"/></p>
809 
810 
811                                                     <p>税费金额:¥<fmt:formatNumber pattern="#0.00#"
812                                                                                value="${empty model.orderList.taxFee ?0.00:model.orderList.taxFee}"/></p>
813 
814                                                     <p>订单合计:
815 
816                                                         ¥<fmt:formatNumber pattern="#0.00#"
817                                                                            value="${empty model.orderList.orderFee ?0.00:model.orderList.orderFee}"/>
818 
819                                                         <c:choose>
820                                                             <c:when test="${not empty model.orderList.paymentTypeName}">(${model.orderList.paymentTypeName })</c:when>
821                                                         </c:choose>
822                                                     </p>
823                                                 </td>
824                                                 <td rowspan="${len}" class="order_handle" rowspan="20">
825                                                     <c:if test="${model.isSealedMember eq ‘N‘}"><a
826                                                         href="${urlPrefix.j1Web}/comment.html">评价</c:if></a>
827 
828                                                 </td>
829                                             </c:if>
830                                         </tr>
831                                         <c:if test="${items.drugPrescriptionType == ‘TC‘ }">
832                                             <tr>
833                                                 <td colspan="6" align="center" class="process-bottom">
834                                                     <div align="center">
835                                                         <p>
836                                                             <span style="color: #333333;font-size:14px;">订单详情,请致电</span>
837                                                             <span style="color: #FF0000;font-size:14px;">4007-092-988咨询药师</span>
838                                                         </p>
839                                                     </div>
840                                                 </td>
841                                             </tr>
842                                         </c:if>
843                                     </c:forEach>
844 
845                                     </tr>
846                                     </tbody>
847                                 </table>
848                             </c:if>
849 
850                             <c:if test="${(not empty model.logisticCompanys) or (not empty model.orderShippingNos) or (not empty model.orderList)}">
851                                 <c:set var="len" value="${fn:length(model.logisticCompanys)}"/>
852                                 <c:if test="${len<=1}">
853                                     <c:set var="len" value="1"/>
854                                 </c:if>
855                                 <c:forTokens var="invoiceTaxAddress" items="${model.orderList.invoiceTaxAddress}"
856                                              delims="," begin="0" end="${len-1}" step="1" varStatus="st">
857                                     <table width="100%" border="0" cellspacing="0" cellpadding="0">
858                                         <c:if test="${not empty model.logisticCompanys}">
859                                             <tr>
860                                                 <td>物流公司:</td>
861                                                 <td><a target="_blank"
862                                                        href="${model.logisticCompanys[st.index].website }">${model.logisticCompanys[st.index].companyName }</a>
863                                                 </td>
864                                             </tr>
865                                         </c:if>
866                                         <c:if test="${not empty model.orderShippingNos}">
867                                             <tr>
868                                                 <td>货运单号:</td>
869                                                 <td>${model.orderShippingNos[st.index]}</td>
870                                             </tr>
871                                         </c:if>
872                                         <c:if test="${st.count>=1}">
873                                             <tr>
874                                                 <td colspan="2">
875                                                     <iframe name="kuaidi100" src="${invoiceTaxAddress}" width="600"
876                                                             height="260" marginwidth="0" marginheight="0" hspace="0"
877                                                             vspace="0" frameborder="0" scrolling="no"></iframe>
878                                                 </td>
879                                             </tr>
880                                         </c:if>
881                                     </table>
882                                 </c:forTokens>
883                                 <c:if test="${not empty logisticCompanys}">
884                                     <p>运费:${model.orderList.deliveryFee }元</p>
885                                     <p>数据由<a href="#" onclick="window.open(‘http://www.kuaidi100.com‘)">快递100</a>提供</p>
886                                 </c:if>
887                             </c:if>
888                             <!-- 显示物流信息 -->
889                             <div class=‘olist_total‘>
890                                 <p>
891                                 <td>商品总价:<fmt:formatNumber pattern="#0.00#"
892                                                            value="${empty model.orderList.skuFee ?0.00:model.orderList.skuFee}"/>元
893                                 </td>
894                                 </p>
895                                 <p>
896                                 <td>运费金额:<fmt:formatNumber pattern="#0.00#"
897                                                            value="${empty model.orderList.deliveryFee ?0.00:model.orderList.deliveryFee}"/>元
898                                 </td>
899                                 </p>
900                                 <p>
901                                     <c:if test="${model.oversea eq ‘Y‘}">
902 
903                                         <tr>
904                                             <td>重量合计:<fmt:formatNumber pattern="#0.00#"
905                                                                        value="${empty model.orderList.skuWeights ?0.00:model.orderList.skuWeights}"/>Kg
906                                             </td>
907                                         </tr>
908                                     </c:if>
909                                 </p>
910                                 <p>
911                                     <c:if test="${model.couponsList.couponTypeName !=null}">
912                                         <tr>
913                                             <td>使用优惠券:</td>
914                                             <td>${model.couponsList.couponTypeName }</td>
915                                         </tr>
916                                     </c:if>
917                                 </p>
918                                 <p>
919                                     <c:set var="disFee"
920                                            value="${model.orderList.discountFee+model.orderList.orderPoints+model.orderList.orderVouchers+model.orderList.otherDiscounts}"/>
921                                     <tr>
922                                         <td>优&nbsp;&nbsp;&nbsp;&nbsp;惠:<fmt:formatNumber pattern="#0.00#"
923                                                                                          value="${empty disFee ?0.00:disFee}"/>元
924                                         </td>
925                                     </tr>
926                                 </p>
927                                 <p>
928                                     <c:if test="${model.oversea eq ‘Y‘}">
929                                         <tr>
930                                             <td>税&nbsp;&nbsp;&nbsp;&nbsp;金:<fmt:formatNumber pattern="#0.00#"
931                                                                                              value="${empty model.orderList.taxFee ?0.00:model.orderList.taxFee}"/>元
932                                         </tr>
933                                     </c:if>
934                                 </p>
935                                 <p>
936                                 <td>订单合计:<strong class="font18 orange"><fmt:formatNumber pattern="#0.00#"
937                                                                                          value="${empty model.orderList.orderFee ?0.00:model.orderList.orderFee}"/></strong>938                                 </td>
939                                 </p>
940                                 <p>
941                                 <td width="80" valign="top">备注:</td>
942                                 <td>${model.orderList.orderMsg }</td>
943                                 </p>
944                             </div>
945                         </div>
946                     </div>
947                 </div>
948                 <!-- 订单详情 -->
949             </c:when>
950             <c:otherwise>
951                 <div id="collectionRight"></div>
952             </c:otherwise>
953         </c:choose>
954     </div>
955 </div>
956 <%@include file="/jsp/home_v1/footer.jsp"%>

 

我的预定订单页面

标签:char   动态添加   transform   null   efi   relative   after   shelve   comment   

原文地址:https://www.cnblogs.com/wangchuanfu/p/10755031.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!