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-orderList.js?v=${codeVersion}"></script> 9 <input type="hidden" id="operation"> 10 <script type="text/javascript"> 11 <!-- 12 function checkComment(goodsId, productId, url) { 13 window.location.href = url; 14 } 15 //--> 16 </script> 17 <style> 18 .taiping-title { 19 padding: 10px 0px 10px 14px; 20 border-bottom: 2px solid #ae060f; 21 overflow: hidden; 22 } 23 24 .taiping-title h3 { 25 color: #c65057; 26 font-size: 14px; 27 font-weight: bold; 28 float: left; 29 } 30 31 .order_nav { 32 width: 100%; 33 overflow: hidden; 34 border-bottom: 2px solid #c20712; 35 } 36 37 .order_nav ul { 38 float: left; 39 } 40 41 .order_nav ul li { 42 padding: 6px 32px 4px 32px; 43 background: #f5f5f5; 44 float: left; 45 text-align: center; 46 font-weight: bold; 47 margin-right: 2px; 48 } 49 50 .order_nav ul li { 51 cursor: pointer; 52 } 53 54 .tp-tab-checked { 55 background: #c20712 !important; 56 color: #fff !important; 57 } 58 59 .olist_time { 60 padding: 10px 0 21px 20px; 61 } 62 63 .olist_schedule { 64 border: 1px solid #e5e5e5; 65 padding: 37px 202px 30px 202px; 66 margin-top: 11px; 67 overflow: hidden; 68 } 69 70 .olist_schedule ul li { 71 float: left; 72 } 73 74 .red { 75 color: #ae060f !important; 76 } 77 78 .red cite { 79 border-color: #ae060f !important; 80 } 81 82 .red cite:after { 83 border-color: #ae060f !important; 84 } 85 86 .s_bottom { 87 margin-top: 36px; 88 } 89 90 .s_top, .s_bottom, .s_top_4 { 91 width: 84px; 92 padding-right: 50px; 93 position: relative; 94 } 95 96 .s_top span, .s_bottom span, .s_top_4 span { 97 display: block; 98 text-align: center; 99 } 100 101 .s_top cite, .s_bottom cite { 102 display: block; 103 width: 46px; 104 border-top: 1px dashed #7e7e7e; 105 position: absolute; 106 right: 5px; 107 top: 50%; 108 transform: translateY(-50%); 109 -webkit-transform: translateY(-50%); 110 } 111 112 .s_top cite:after { 113 width: 12px; 114 height: 12px; 115 border-top: 2px solid #7e7e7e; 116 border-right: 2px solid #7e7e7e; 117 content: " "; 118 position: absolute; 119 right: -3px; 120 top: -8px; 121 transform: rotate(45deg); 122 -webkit-transform: rotate(45deg); 123 border-radius: 3px; 124 } 125 126 .s_bottom cite:after { 127 width: 12px; 128 height: 12px; 129 border-top: 2px solid #7e7e7e; 130 border-right: 2px solid #7e7e7e; 131 content: " "; 132 position: absolute; 133 left: -3px; 134 top: -8px; 135 transform: rotate(219deg); 136 -webkit-transform: rotate(219deg); 137 border-radius: 3px; 138 } 139 140 .s_top_4 cite { 141 width: 75px; 142 height: 108px; 143 border-top: 1px dashed #7e7e7e; 144 border-right: 1px dashed #7e7e7e; 145 border-bottom: 1px dashed #7e7e7e; 146 position: absolute; 147 right: -30px; 148 top: 50%; 149 border-top-right-radius: 4em; 150 border-bottom-right-radius: 4em; 151 } 152 153 .s_top_4 cite:after { 154 width: 12px; 155 height: 12px; 156 border-top: 2px solid #7e7e7e; 157 border-right: 2px solid #7e7e7e; 158 content: " "; 159 position: absolute; 160 left: -3px; 161 bottom: -8px; 162 transform: rotate(219deg); 163 -webkit-transform: rotate(219deg); 164 border-radius: 3px; 165 } 166 167 .olist_text { 168 display: block; 169 background: #f7f7f7; 170 padding: 27px 85px 20px 85px; 171 margin-top: 18px; 172 border: 1px solid #e5e5e5; 173 overflow: hidden; 174 } 175 176 .olist_text li { 177 float: left; 178 width: 305px; 179 } 180 181 .olist_text li span { 182 display: block; 183 width: 100%; 184 text-align: left; 185 } 186 187 .olist_logistics { 188 display: block; 189 margin-top: 18px; 190 border: 1px solid #e5e5e5; 191 overflow: hidden; 192 padding: 10px 85px 10px 85px; 193 } 194 195 .olist_logistics span { 196 display: block; 197 float: left; 198 width: 80%; 199 } 200 201 .olist_logistics name { 202 display: block; 203 float: left; 204 width: 93px; 205 } 206 207 .olist_limg { 208 display: block; 209 width: 86px; 210 height: 39px; 211 position: relative; 212 } 213 214 .olist_limg img { 215 margin: auto; 216 display: block; 217 max-width: 100%; 218 max-height: 100%; 219 position: absolute; 220 right: 0; 221 top: 0; 222 left: 0; 223 bottom: 0; 224 } 225 226 .olist_img_box { 227 width: 127px; 228 } 229 230 .olist_img { 231 width: 68px; 232 height: 68px; 233 border: 1px solid #e5e5e5; 234 float: left; 235 margin: 19px 31px; 236 position: relative; 237 } 238 239 .olist_img img { 240 margin: auto; 241 display: block; 242 max-width: 100%; 243 max-height: 100%; 244 position: absolute; 245 right: 0; 246 top: 0; 247 left: 0; 248 bottom: 0; 249 } 250 251 .olist_num { 252 width: 100px; 253 } 254 255 .olist_name { 256 width: 150px; 257 padding: 20px 34px; 258 } 259 260 .olist_spec { 261 width: 103px; 262 } 263 264 .olist_num1 { 265 width: 82px; 266 } 267 268 .olist_price { 269 width: 173px; 270 } 271 272 .olist_price span { 273 display: block; 274 width: 139px; 275 text-align: left; 276 padding-left: 24px; 277 } 278 279 .olist_list { 280 text-align: center; 281 } 282 283 .olist_list, .olist_list td { 284 border-left: 1px solid #e5e5e5; 285 border-bottom: 1px solid #e5e5e5; 286 border-right: 1px solid #e5e5e5; 287 } 288 289 .olist_total { 290 float: right; 291 } 292 293 .olist_total p { 294 text-align: right; 295 } 296 297 .olist_total b { 298 color: #c20712; 299 font-size: 16px; 300 } 301 302 /*下面为2个页面的公共样式*/ 303 .order_box { 304 margin: 20px 0 26px 0; 305 border: 1px solid #e5e5e5; 306 } 307 308 .order_date td { 309 padding: 6px 0; 310 } 311 312 .order_date span { 313 margin: 0 16px; 314 color: #c1c1c1; 315 } 316 317 .order_date span cite { 318 color: #333333; 319 margin-left: 10px; 320 } 321 322 .order_title { 323 background: #f5f5f5; 324 } 325 326 .order_title th { 327 padding: 6px 0; 328 } 329 330 .order_number { 331 width: 122px; 332 } 333 334 .order_state { 335 width: 173px; 336 } 337 338 .order_handle { 339 width: 144px; 340 } 341 342 .order_handle span, .order_handle a { 343 display: block; 344 345 } 346 347 .order_handle a { 348 color: #4c89c5; 349 } 350 351 .order_pay { 352 color: #fff; 353 padding: 4px 8px 7px 8px; 354 background: #fc8524; 355 border: none; 356 border-radius: 5px; 357 cursor: pointer; 358 } 359 360 .order_none { 361 width: 100%; 362 text-align: center; 363 padding-top: 20px; 364 } 365 </style> 366 <jsp:include page="/jsp/home_v1/header.jsp"/> 367 <jsp:include page="/jsp/home_v1/tool.jsp"/> 368 <div id="myeccontainer"> 369 <div class="msg"> 370 <c:choose> 371 <c:when test="${model.isAbroad=='1' || model.isAbroad==null}"> 372 <a href="${urlPrefix.j1Web}/">首页</a> > 我的健一网 > 我的订单 373 </c:when> 374 <c:otherwise> 375 <a href="${urlPrefix.j1Web}/">首页</a> > 我的健一网 > 我的海外订单 376 </c:otherwise> 377 </c:choose> 378 </div> 379 <div class="clearfix"> 380 <div id="myeccollection-left"> 381 <div class="left1"> 382 <c:choose> 383 <c:when test="${model.isAbroad=='1' || model.isAbroad==null}"> 384 <jsp:include page="/jsp/common/myec_left.jsp"> 385 <jsp:param value="myOrder" name="fromPage"/> 386 </jsp:include> 387 </c:when> 388 <c:otherwise> 389 <jsp:include page="/jsp/common/myec_left.jsp"> 390 <jsp:param value="myAbroadOrder" name="fromPage"/> 391 </jsp:include> 392 </c:otherwise> 393 </c:choose> 394 </div> 395 </div> 396 <c:choose> 397 <c:when test="${model.detail == 'able' }"> 398 <!-- 订单详情 --> 399 <div id="detailCollection"> 400 <div id="myeccollection-right"> 401 <div class="shelves-title"> 402 <div class="shelves-t-left">订单编号：${model.orderList.orderId }</div> 403 <div class="shelves-t-right"></div> 404 </div> 405 <div id="myecorder2-content"> 406 <div class="integral-content"> 407 <div class="integral-01"> 408 <c:if test="${model.orderList.codeNo == 'commit'}"> 409 <c:if test="${model.orderList.paymentMode == 'KDFH' }"> 410 <c:if test="${model.orderList.isPaid != 'Y' && model.isSealedMember eq 'N'}"> 411 <input name="" type="button" class="pay-btn" style="cursor: pointer;" 412 οnclick="commitMyecOrder('${model.orderList.orderId }')"/> 413 </c:if> 414 </c:if> 415 </c:if> 416 订单状态：${model.orderList.codeValue } 417 </div> 418 <div class="integral-01">下单时间：${model.orderList.commitTime }</div> 419 <div class="clear"></div> 420 </div> 421 422 <!-- 下单流程图，动态添加删除类名为 red --> 423 <div class='olist_schedule'> 424 425 <ul> 426 <c:forEach items="${model.orderStatusMap}" var="entry"> 427 <c:set var="key" value="${entry.key}"></c:set> 428 <c:set var="value" value="${entry.value}"></c:set> 429 </c:forEach> 430 431 <c:if test="${not empty model.orderStatusList}"> 432 <c:forEach var="orderStatus" items="${model.orderStatusList}"> 433 <c:if test="${orderStatus.key le key}"> 434 <li class='s_top red'> 435 ${orderStatus.value} 436 <c:if test="${orderStatus.value !='已完成' and orderStatus.value !='已取消'}"> 437 <cite></cite> 438 </c:if> 439 </li> 440 </c:if> 441 442 <c:if test="${orderStatus.key gt key}"> 443 <li class='s_top black'> 444 ${orderStatus.value} 445 <c:if test="${orderStatus.value !='已完成' and orderStatus.value !='已取消'}"> 446 <cite></cite> 447 </c:if> 448 </li> 449 </c:if> 450 </c:forEach> 451 </c:if> 452 453 </ul> 454 </div> 455 <!-- 收货人信息 --> 456 <div class='olist_logistics'> 457 <p> 458 <name>收货人:</name> 459 <span>${model.orderList.receiveUser }</span> 460 </p> 461 <p> 462 <name>收货地址:</name> 463 <span>${model.orderList.receiveFullAddress } 464 <c:if test="${model.orderList.paymentMode=='ZTFK'}"><font 465 color="red">[自提]</font> 466 </c:if> 467 </span> 468 </p> 469 <p> 470 <name>邮编地址:</name> 471 <span> 472 <c:choose> 473 <c:when test="${model.orderList.receivePost == 'null' || model.orderList.receivePost eq null }"> 474 00000 475 </c:when> 476 <c:otherwise>${model.orderList.receiveTel }</c:otherwise> 477 478 </c:choose> 479 </span> 480 </p> 481 <p> 482 <name>电话:</name> 483 <span>${model.orderList.receiveMobile }</span> 484 </p> 485 </div> 486 <ul class='olist_text'> 487 <li> 488 <span>处理时间</span> 489 <div> 490 <c:forEach var="orderLog" items="${model.orderLogList}"> 491 <span>${orderLog.logTime}</span> 492 </c:forEach> 493 </div> 494 </li> 495 <li> 496 <span>处理意见</span> 497 498 <div> 499 <c:forEach var="orderLog" items="${model.orderLogList}"> 500 <span>${orderLog.logContent}</span> 501 </c:forEach> 502 </div> 503 </li> 504 </ul> 505 <c:if test="${model.orderList.paymentTypeName != null}"> 506 507 <div class='olist_logistics'> 508 <p> 509 <name>支付方式:</name> 510 <span> 511 <cite class='olist_limg'> 512 <c:forEach var="item" items="${model.paymentTypeList}" varStatus="v"> 513 <c:choose> 514 <c:when test="${item.paymentTypeLogo != null}"> 515 <img src="https://img.j1.com/${item.paymentTypeLogo}"/> 516 </c:when> 517 <c:otherwise> 518 ${item.paymentTypeName } 519 </c:otherwise> 520 </c:choose> 521 </c:forEach> 522 </cite> 523 </span> 524 </p> 525 </div> 526 </c:if> 527 528 <c:if test="${ not empty model.itemsList }"> 529 <!-- 商品列表 --> 530 <table width='100%' class='order_box'> 531 <tbody width="100%"> 532 <tr width="100%" class='order_title'> 533 <th>商品编号</th> 534 <th>商品图片</th> 535 <th>商品名称</th> 536 <th>规格</th> 537 <th>数量</th> 538 <th>实付款(元)</th> 539 <th>操作</th> 540 </tr> 541 <c:forEach var="items" varStatus="st" begin="0" step="1" 542 items="${model.itemsList }"> 543 <c:set var="len" 544 value="${fn:length(model.itemsList)}"/> 545 <c:if test="${len > 2}"> 546 <c:set var="td_cls" value="bian-b"/> 547 </c:if> 548 <tr class='olist_list'> 549 <td class='olist_num'>${items.goodsNo}</td> 550 <td class="olist_img_box"> 551 <a href="${urlPrefix.j1Web}/product/${items.productId }-${items.goodsId }.html" 552 target="_blank"> 553 <div class='olist_img'> 554 <img src="${items.proImageUrl}" alt=""/> 555 </div> 556 </a> 557 </td> 558 <td class="olist_name"> 559 ${items.goodsName} 560 </td> 561 562 563 <td class='olist_spec'> 564 <span>${items.goodsName}</span> 565 </td> 566 <!-- 出现2行以上td添加类 bian-b --> 567 <td class="olist_num1 ${td_cls}">×${items.goodsAmount} 568 </td> 569 <!-- 订单列表 --> 570 <c:if test="${st.index == 0}"> 571 <!-- 有几行数字就是几rowspan="2" --> 572 <td rowspan="${len}" class="order_price"><p> 573 商品总价：￥<fmt:formatNumber 574 pattern="#0.00#" 575 value="${empty model.orderList.skuFee ?0.00:model.orderList.skuFee}"/></p> 576 577 <p>运费金额：￥<fmt:formatNumber pattern="#0.00#" 578 value="${empty model.orderList.deliveryFee ?0.00:model.orderList.deliveryFee}"/></p> 579 <c:set var="disFee" 580 value="${model.orderList.discountFee+model.orderList.orderPoints+model.orderList.orderVouchers+model.orderList.otherDiscounts}"/> 581 <p>优惠金额：￥<fmt:formatNumber pattern="#0.00#" 582 value="${empty disFee ?0.00:disFee}"/></p> 583 584 <p>积分抵扣金额：￥<fmt:formatNumber pattern="#0.00#" 585 value="${empty model.orderList.orderPoints ?0.00:model.orderList.orderPoints}"/></p> 586 587 588 <p>税费金额：￥<fmt:formatNumber pattern="#0.00#" 589 value="${empty model.orderList.taxFee ?0.00:model.orderList.taxFee}"/></p> 590 591 <p>订单合计： 592 593 ￥<fmt:formatNumber pattern="#0.00#" 594 value="${empty model.orderList.orderFee ?0.00:model.orderList.orderFee}"/> 595 596 <c:choose> 597 <c:when test="${not empty model.orderList.paymentTypeName}">(${model.orderList.paymentTypeName })</c:when> 598 </c:choose> 599 </p> 600 </td> 601 <td rowspan="${len}" class="order_handle" rowspan="20"> 602 <c:if test="${model.isSealedMember eq 'N'}"><a 603 href="${urlPrefix.j1Web}/comment.html">评价</c:if></a> 604 605 </td> 606 </c:if> 607 </tr> 608 <c:if test="${items.drugPrescriptionType == 'TC' }"> 609 <tr> 610 <td colspan="6" align="center" class="process-bottom"> 611 <div align="center"> 612 <p> 613 <span style="color: #333333;font-size:14px;">订单详情，请致电</span> 614 <span style="color: #FF0000;font-size:14px;">4007-092-988咨询药师</span> 615 </p> 616 </div> 617 </td> 618 </tr> 619 </c:if> 620 </c:forEach> 621 622 </tr> 623 </tbody> 624 </table> 625 </c:if> 626 <!-- 显示物流信息 --> 627 <c:if test="${(not empty model.logisticCompanys) or (not empty model.orderShippingNos) or (not empty model.orderList)}"> 628 <c:set var="len" value="${fn:length(model.logisticCompanys)}"/> 629 <c:if test="${len<=1}"> 630 <c:set var="len" value="1"/> 631 </c:if> 632 <c:forTokens var="invoiceTaxAddress" items="${model.orderList.invoiceTaxAddress}" 633 delims="," begin="0" end="${len-1}" step="1" varStatus="st"> 634 <table width="100%" border="0" cellspacing="0" cellpadding="0"> 635 <c:if test="${not empty model.logisticCompanys}"> 636 <tr> 637 <td>物流公司：</td> 638 <td><a target="_blank" 639 href="${model.logisticCompanys[st.index].website }">${model.logisticCompanys[st.index].companyName }</a> 640 </td> 641 </tr> 642 </c:if> 643 <c:if test="${not empty model.orderShippingNos}"> 644 <tr> 645 <td>货运单号：</td> 646 <td>${model.orderShippingNos[st.index]}</td> 647 </tr> 648 </c:if> 649 <c:if test="${st.count>=1}"> 650 <tr> 651 <td colspan="2"> 652 <iframe name="kuaidi100" src="${invoiceTaxAddress}" width="600" 653 height="260" marginwidth="0" marginheight="0" hspace="0" 654 vspace="0" frameborder="0" scrolling="no"></iframe> 655 </td> 656 </tr> 657 </c:if> 658 </table> 659 </c:forTokens> 660 <c:if test="${not empty logisticCompanys}"> 661 <p>运费：${model.orderList.deliveryFee }元</p> 662 <p>数据由<a href="#" οnclick="window.open('http://www.kuaidi100.com')">快递100</a>提供</p> 663 </c:if> 664 </c:if> 665 666 667 <div class='olist_total'> 668 <p> 669 <td>商品总价：<fmt:formatNumber pattern="#0.00#" 670 value="${empty model.orderList.skuFee ?0.00:model.orderList.skuFee}"/>元 671 </td> 672 </p> 673 <p> 674 <td>运费金额：<fmt:formatNumber pattern="#0.00#" 675 value="${empty model.orderList.deliveryFee ?0.00:model.orderList.deliveryFee}"/>元 676 </td> 677 </p> 678 <p> 679 <c:if test="${model.oversea eq 'Y'}"> 680 681 <tr> 682 <td>重量合计：<fmt:formatNumber pattern="#0.00#" 683 value="${empty model.orderList.skuWeights ?0.00:model.orderList.skuWeights}"/>Kg 684 </td> 685 </tr> 686 </c:if> 687 </p> 688 <p> 689 <c:set var="disFee" 690 value="${model.orderList.discountFee+model.orderList.orderPoints+model.orderList.orderVouchers+model.orderList.otherDiscounts}"/> 691 <tr> 692 <td>优 惠：<fmt:formatNumber pattern="#0.00#" 693 value="${empty disFee ?0.00:disFee}"/>元 694 </td> 695 </tr> 696 </p> 697 <p> 698 <c:if test="${model.oversea eq 'Y'}"> 699 <tr> 700 <td>税 金：<fmt:formatNumber pattern="#0.00#" 701 value="${empty model.orderList.taxFee ?0.00:model.orderList.taxFee}"/>元 702 </tr> 703 </c:if> 704 </p> 705 <p> 706 <td>订单合计：<strong class="font18 orange"><fmt:formatNumber pattern="#0.00#" 707 value="${empty model.orderList.orderFee ?0.00:model.orderList.orderFee}"/></strong>元 708 </td> 709 </p> 710 <p> 711 <td width="80" valign="top">备注：</td> 712 <td>${model.orderList.orderMsg }</td> 713 </p> 714 </div> 715 </div> 716 </div> 717 </div> 718 719 </c:when> 720 <c:otherwise> 721 <div id="collectionRight"></div> 722 </c:otherwise> 723 </c:choose> 724 </div> 725 </div> 726 <%@include file="/jsp/home_v1/footer.jsp" %> 727 728 <!-- 多包裹tab切换--> 729 <script type="text/javascript"> 730 $(".order_nav li").click(function () { 731 var operation = $(this).attr("id"); 732 733 $(this).addClass('tp-tab-checked').siblings().removeClass('tp-tab-checked'); 734 $("#operation").val(operation); 735 clickPageNum(null, "p=1"); 736 }) 737 </script>
2272
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
