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="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  4.  <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
  5.  <%@include file="/jsp/common/common_ctx.jsp" %>
  6.  <div class="shelves-title">
  7.      <div class="shelves-t-left">我的药品预约订单</div>
  8.      <div class="shelves-t-right"></div>
  9.  </div>
  10.  <%--<div class="wxts">温馨提示：收货完成后给予评价，即可获得额外积分</div>--%>
  11.  <!--订单弹窗  -->
  12.  <style>
  13.  .wxts{border:1px solid #e2e2e2;height:25px;line-height: 25px;padding-left:10px;margin-top:10px;}
  14.  .glotc-bg{ position: fixed; left:0; top:0;_position:absolute;width: 100%; height: 100%; background: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 800; display: none;}
  15.  .glotc-main{ width: 460px; height: 200px; background: #fff; position: fixed;_position:absolute; border: 3px solid #cfcfcf; left: 50%; top: 50%; margin-left: -230px; margin-top: -100px;z-index: 801; display: none;}
  16.  .glotc-main .glotc-tit{ background: #c40000; position: relative; height: 36px; font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1"; color: #fff; padding: 0 8px;}
  17.  .glotc-main .glo-close{background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat; display: inline-block; width: 16px; height: 16px; overflow: hidden; text-indent: 10em; position: absolute; right: 10px; top: 9px; background-position: -19px -155px;}
  18.  .glotc-main .glo-close:hover{ background-position: 0 -155px;}
  19.  .glotc-main .glo-text{ padding: 15px 30px;}
  20.  .glotc-main .hi100{ height: 100px;}
  21.  .glotc-main .hi100 h5{ line-height: 28px;}
  22.  .glotc-main .hi100 p{ text-indent: 2em; height: 24px;}
  23.  .glotc-main .hi100 span{ color: #c40000; font-size: 14px;}
  24.  .glotc-main .glo-bt{ text-align: center;}
  25.  .glotc-main .glo-bt a{ width: 100px; margin-right: 5px; text-align: center; border: 1px solid #e5e5e5; background: #f8f8f8; color: #333; display: inline-block; line-height: 30px; height: 30px;}
  26.  .glotc-main .glo-bt a.bt-c4{ background: #c40000; border: 1px solid #c40000; color: #fff;}
  27.  .glotc-main .glo-bt a.bt-c4:hover{ background: #e43532;border: 1px solid #e43532;}
  28.  .glotc-main .glo-bt a:hover{ background: #e5e5e5;}
  29.  </style>
  30.  <style >
  31.      .taiping-title{
  32.          padding: 10px 0px 10px 14px;
  33.          border-bottom: 2px solid #ae060f;
  34.          overflow: hidden;
  35.      }
  36.      .taiping-title h3{
  37.          color: #c65057;
  38.          font-size: 14px;
  39.          font-weight: bold;
  40.          float: left;
  41.      }
  42.      .order_nav{
  43.          width: 100%;
  44.          overflow: hidden;
  45.          border-bottom: 2px solid #c20712;
  46.      }
  47.      .order_nav ul{
  48.          float:left;
  49.      }
  50.      .order_nav ul li {
  51.          padding: 6px 32px 4px 32px;
  52.          background: #f5f5f5;
  53.          float:left;
  54.          text-align: center;
  55.          font-weight: bold;
  56.          margin-right: 2px;
  57.      }
  58.      .order_nav ul li {
  59.          cursor: pointer;
  60.      }
  61.      .tp-tab-checked{
  62.          background: #c20712!important;
  63.          color:#fff!important;
  64.      }
  65.      /*                    .tp-content-Box{
  66.                              width:983px;
  67.                              float: left;
  68.                             border-left: 1px solid #e2e2e2;
  69.                             border-bottom: 1px solid #e2e2e2;
  70.                             border-right: 1px solid #e2e2e2;
  71.                             margin-bottom: 27px;
  72.                          }
  73.                          .tp-content-list ul,.tp-all-content ul{
  74.                              float:left;
  75.                              width: 100%;
  76.                              border-bottom: 1px solid #e2e2e2;
  77.                          }
  78.                          .tp-content-list ul li {
  79.                              padding: 10px 0;
  80.                              text-align: center;
  81.                              float: left;
  82.                              width: 25%;
  83.                          }
  84.      */                    .wxts{
  85.                                        border: 1px solid #e2e2e2;
  86.                                        height: 25px;
  87.                                        line-height: 25px;
  88.                                        padding-left: 10px;
  89.                                        margin-top: 10px;
  90.                                        margin-bottom: 10px;
  91.                                    }
  92.      .order_box {
  93.          margin: 20px 0 26px 0;
  94.          border: 1px solid #e5e5e5;
  95.      }
  96.      .order_date  td {
  97.          padding: 6px 0;
  98.      }
  99.      .order_date span{
  100.          margin: 0 16px;
  101.          color: #c1c1c1;
  102.      }
  103.      .order_date span cite{
  104.          color: #333333;
  105.          margin-left: 10px;
  106.      }
  107.      .order_title {
  108.          background: #f5f5f5;
  109.      }
  110.      .order_title th{
  111.          padding: 6px 0;
  112.      }
  113.      .order_list {
  114.          text-align: center;
  115.      }
  116.      .order_list,.order_list td{
  117.          border: 1px solid #e5e5e5;
  118.      }
  119.      .order_img{
  120.          width: 366px;
  121.          height: 105px;
  122.          border-top: 1px solid #e5e5e5;
  123.      }
  124.      .order_img div {
  125.          width: 68px;
  126.          height: 68px;
  127.          border: 1px solid #e5e5e5;
  128.          float: left;
  129.          margin: 19px 16px;
  130.          position: relative;
  131.      }
  132.      .order_img div img {
  133.          margin: auto;
  134.          display: block;
  135.          max-width: 100%;
  136.          max-height: 100%;
  137.          position: absolute;
  138.          right: 0;
  139.          top: 0;
  140.          left: 0;
  141.          bottom: 0;
  142.      }
  143.      .order_img span {
  144.          float: left;
  145.          margin: 32px 33px 21px 26px;
  146.          width: 203px;
  147.          font-size: 12px;
  148.          line-height: 21px;
  149.      }
  150.      .order_img:nth-of-type(1){
  151.          border:none;
  152.      }
  153.      .order_img_box {
  154.          width: 366px;
  155.      }
  156.      .order_number {
  157.          width: 122px;
  158.      }
  159.      .order_price {
  160.          width: 190px;
  161.      }
  162.      .order_price span {
  163.          display: block;
  164.          width: 139px;
  165.          text-align: left;
  166.          padding-left: 24px;
  167.      }
  168.      .order_state{
  169.          width: 173px;
  170.      }
  171.      .order_handle {
  172.          width: 144px;
  173.      }
  174.      .order_handle span,.order_handle a{
  175.          display: block;
  176.  
  177.      }
  178.      .order_handle a{
  179.          color: #4c89c5;
  180.      }
  181.      .order_pay{
  182.          color: #fff;
  183.          padding:4px 8px 7px 8px;
  184.          background: #fc8524;
  185.          border: none;
  186.          border-radius: 5px;
  187.          cursor:pointer;
  188.      }
  189.      .order_none {
  190.          width: 100%;
  191.          text-align: center;
  192.          padding-top: 20px;
  193.      }
  194.      /*mode 样式 start*/
  195.      .mode_content{
  196.          padding: 40px 35px 65px 35px;
  197.      }
  198.      .mode_content h3,.mode_content select{
  199.          float: left;
  200.      }
  201.      .order_mode {
  202.          height: auto;
  203.      }
  204.      .mode_content select {
  205.          margin-left: 5px;
  206.          width: 200px;
  207.          height: 26px;
  208.          border-color: #e5e5e5;
  209.          text-align: center;
  210.          text-align-last:center;
  211.          color: #b7b7b7;
  212.      }
  213.  
  214.      .mode_content span{
  215.  
  216.          display: none;
  217.          color:#c40000;
  218.          margin-left: 150px;
  219.      }
  220.  </style>
  221.  
  222.  <script>
  223.      function sealedOrderList(){
  224.  
  225.          var sealedMemberId=$('#sealedAcc').val();
  226.  
  227.          if(sealedMemberId==null || sealedMemberId ==0){
  228.              refreshDivContent("collectionRight",appPath+"/myec/view/order/1.html",
  229.                      {timeId:$('#menu1').val()});
  230.          }else{
  231.              refreshDivContent("collectionRight",appPath+"/myec/view/sealedOrder/1.html",
  232.                      {timeId:$('#menu1').val(),sealedMemberId:sealedMemberId});
  233.          }
  234.  
  235.      }
  236.  
  237.  </script>
  238.  <div class="coupons-body">
  239.      <div class="coupons-title">
  240.          <div class='order_nav'>
  241.              <ul>
  242.                  <li class='tp-tab-checked' id="0">
  243.                      全部
  244.                  </li>
  245.                  <li id="1">
  246.                      待付款
  247.                  </li>
  248.                  <li id="2">
  249.                      待发货
  250.                  </li>
  251.                  <li id="3">
  252.                      待收货
  253.                  </li>
  254.                  <li id="4">
  255.                      待评价
  256.                  </li>
  257.                  <li id="6">
  258.                      已取消
  259.                  </li>
  260.              </ul>
  261.          <select id="menu1" name="menu1" onchange="checkMounth()" style="float: right; margin-top: 3px;">
  262.              <option value="0" <c:if test="${model.sel == 's'}">selected="selected"</c:if>>最近一个月订单</option>
  263.              <option value="1" <c:if test="${model.sel == 'b'}">selected="selected"</c:if>>一个月前订单</option>
  264.          </select>
  265.  
  266.          <c:choose>
  267.              <c:when test="${!empty model.sealedMemberList}">
  268.                  <div>
  269.  
  270.                      <select id="sealedAcc" name="sealedAcc" onchange="sealedOrderList()" style="float:right; margin-right: 20px;margin-top:4px;">
  271.                          <option value="0" <c:if test="${sels == '0'}">selected="selected"</c:if>>请选择</option>
  272.                          <c:forEach var="row" items="${model.sealedMemberList}">
  273.  
  274.                              <option value=${row.memberId} <c:if test="${model.sealedMemberId == row.memberId}"> selected="selected"</c:if>>${row.loginName}</option>
  275.  
  276.                          </c:forEach>
  277.  
  278.                      </select>
  279.                      <div style="float: right; margin-right: 10px;">已封存账户：</div>
  280.                  </div>
  281.              </c:when>
  282.          </c:choose>
  283.  
  284.          <div class="clear"></div>
  285.  
  286.      </div>
  287.      <form id="orderConfirm" name="orderConfirm" method="post" action="${urlPrefix.j1Web}/myec/myecOrderCommit.html">
  288.  
  289.              <c:choose>
  290.                  <c:when test="${model.pagination.data == null}">
  291.                      <tr>
  292.                          <td colspan="6" align="center" class="process-td process-bottom">无相关记录</td>
  293.                      </tr>
  294.                  </c:when>
  295.                  <c:otherwise>
  296.                      <c:forEach var="row" items="${model.pagination.data}">
  297.                          <c:if test="${row.memberId == sessionScope.memberId  or row.memberId == model.sealedMemberId }">
  298.                              <table width='100%' class='order_box'>
  299.                              <tbody width="100%">
  300.                              <tr width="100%" class='order_title'>
  301.                                  <th>商品名称</th>
  302.                                  <th>数量</th>
  303.                                  <th>实际付款(元)</th>
  304.                                  <th>订单状态</th>
  305.                                  <th>操作</th>
  306.                              </tr>
  307.                              <tr class='order_date'>
  308.                                  <td colspan="5" >
  309.                                      <span>下单时间:<cite>${row.commitTime }</cite></span>
  310.                                      <span>订单号: <cite>${row.orderId}</cite></span>
  311.                                      <span>收货人: <cite>${row.receiveUser }</cite></span>
  312.                                  </td>
  313.                              </tr>
  314.                              <c:if test="${not empty row.orderItems}">
  315.                                  <c:set var="len" value="${fn:length(row.orderItems)}"/>
  316.                                  <c:if test="${len > 2}">
  317.                                      <c:set var="td_cls" value="bian-b"/>
  318.                                  </c:if>
  319.                                  <c:forEach varStatus="st" begin="0" step="1" var="orderItem"
  320.                                             items="${row.orderItems}">
  321.                                      <tr class='order_list'>
  322.                                          <td class="order_img_box"><a href="${urlPrefix.j1Web}/product/${orderItem.productId }-${orderItem.goodsId }.html" target="_blank" class="pic_01"><img
  323.                                                  src="${orderItem.proImageUrl}" alt=""/></a>
  324.  
  325.                                              <div class="desc">
  326.                                                  <p><a href="${urlPrefix.j1Web}/product/${orderItem.productId }-${orderItem.goodsId }.html" target="_blank">${orderItem.goodsName}</a></p>
  327.                                              </div>
  328.                                          </td>
  329.                                          <!-- 出现2行以上td添加类 bian-b -->
  330.                                          <td class="cp-3 ${td_cls}">×${orderItem.goodsAmount}
  331.                                          </td>
  332.                                          <c:if test="${st.index == 0}">
  333.                                              <!-- 有几行数字就是几rowspan="2" -->
  334.                                              <td rowspan="${len}" class="order_price"><p>商品总价：￥<fmt:formatNumber
  335.                                                      pattern="#0.00#"
  336.                                                      value="${empty row.skuFee ?0.00:row.skuFee}"/></p>
  337.  
  338.                                                  <p>运费金额：￥<fmt:formatNumber pattern="#0.00#"
  339.                                                                             value="${empty row.deliveryFee ?0.00:row.deliveryFee}"/></p>
  340.                                                  <c:set var="disFee"
  341.                                                         value="${row.discountFee+row.orderPoints+row.orderVouchers+row.otherDiscounts}"/>
  342.                                                  <p>优惠金额：￥<fmt:formatNumber pattern="#0.00#"
  343.                                                                             value="${empty disFee ?0.00:disFee}"/></p>
  344.  
  345.                                                  <p>税费金额：￥<fmt:formatNumber pattern="#0.00#"
  346.                                                                             value="${empty row.taxFee ?0.00:row.taxFee}"/></p>
  347.                                                  <p>积分抵扣金额：￥<fmt:formatNumber pattern="#0.00#"
  348.                                                                               value="${empty row.orderPoints ?0.00:row.orderPoints}"/></p>
  349.                                                  <p>订单合计：
  350.  
  351.                                                      <c:if test="${row.isPaid ne 'Y' }">
  352.                                                          ￥<fmt:formatNumber pattern="#0.00#"
  353.                                                                             value="${empty row.orderFee ?0.00:row.orderFee}"/>
  354.                                                      </c:if>
  355.                                                      <c:if test="${row.isPaid eq 'Y' }">
  356.                                                          ￥<fmt:formatNumber pattern="#0.00#"
  357.                                                                             value="${empty row.orderFee ?0.00:row.orderPayFee}"/>
  358.  
  359.                                                      </c:if>
  360.  
  361.                                                      <c:choose>
  362.                                                          <c:when test="${not empty row.paymentTypeName}">(${row.paymentTypeName })</c:when>
  363.                                                      </c:choose>
  364.                                                  </p>
  365.  
  366.                                              </td>
  367.                                              <td rowspan="${len}" class="cp-5">
  368.                                                  <p id="stateSpan_${row.orderId}" onmousemove="showRz(this.id)"
  369.                                                     onmouseout="hideRz(this.id)"> ${row.codeValue }</p>
  370.  
  371.                                                  <p>
  372.                                                      <c:choose>
  373.                                                          <c:when test="${row.isPaid eq 'Y' }">
  374.                                                              (已付款)
  375.                                                          </c:when>
  376.                                                          <c:otherwise>
  377.                                                              (未付款)
  378.                                                          </c:otherwise>
  379.                                                      </c:choose>
  380.                                                  </p>
  381.  
  382.                                                  <div id="ddrz_${row.orderId}" style="display: none"
  383.                                                       class="address-relative">
  384.                                                      <div class="address-relative-body">
  385.                                                          <h4>订单跟踪</h4>
  386.  
  387.                                                          <div class="address-absolute"></div>
  388.                                                          <div></div>
  389.                                                          <table id="tb_${row.orderId}" width="100%" border="0"
  390.                                                                 cellspacing="0" cellpadding="0" class="address-tip">
  391.                                                              <tr>
  392.                                                                  <td class="address-bottom">处理时间</td>
  393.                                                                  <td class="address-bottom">处理意见</td>
  394.                                                              </tr>
  395.                                                              <c:forEach var="orderLog" items="${row.orderLogList}">
  396.                                                                  <tr>
  397.                                                                      <td class="address-bottom">${orderLog.logTime}</td>
  398.                                                                      <td class="address-bottom">${orderLog.logContent}</td>
  399.                                                                  </tr>
  400.                                                              </c:forEach>
  401.                                                          </table>
  402.                                                      </div>
  403.                                                  </div>
  404.  
  405.                                              </td>
  406.                                              <td rowspan="${len}" class="cp-6">
  407.                                                      <%--<a href="" class="buy">立即支付</a>
  408.                                                      <p>订单取消</p>
  409.                                                      <p><a href="" target="_blank" class="cb">评价</a></p>--%>
  410.                                                  <!--  已完成     -->
  411.                                                  <c:if test="${row.codeNo eq 'finish'}">
  412.                                                      <a href="${urlPrefix.j1Web}/myec/view/reservation/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>&nbsp;&nbsp;
  413.                                                      <c:if test="${model.isSealedMember eq 'N'}">
  414.                                                          <c:choose>
  415.                                                              <c:when test="${row.iseval eq 'Y' }">
  416.                                                                  <c:if test="${row.isTc eq 'N' }">
  417.                                                                      <p><a href="javaScript:void(0);"
  418.                                                                            class="blue">已评价</a></p>
  419.                                                                  </c:if>
  420.                                                              </c:when>
  421.                                                              <c:otherwise>
  422.                                                                  <c:if test="${row.isTc eq 'N' }">
  423.                                                                      <p>
  424.                                                                          <a href="${urlPrefix.j1Web}/comment/view/evaluations.html"
  425.                                                                             class="blue">评价</a></p>
  426.                                                                  </c:if>
  427.                                                              </c:otherwise>
  428.                                                          </c:choose>
  429.                                                      </c:if>
  430.                                                      <c:if test="${row.isPaid eq 'Y'}">
  431.                                                          <c:forEach items="${prizeList}" var="pp">
  432.                                                              <c:if test="${pp.ORDER_ID == row.orderId && pp.PRIZE_COUNT == 0 && pp.PAID_FEE >= 85}">
  433.                                                                  <p><a style="margin-left: 10px; color: red"
  434.                                                                        href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
  435.                                                                  </p>
  436.                                                              </c:if>
  437.                                                          </c:forEach>
  438.                                                      </c:if>
  439.                                                      <c:if test="${row.isHcwCj eq 'Y'}">
  440.                                                          <p><a class="blue" href="#"
  441.                                                                onclick="showHcCode(${row.orderId})">查看兑换码</a></p>
  442.                                                      </c:if>
  443.                                                  </c:if>
  444.                                                  <!--  已发货     -->
  445.                                                  <c:if test="${row.codeNo eq 'delivering' && row.codeNo ne 'finish' && model.isSealedMember eq 'N'}">
  446.                                                      <c:if test="${row.paymentMode eq 'KDFH' }">
  447.                                                          <p><a href="#" class="blue"
  448.                                                                onclick="deliveringOrder('${row.orderId}')">收货确认</a>
  449.                                                          </p>
  450.                                                      </c:if>
  451.                                                      <div class="clear"></div>
  452.                                                      <a href="${urlPrefix.j1Web}/myec/view/reservation/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>
  453.                                                      <c:if test="${row.isPaid eq 'Y'}">
  454.                                                          <c:forEach items="${prizeList}" var="pp">
  455.                                                              <c:if test="${pp.ORDER_ID==row.orderId && pp.PRIZE_COUNT==0 && pp.PAID_FEE >= 85}">
  456.                                                                  <p><a style="margin-left: 10px; color: red"
  457.                                                                        href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
  458.                                                                  </p>
  459.                                                              </c:if>
  460.                                                          </c:forEach>
  461.                                                      </c:if>
  462.                                                  </c:if>
  463.                                                  <!-- 已取消 -->
  464.                                                  <c:if test="${row.codeNo eq 'cancel' && row.codeNo ne 'finish'}">
  465.                                                      <c:if test="${model.isSealedMember eq 'N'}"><p>订单已取消</p></c:if>
  466.                                                      <div class="clear"></div>
  467.                                                      <a href="${urlPrefix.j1Web}/myec/view/reservation/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>
  468.                                                      <c:if test="${row.isPaid eq 'Y'}">
  469.                                                          <c:forEach items="${prizeList}" var="pp">
  470.                                                              <c:if test="${pp.ORDER_ID eq row.orderId && pp.PRIZE_COUNT eq 0 && pp.PAID_FEE >= 85}">
  471.                                                                  <p><a style="margin-left: 10px; color: red"
  472.                                                                        href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
  473.                                                                  </p>
  474.                                                              </c:if>
  475.                                                          </c:forEach>
  476.                                                      </c:if>
  477.                                                  </c:if>
  478.                                                  <!--  -->
  479.                                                  <c:if test="${row.codeNo ne 'cancel' && row.codeNo ne 'delivering'  && row.codeNo ne 'finish'}">
  480.                                                      <c:if test="${row.paymentMode eq 'KDFH' || row.paymentMode eq 'ZTFK' }">
  481.                                                          <c:if test="${row.isPaid ne 'Y' && row.orderPayFee > 0  && model.isSealedMember eq 'N'}">
  482.                                                              <!--
  483.                                                              <a onclick="commitMyecOrder('${row.orderId }')"
  484.                                                              class="buy">立即支付</a>
  485.                                                              -->
  486.                                                              <input name="" type="button" class="pay-btn" style="margin: 0 auto; margin-bottom: 5px; float: none; cursor: pointer;" onclick="commitMyecOrder('${row.orderId }')" />
  487.                                                              <div class="clear"></div>
  488.                                                          </c:if>
  489.                                                      </c:if>
  490.  
  491.                                                      <%-- <p><a href="#" class="blue" onclick="addMultiCart('${row.ids}')">重新加入购物车</a></p>--%>
  492.                                                      <a href="${urlPrefix.j1Web}/myec/view/reservation/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>
  493.                                                      <c:if test="${row.isPaid eq 'Y'}">
  494.                                                          <c:forEach items="${prizeList}" var="pp">
  495.                                                              <c:if test="${pp.ORDER_ID eq row.orderId && pp.PRIZE_COUNT eq 0 && pp.PAID_FEE >= 85}">
  496.                                                                  <p><a style="margin-left: 10px; color: red"
  497.                                                                        href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
  498.                                                                  </p>
  499.                                                              </c:if>
  500.                                                          </c:forEach>
  501.                                                      </c:if>
  502.                                                      <div class="clear"></div>
  503.                                                      <c:if test="${model.isSealedMember eq 'N'}">
  504.                                                          <c:if test="${row.isPaid eq 'N' && row.paymentMode eq 'KDFH'  && row.codeNo ne 'audit' && row.codeNo ne 'matching' && row.codeNo ne 'out_stock'  && model.isSealedMember eq 'N'}">
  505.                                                              <p><a href="#" class="blue"
  506.                                                                    onclick="cancelOrderDiv('${row.orderId}')">取消订单</a></p>
  507.                                                          </c:if>
  508.                                                          <!-- cancelOrder -->
  509.                                                          <c:if test="${row.isPaid eq 'N' && row.paymentMode eq 'ZTFK'  && row.codeNo ne 'audit' && row.codeNo ne 'matching' && row.codeNo ne 'out_stock'  && model.isSealedMember eq 'N'}">
  510.                                                              <p><a href="#" class="blue"
  511.                                                                    onclick="cancelOrderDiv('${row.orderId}')">取消订单</a></p>
  512.                                                          </c:if>
  513.                                                          <c:if test="${row.paymentMode eq 'HDFK' && row.orderState eq '29' && model.isSealedMember eq 'N'}">
  514.                                                              <p><a href="#" class="blue"
  515.                                                                    onclick="cancelOrderDiv('${row.orderId}')">取消订单</a></p>
  516.                                                          </c:if>
  517.                                                      </c:if>
  518.                                                  </c:if>
  519.  
  520.                                              </td>
  521.                                          </c:if>
  522.                                      </tr>
  523.                                  </c:forEach>
  524.                              </c:if>
  525.                          </c:if>
  526.                          </tbody>
  527.                          </table>
  528.                      </c:forEach>
  529.                  </c:otherwise>
  530.              </c:choose>
  531.          </table>
  532.      </form>
  533.      <c:if test="${model.pagination.data != null}">
  534.          <div align="right">
  535.              <jsp:include page="/jsp/component/pagination_footer_ajax.jsp">
  536.                  <jsp:param value="true" name="scroll" />
  537.              </jsp:include>
  538.          </div>
  539.      </c:if>
  540.  </div>
  541.  <!-- 虎彩网抽奖2014-08-06到2014-09-20 -->
  542.  <style>
  543.  .hcbg-1{ position: fixed; left:0; top:0;_position:absolute;width: 100%; height: 100%; background: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 800; display: none;}
  544.  .caijin-tc{ width: 460px; height: 290px; background: #fff; position: fixed;_position:absolute; border: 3px solid #cfcfcf; left: 50%; top: 50%; margin-left: -240px; margin-top: -145px;z-index: 801; display: none;}
  545.  .caijin-tc .ycmm-tit a{ background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat;}
  546.  .caijin-tc .ycmm-tit a{ display: inline-block; width: 16px; height: 16px; overflow: hidden; text-indent: 10em; position: absolute; right: 10px; top: 9px; background-position: -19px -155px;}
  547.  .caijin-tc .ycmm-tit a:hover{ background-position: 0 -155px;}
  548.  .caijin-tc .ycmm-tit{ background: #c40000; position: relative; height: 36px; font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1"; color: #fff; padding: 0 8px;}
  549.  .caijin-tc .ycmmsz ul{ height: 120px; border: 1px solid #e5e5e5; margin: 0 20px; overflow: auto;}
  550.  .caijin-tc .ycmmsz dl{ text-align: center;}
  551.  .caijin-tc .ycmmsz dt,.caijin-tc .ycmmsz dd{ width: 198px; float: left;}
  552.  .caijin-tc h4{ font: 700 18px/35px "\5FAE\8F6F\96C5\9ED1"; text-align: center; padding: 10px 0; color: #c40000;}
  553.  .caijin-tc .hcyxq{ padding: 10px 20px;}
  554.  .caijin-tc .hcyxq a{ width: 100px; text-align: center;  background: #c40000;border: 1px solid #c40000; display: inline-block; line-height: 25px; height: 25px; color: #fff; text-decoration: none; margin-top: 10px;}
  555.  .caijin-tc .hcyxq a:hover{ background: #E43532;border: 1px solid #E43532;}
  556.  .hcbg-2{ position: fixed; left:0; top:0;_position:absolute;width: 100%; height: 100%; background: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 800; display: none;}
  557.  .caijin-ysw{ width: 460px; height: 200px; background: #fff; position: fixed;_position:absolute; border: 3px solid #cfcfcf; left: 50%; top: 50%; margin-left: -240px; margin-top: -100px;z-index: 801; display: none;}
  558.  .caijin-ysw .ycmm-tit a{ background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat;}
  559.  .caijin-ysw .ycmm-tit a{ display: inline-block; width: 16px; height: 16px; overflow: hidden; text-indent: 10em; position: absolute; right: 10px; top: 9px; background-position: -19px -155px;}
  560.  .caijin-ysw .ycmm-tit a:hover{ background-position: 0 -155px;}
  561.  .caijin-ysw .ycmm-tit{ background: #c40000; position: relative; height: 36px; font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1"; color: #fff; padding: 0 8px;}
  562.  .cpysw{ text-align: center;}
  563.  .cpysw h4{ font: 700 24px/35px "\5FAE\8F6F\96C5\9ED1"; text-align: center;color: #999; padding: 40px 0 20px;}
  564.  .cpysw a{ width: 100px; text-align: center;  background: #c40000;border: 1px solid #c40000; display: inline-block; line-height: 25px; height: 25px; color: #fff; text-decoration: none; margin-top: 10px;}
  565.  .cpysw a:hover{ background: #E43532;border: 1px solid #E43532;}
  566.  </style>
  567.  <div class="hcbg-1"></div>
  568.  <div class="caijin-tc">
  569.      <div class="ycmm-tit"><span>查看彩金</span><a href="javascript:;">close</a></div>
  570.      <div class="ycmmsz">
  571.          <h4>恭喜您获得以下彩金</h4>
  572.          <ul id="codeTable">
  573.  <!--             <dl> -->
  574.  <!--                 <dt>卡号</dt> -->
  575.  <!--                 <dd>密码</dd> -->
  576.  <!--             </dl> -->
  577.  <!--             <dl> -->
  578.  <!--                 <dt>31654646445561</dt> -->
  579.  <!--                 <dd>56464</dd> -->
  580.  <!--             </dl> -->
  581.  <!--             <dl> -->
  582.  <!--                 <dt>31654646445561</dt> -->
  583.  <!--                 <dd>56464</dd> -->
  584.  <!--             </dl> -->
  585.  
  586.          </ul>
  587.          <div class="hcyxq">
  588.              <div class="fl">
  589.                  <p>请立即到虎彩网兑换彩金投注彩票，祝您中大奖</p>
  590.                  <p>友情提示:每个账号最多领取10份彩金</p>
  591.              </div>
  592.              <div class="fr"><a href="http://www.hoocp.com/useraccount/hb/chongzhi.html" target="_blank">前去投注</a></div>
  593.          </div>
  594.          <dl class="zf-fs clearfix">
  595.              <dt>&nbsp;</dt>
  596.              <dd></dd>
  597.          </dl>
  598.  
  599.      </div>
  600.  </div>
  601.  <div class="hcbg-2"></div>
  602.  <div class="caijin-ysw">
  603.      <div class="ycmm-tit"><span>查看彩金</span><a href="javascript:;" onclick="yswClose()">close</a></div>
  604.      <div class="cpysw">
  605.          <h4 id="cpyswId" >很遗憾，彩票已送完</h4>
  606.          <a href="#" onclick="yswClose()">确认</a>
  607.      </div>
  608.  </div>
  609.  
  610.  <!-- 订单弹窗 -->
  611.  <div class="glotc-bg"></div>
  612.  <div class="glotc-main">
  613.      <div class="glotc-tit"><span>信息提示</span><a href="javascript:;" onclick="gloClose()" class="glo-close">close</a></div>
  614.      <div class="glo-text">
  615.          <div class="hi100">
  616.              <h5>亲爱的用户：</h5>
  617.              <p><span>是否确定该订单已收货？</span></p>
  618.              <p>确认收货后给予评价，即可获得积分</p>
  619.          </div>
  620.          <div class="glo-bt">
  621.              <a id="qrshOk" href="javascript:;" class="bt-c4">确定</a>
  622.              <a href="javascript:;" onclick="gloClose()">取消</a>
  623.          </div>
  624.      </div>
  625.  </div>
  626.  </div>
  627.  <!-- 订单取消原因弹窗-->
  628.  <div class="glotc-bg1" ></div>
  629.  <div class="glotc-main1 order_mode">
  630.      <div class="glotc-tit">
  631.          <span id="glotcTitle">取消订单</span><a href="javascript:;" onclick="ggtcColse()" class="glo-close">close</a>
  632.      </div>
  633.      <div class="glo-text">
  634.  
  635.          <div class='mode_content'>
  636.              <dl class="category clearfix">
  637.                  <input type="hidden" id="complaintOrderId" value="" />
  638.                  <h3>请选择取消订单的理由: </h3>
  639.                  <dd>
  640.                      <select name="cancelId" id="cancelId" class="bk-e2">
  641.                          <option value="">请选择取消的原因</option>
  642.                          <option value="1">不想要了</option>
  643.                          <option value="2">其他原因</option>
  644.                          <option value="3">遇到付款问题</option>
  645.                          <option value="4">选错商品</option>
  646.                      </select>
  647.                      <span class="ts-error" id="addComplaintTypeIdError"><em class="ico"></em>请选择订单取消原因</span>
  648.  
  649.                  </dd>
  650.              </dl>
  651.          </div>
  652.  
  653.          <div class="glo-bt">
  654.              <a href="javascript:;" name="ggtcBtn" action="ok" class="bt-c4"  style="" onclick="saveCancelOrder()">确定</a>
  655.              <a href="javascript:;" class="btn-ljzc" onclick="cancelOrder()">取消</a>
  656.          </div>
  657.      </div>
  658.  </div>
  659.  <!-- 订单列表-->
  660.  <script type="text/javascript">
  661.      $(".order_nav li").click(function(){
  662.          var operation = $(this).attr("id");
  663.          $(this).addClass('tp-tab-checked').siblings().removeClass('tp-tab-checked');
  664.          $("#operation").val(operation);
  665.          clickPageNum(null,"p=1");
  666.      })
  667.  </script>

我的预约订单页面List的更多相关文章

  1. 在Ecshop后台打印订单页面将商品按货号排序

    ECSHOP后台管理里的“打印订单" 页面里的商品排序有点乱,现在想改成按序号来排序,修改方法如下 下面是在2.7.2基础上做的修改 打开 admin/order.php  文件 找到(大约 ...

  2. Luffy之结算订单页面(订单模型表的创建,订单的生成,以及订单详情展示等)

    订单页面 在前面我们已经构建了,购物车的页面,接下来到了结算页面 1.首先,在购物车页面点击去结算按钮时,我们需要做如下动作 .前端发送生成订单的请求,点击标签内触发事件 create_order t ...

  3. Django电商项目---完成订单页面day5

    完成订单页面 创建订单项目 python manage.py startapp df_order manas/settings.py manas/urls.py 创建静态文件: templates/d ...

  4. django-用户中心订单页面

    提交订单页面place_order.html,创建订单成功后跳转到用户订单页面 {% block bottomfiles %} <script type="text/javascrip ...

  5. 小程序swiper实现订单页面

    小程序swiper实现订单页面 myOrder.wxml <!--pages/myorder/myorder.wxml--> <view class="swiper-tab ...

  6. DJANGO-天天生鲜项目从0到1-012-订单-用户订单页面

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  7. day85:luffy:购物车根据有效期不同切换价格&购物车删除操作&价格结算&订单页面前戏

    目录 1.购物车有效期切换 2.根据有效期不同切换价格 3.购物车删除操作 4.价格结算 5.订单页面-初始化 1.购物车有效期切换 1.关于有效期表结构的设计 1.course/models.py ...

  8. OnSen UI结合AngularJs打造”美团"APP"订单”页面 --Hybrid App

    1.页面效果图: 演示链接地址:http://www.nxl123.cn/bokeyuan/meiTuanDemo_order/ 2.核心代码 order.html: <ons-page id= ...

  9. 我的订单页面List

    <%@ page language="java" contentType="text/html;charset=UTF-8"%> <%@ ta ...

随机推荐

  1. Java API实现Hadoop文件系统增删改查

    Java API实现Hadoop文件系统增删改查 Hadoop文件系统可以通过shell命令hadoop fs -xx进行操作,同时也提供了Java编程接口 maven配置 <project x ...

  2. nginx -s reload时出现open() "/run/nginx.pid" failed (2: No such file or directory)错误

    解决办法: 找到你的nginx.conf的文件夹目录,比如我的为/etc/nginx/nginx.conf,然后运行这个  nginx -c /etc/nginx/nginx.conf命令,  再运行 ...

  3. vmware提示请卸载干净再重新安装的解决办法

    结论:删掉   HKEY_LOCAL_MACHINE\\SOFTWARE\Wow6432Node\VMware, Inc.    就可以了. ----------------------------- ...

  4. CSS之优先级

    css的优先级 所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序. 样式表中的特殊性描述了不同规则的相对权重,它的基本规则是: 1 内联样式表的权值最高               sty ...

  5. 微信小程序中的单位

    vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%. vh:viewpoint height,视窗高度,1vh等于视窗高度的1%. rpx:rpx单位是微信小程序中css的尺寸单 ...

  6. python之编程风格

    第一:语句和语法 #   表示注释掉的内容 \    续行 print("yyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy\ yyyyyyyyyyyyyyyyyyyyy ...

  7. Wordpress页面只显示一篇文章

  8. PHP 使用POST 获取不到部分数据问题

    使用PHP开发的一个项目,在测试阶段客户反馈说数据没有保存成功 而我之前测试是通过的,但按客户的信息上却重现了问题 问题是这样的 客户通过浏览器进行保存,但有些数据已经保存成功,但某些数据却没有保存成 ...

  9. Javascript : require.js 的使用（例子）

    demo 结构:     config.js require.config({ baseUrl: 'js/lib', paths: { 'jquery' : 'jquery-1.11.1.min', ...

  10. apache的server-status如何分析的技术说明

    XML/HTML代码 Apache Server Status for www.blogguy.cn Server Version: Apache/2.2.9 (Debian) PHP/5.2.6-1 ...