我的海外购页面List

<%@ page language="java" contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@include file="/jsp/common/common_ctx.jsp" %>
<div class="shelves-title">

    <c:choose>

        <c:when test="${model.isAbroad=='N'}">
            <div class="shelves-t-left">我的订单</div>
        </c:when>

        <c:otherwise>
            <div class="shelves-t-left">我的海外订单</div>
        </c:otherwise>
    </c:choose>

    <div class="shelves-t-right"></div>
</div>
<div class="wxts">温馨提示：收货完成后给予评价，即可获得额外积分</div>
<!--订单弹窗 -->
<style>
    .wxts {
        border: 1px solid #e2e2e2;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        margin-top: 10px;
    }

    .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;
    }

    .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;
    }

    .glotc-main .glotc-tit {
        background: #c40000;
        position: relative;
        height: 36px;
        font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1";
        color: #fff;
        padding: 0 8px;
    }

    .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;
    }

    .glotc-main .glo-close:hover {
        background-position: 0 -155px;
    }

    .glotc-main .glo-text {
        padding: 15px 30px;
    }

    .glotc-main .hi100 {
        height: 100px;
    }

    .glotc-main .hi100 h5 {
        line-height: 28px;
    }

    .glotc-main .hi100 p {
        text-indent: 2em;
        height: 24px;
    }

    .glotc-main .hi100 span {
        color: #c40000;
        font-size: 14px;
    }

    .glotc-main .glo-bt {
        text-align: center;
    }

    .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;
    }

    .glotc-main .glo-bt a.bt-c4 {
        background: #c40000;
        border: 1px solid #c40000;
        color: #fff;
    }

    .glotc-main .glo-bt a.bt-c4:hover {
        background: #e43532;
        border: 1px solid #e43532;
    }

    .glotc-main .glo-bt a:hover {
        background: #e5e5e5;
    }

    /*2015.03.10新添*/
    .wxts {
        border: 1px solid #e2e2e2;
        height: 25px;
        line-height: 25px;
        padding-left: 10px;
        margin-top: 10px;
    }

    .ddtit {
        border-top: 2px solid #c40000;
    }

    .ddtit li {
        float: left;
        text-align: center;
        height: 44px;
        line-height: 44px;
    }

    .ddtit .w-1 {
        width: 317px;
    }

    .ddtit .w-2 {
        width: 116px;
    }

    .ddtit .w-3 {
        width: 96px;
    }

    .ddtit .w-4 {
        width: 175px;
    }

    .ddtit .w-5 {
        width: 143px;
    }

    .ddtit .w-6 {
        width: 128px;
    }

    .ddtable {
        border: 1px solid #e2e2e2;
        margin-bottom: 10px;
    }

    .ddtable:hover {
        border: 1px solid #a3a3a3;
    }

    .goods-orders56 .k-1 {
        height: 34px;
        line-height: 34px;
        padding-left: 20px;
        background: #fafafa;
        font-size: 14px;
        text-align: left;
        font-weight: 400;
        border-bottom: 1px solid #e2e2e2;
    }

    .goods-orders56 .k-1 span {
        margin-right: 20px;
    }

    .goods-orders56 td {
        vertical-align: top;
        padding-top: 20px;
    }

    .goods-orders56 p {
        line-height: 18px;
    }

    .goods-orders56 .buy {
        color: #fff;
        background: #c40000;
        font: 400 14px/25px "\5FAE\8F6F\96C5\9ED1";
        cursor: pointer;
        display: inline-block;
        padding: 3px 10px;
        text-decoration: none;
    }

    .goods-orders56 .buy:hover {
        background: #e43532;
    }

    .goods-orders56 .cp-1 {
        width: 295px;
        padding-left: 20px;
        border-right: 1px solid #e2e2e2;
        padding-bottom: 20px;
    }

    .goods-orders56 .cp-2 {
        width: 115px;
        text-align: center;
        border-right: 1px solid #e2e2e2;
    }

    .goods-orders56 .cp-3 {
        width: 95px;
        text-align: center;
        border-right: 1px solid #e2e2e2;
    }

    .goods-orders56 .cp-4 {
        width: 154px;
        border-right: 1px solid #e2e2e2;
        padding-left: 20px;
        padding-bottom: 20px;
    }

    .goods-orders56 .cp-5 {
        width: 123px;
        border-right: 1px solid #e2e2e2;
        padding-left: 20px;
    }

    .goods-orders56 .cp-6 {
        width: 108px;
        padding-left: 20px;
    }

    .goods-orders56 .cp-1 .pic_01 {
        display: block;
        width: 60px;
        height: 60px;
        border: 1px solid #e2e2e2;
        float: left;
        margin-right: 10px;
    }

    .goods-orders56 .cp-1 .pic_01 img {
        width: 60px;
        height: 60px;
    }

    .goods-orders56 .cp-1 .desc {
        float: left;
        width: 200px;
        word-wrap: break-word;
    }

    .goods-orders56 .cp-1 .desc p {
        height: 40px;
        overflow: hidden;
        line-height: 18px;
    }

    .goods-orders56 .cr {
        color: #c40000;
    }

    .goods-orders56 .cb {
        color: #3764c1;
    }
    .goods-orders56 .bian-b {
        border-bottom: 1px solid #e2e2e2;
    }
</style>

<!-- 订单tab -->

<style >
    .taiping-title{
        padding: 10px 0px 10px 14px;
        border-bottom: 2px solid #ae060f;
        overflow: hidden;
    }
    .taiping-title h3{
        color: #c65057;
        font-size: 14px;
        font-weight: bold;
        float: left;
    }
    .order_nav{
        width: 100%;
        overflow: hidden;
        border-bottom: 2px solid #c20712;
    }
    .order_nav ul{
        float:left;
    }
    .order_nav ul li {
        padding: 6px 32px 4px 32px;
        background: #f5f5f5;
        float:left;
        text-align: center;
        font-weight: bold;
        margin-right: 2px;
    }
    .order_nav ul li {
        cursor: pointer;
    }
    .tp-tab-checked{
        background: #c20712!important;
        color:#fff!important;
    }
    /*                    .tp-content-Box{
                            width:983px;
                            float: left;
                           border-left: 1px solid #e2e2e2;
                           border-bottom: 1px solid #e2e2e2;
                           border-right: 1px solid #e2e2e2;
                           margin-bottom: 27px;
                        }
                        .tp-content-list ul,.tp-all-content ul{
                            float:left;
                            width: 100%;
                            border-bottom: 1px solid #e2e2e2;
                        }
                        .tp-content-list ul li {
                            padding: 10px 0;
                            text-align: center;
                            float: left;
                            width: 25%;
                        }
    */                    .wxts{
                                      border: 1px solid #e2e2e2;
                                      height: 25px;
                                      line-height: 25px;
                                      padding-left: 10px;
                                      margin-top: 10px;
                                      margin-bottom: 10px;
                                  }
    .order_box {
        margin: 20px 0 26px 0;
        border: 1px solid #e5e5e5;
    }
    .order_date  td {
        padding: 6px 0;
    }
    .order_date span{
        margin: 0 16px;
        color: #c1c1c1;
    }
    .order_date span cite{
        color: #333333;
        margin-left: 10px;
    }
    .order_title {
        background: #f5f5f5;
    }
    .order_title th{
        padding: 6px 0;
    }
    .order_list {
        text-align: center;
    }
    .order_list,.order_list td{
        border: 1px solid #e5e5e5;
    }
    .order_img{
        width: 366px;
        height: 105px;
        border-top: 1px solid #e5e5e5;
    }
    .order_img div {
        width: 68px;
        height: 68px;
        border: 1px solid #e5e5e5;
        float: left;
        margin: 19px 16px;
        position: relative;
    }
    .order_img div img {
        margin: auto;
        display: block;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
    }
    .order_img span {
        float: left;
        margin: 32px 33px 21px 26px;
        width: 203px;
        font-size: 12px;
        line-height: 21px;
    }
    .order_img:nth-of-type(1){
        border:none;
    }
    .order_img_box {
        width: 366px;
    }
    .order_number {
        width: 122px;
    }
    .order_price {
        width: 190px;
    }
    .order_price span {
        display: block;
        width: 139px;
        text-align: left;
        padding-left: 24px;
    }
    .order_state{
        width: 173px;
    }
    .order_handle {
        width: 144px;
    }
    .order_handle span,.order_handle a{
        display: block;

    }
    .order_handle a{
        color: #4c89c5;
    }
    .order_pay{
        color: #fff;
        padding:4px 8px 7px 8px;
        background: #fc8524;
        border: none;
        border-radius: 5px;
        cursor:pointer;
    }
    .order_none {
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }
    /*mode 样式 start*/
    .mode_content{
        padding: 40px 35px 65px 35px;
    }
    .mode_content h3,.mode_content select{
        float: left;
    }
    .order_mode {
        height: auto;
    }
    .mode_content select {
        margin-left: 5px;
        width: 200px;
        height: 26px;
        border-color: #e5e5e5;
        text-align: center;
        text-align-last:center;
        color: #b7b7b7;
    }

    .mode_content span{

        display: none;
        color:#c40000;
        margin-left: 150px;
    }
</style>
<script>
    function sealedOrderList(){

        var sealedMemberId=$('#sealedAcc').val();
        if(sealedMemberId==null || sealedMemberId ==0){
            refreshDivContent("collectionRight",appPath+"/myec/view/abroad/order/1.html",
                    {timeId:$('#menu1').val()});
        }else{
            refreshDivContent("collectionRight",appPath+"/myec/view/sealed/abroad/order/1.html",
                    {timeId:$('#menu1').val(),sealedMemberId:sealedMemberId});
        }
    }

</script>
<div class="coupons-body">
    <div class="coupons-title">
        <%--<c:choose>
            <c:when test="${model.isAbroad=='N'}">
                <div class="coupons-01">普通商品</div>
            </c:when>

            <c:otherwise>
                <div class="coupons-01">海外商品</div>
            </c:otherwise>
        </c:choose>--%>
        <div class='order_nav'>
            <ul>
                <li class='tp-tab-checked' id="0">
                    全部
                </li>
                <li id="1">
                    待付款
                </li>
                <li id="2">
                    待发货
                </li>
                <li id="3">
                    待收货
                </li>
                <li id="4">
                    待评价
                </li>
                <li id="6">
                    已取消
                </li>
            </ul>
            <select id="menu1" name="menu1" onchange="checkMounth()" style="float: right; margin-top: 3px;">
                <option value="0" <c:if test="${model.sel == 's'}">selected="selected"</c:if>>最近一个月订单</option>
                <option value="1" <c:if test="${model.sel == 'b'}">selected="selected"</c:if>>一个月前订单</option>
            </select>

            <c:choose>
                <c:when test="${!empty model.sealedMemberList}">
                    <div>

                        <select id="sealedAcc" name="sealedAcc" onchange="sealedOrderList()" style="float:right; margin-right: 20px;margin-top:4px;">
                            <option value="0" <c:if test="${sels == '0'}">selected="selected"</c:if>>请选择</option>
                            <c:forEach var="row" items="${model.sealedMemberList}">

                                <option value=${row.memberId} <c:if test="${model.sealedMemberId == row.memberId}"> selected="selected"</c:if>>${row.loginName}</option>

                            </c:forEach>

                        </select>
                        <div style="float: right; margin-right: 10px;">已封存账户：</div>
                    </div>
                </c:when>
            </c:choose>
            <div class="clear"></div>
          </div>
    </div>
    <form id="orderConfirm" name="orderConfirm" method="post" action="${urlPrefix.j1Web}/myec/myecOrderCommit.html">
        <!--标题部分---start-->
        <div class="ddtit clearfix">
            <ul>
                <li class="w-1">商品名</li>
                <li class="w-2">单价(元)</li>
                <li class="w-3">数量</li>
                <li class="w-4">实付款(元)</li>
                <li class="w-5">订单状态</li>
                <li class="w-6">操作</li>
            </ul>
        </div>
        <!--标题部分---end-->
        <!--订单详情部分--start-->
        <c:choose>
            <c:when test="${empty model.pagination.data}">
                <%--<div class="ddtable">--%>
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="goods-orders56">
                        <tr>
                            <td colspan="6" align="center" class="process-td process-bottom">无相关记录</td>
                        </tr>
                    </table>
                <%--</div>--%>
            </c:when>
            <c:otherwise>
                <c:forEach var="row" items="${model.pagination.data}">
                    <c:if test="${row.memberId eq sessionScope.memberId  or row.memberId == model.sealedMemberId }">
                        <div class="ddtable">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="goods-orders56">
                                <tr>
                                    <th colspan="6" class="k-1">
                                        <c:if test="${row.isTc ne 'Y' }">
                                            <span>${row.commitTime }</span>
                                            <span>订单号：${row.orderId}</span>
                                            <span>收货人：${row.receiveUser }</span>
                                        </c:if>
                                        <c:if test="${row.isTc eq 'Y' }">
                                            <span style="color:#333333;font-size:16px;">订单详情请致电</span>
                                            <span style="color:#FF0000;font-size:16px;">4007-092-988</span>
                                            <span style="color:#000000;font-size:16px;">咨询药师</span>
                                        </c:if>

                                        <span>
                                            <img src="https://img02.j1.com/images/images1308/ico/stock_${row.stockNo}.png" alt="">

                                                <%--${row.stockName}--%>

                                                <%--<c:if test="${fn:trim(row.stockName) eq '香港直邮'}">--%>
                                                    <%--<img src="https://img02.j1.com/images/images1308/ico/hrt_ico_01.gif" alt="">--%>
                                                <%--</c:if>--%>
                                                <%--<c:if test="${fn:trim(row.stockName) eq '深圳保税仓'}">--%>
                                                    <%--<img src="https://img02.j1.com/images/images1308/ico/szbsc.gif" alt="">--%>
                                                <%--</c:if>--%>
                                                <%--<c:if test="${fn:trim(row.stockName) eq '广州保税仓'}">--%>
                                                    <%--<img src="https://img02.j1.com/images/images1308/ico/gzbsc.gif" alt="">--%>
                                                <%--</c:if>--%>
                                                   <%--<c:if test="${fn:trim(row.stockName) eq '澳洲PO药房'}">--%>
                                                       <%--<img src="https://img.j1.com/images/images1308/ico/australia_po.png" alt="">--%>
                                                   <%--</c:if>--%>
                                                <%--<c:if test="${fn:trim(row.stockName) eq '德国BA药房'}">--%>
                                                    <%--<img src="https://img.j1.com/images/images1308/ico/german_ba.png" alt="">--%>
                                                <%--</c:if>--%>

                                            </span>
                                    </th>
                                </tr>
                                <c:if test="${not empty row.orderItems}">
                                    <c:set var="len" value="${fn:length(row.orderItems)}"/>
                                    <c:if test="${len > 2}">
                                        <c:set var="td_cls" value="bian-b"/>
                                    </c:if>
                                    <c:forEach varStatus="st" begin="0" step="1" var="orderItem"
                                               items="${row.orderItems}">
                                        <tr>
                                            <td class="cp-1 bian-b"><a href="${urlPrefix.j1Web}/product/${orderItem.productId }-${orderItem.goodsId }.html" target="_blank" class="pic_01"><img
                                                    src="${orderItem.proImageUrl}" alt=""/></a>

                                                <div class="desc">
                                                    <p><a href="${urlPrefix.j1Web}/product/${orderItem.productId }-${orderItem.goodsId }.html" target="_blank">${orderItem.goodsName}</a></p>
                                                </div>
                                            </td>
                                            <!-- 出现2行以上td添加类 bian-b -->
                                            <td class="cp-2 ${td_cls}">￥${orderItem.goodsSumFee}</td>
                                            <td class="cp-3 ${td_cls}">×${orderItem.goodsAmount}
                                            </td>
                                            <c:if test="${st.index == 0}">
                                                <!-- 有几行数字就是几rowspan="2" -->
                                                <td rowspan="${len}" class="cp-4"><p>商品总价：￥<fmt:formatNumber
                                                        pattern="#0.00#"
                                                        value="${empty row.skuFee ?0.00:row.skuFee}"/></p>

                                                    <p>运费金额：￥<fmt:formatNumber pattern="#0.00#"
                                                                               value="${empty row.deliveryFee ?0.00:row.deliveryFee}"/></p>
                                                    <p>(重量：<fmt:formatNumber pattern="#0.00#" value="${empty row.skuWeights ?0.00:row.skuWeights}"/>Kg)</p>
                                                    <c:set var="disFee"
                                                           value="${row.discountFee+row.orderPoints+row.orderVouchers+row.otherDiscounts}"/>
                                                    <p>优惠金额：￥<fmt:formatNumber pattern="#0.00#"
                                                                               value="${empty disFee ?0.00:disFee}"/></p>

                                                    <p>积分抵扣金额：￥<fmt:formatNumber pattern="#0.00#"
                                                                                 value="${empty row.orderPoints ?0.00:row.orderPoints}"/></p>
                                                    <p>税费金额：￥<fmt:formatNumber pattern="#0.00#"
                                                                               value="${empty row.taxFee ?0.00:row.taxFee}"/></p>

                                                    <p>订单合计：
                                                    <span class="cr">
                                                                <fmt:formatNumber pattern="#0.00#" value="${empty model.orderList.orderFee ?0.00:model.orderList.orderFee}" />元

                                                    </span>
                                                        <c:choose>
                                                            <c:when test="${not empty row.paymentTypeName}">(${row.paymentTypeName })</c:when>
                                                        </c:choose>
                                                    </p>

                                                </td>
                                                <!---->
                                                <td rowspan="${len}" class="cp-5">
                                                    <p id="stateSpan_${row.orderId}" onmousemove="showRz(this.id)"
                                                       onmouseout="hideRz(this.id)"> ${row.codeValue }</p>

                                                    <p>
                                                        <c:choose>
                                                            <c:when test="${row.isPaid eq 'Y' }">
                                                                (已付款)
                                                            </c:when>
                                                            <c:otherwise>
                                                                (未付款)
                                                            </c:otherwise>
                                                        </c:choose>
                                                    </p>

                                                    <div id="ddrz_${row.orderId}" style="display: none"
                                                         class="address-relative">
                                                        <div class="address-relative-body">
                                                            <h4>订单跟踪</h4>

                                                            <div class="address-absolute"></div>
                                                            <div></div>
                                                            <table id="tb_${row.orderId}" width="100%" border="0"
                                                                   cellspacing="0" cellpadding="0" class="address-tip">
                                                                <tr>
                                                                    <td class="address-bottom">处理时间</td>
                                                                    <td class="address-bottom">处理意见</td>
                                                                </tr>
                                                                <c:forEach var="orderLog" items="${row.orderLogList}">
                                                                    <tr>
                                                                        <td class="address-bottom">${orderLog.logTime}</td>
                                                                        <td class="address-bottom">${orderLog.logContent}</td>
                                                                    </tr>
                                                                </c:forEach>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    <p>
                                                        <a href="${urlPrefix.j1Web}/myec/view/${row.orderId }/queryOrderDetail.html"
                                                           class="blue">订单详情</a>
                                                    </p>
                                                </td>
                                                <td rowspan="${len}" class="cp-6">
                                                        <%--<a href="" class="buy">立即支付</a>
                                                        <p>订单取消</p>
                                                        <p><a href="" target="_blank" class="cb">评价</a></p>--%>
                                                    <!--  已完成     -->
                                                    <c:if test="${row.codeNo eq 'finish'}">
                                                        <%--<a href="${urlPrefix.j1Web}/myec/view/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>&nbsp;&nbsp;--%>
                                                        <c:if test="${model.isSealedMember eq 'N'}">
                                                            <c:choose>
                                                                <c:when test="${row.iseval eq 'Y' }">
                                                                    <c:if test="${row.isTc eq 'N' }">
                                                                        <p><a href="javaScript:void(0);"
                                                                              class="blue">已评价</a></p>
                                                                    </c:if>
                                                                </c:when>
                                                                <c:otherwise>
                                                                    <c:if test="${row.isTc eq 'N' }">
                                                                        <p>
                                                                            <a href="${urlPrefix.j1Web}/comment/view/evaluations.html"
                                                                               class="blue">评价</a></p>
                                                                    </c:if>
                                                                </c:otherwise>
                                                            </c:choose>
                                                        </c:if>
                                                        <c:if test="${row.isPaid eq 'Y'}">
                                                            <c:forEach items="${prizeList}" var="pp">
                                                                <c:if test="${pp.ORDER_ID == row.orderId && pp.PRIZE_COUNT == 0 && pp.PAID_FEE >= 85}">
                                                                    <p><a style="margin-left: 10px; color: red"
                                                                          href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
                                                                    </p>
                                                                </c:if>
                                                            </c:forEach>
                                                        </c:if>
                                                        <c:if test="${row.isHcwCj eq 'Y'}">
                                                            <p><a class="blue" href="#"
                                                                  onclick="showHcCode(${row.orderId})">查看兑换码</a></p>
                                                        </c:if>
                                                    </c:if>
                                                    <!--  已发货     -->
                                                    <c:if test="${row.codeNo eq 'delivering' && row.codeNo ne 'finish' && model.isSealedMember eq 'N'}">
                                                        <c:if test="${row.paymentMode eq 'KDFH' }">
                                                            <p><a href="#" class="blue"
                                                                  onclick="deliveringOrder('${row.orderId}')">收货确认</a>
                                                            </p>
                                                        </c:if>
                                                        <div class="clear"></div>
                                                        <%--<a href="${urlPrefix.j1Web}/myec/view/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>--%>
                                                        <c:if test="${row.isPaid eq 'Y'}">
                                                            <c:forEach items="${prizeList}" var="pp">
                                                                <c:if test="${pp.ORDER_ID==row.orderId && pp.PRIZE_COUNT==0 && pp.PAID_FEE >= 85}">
                                                                    <p><a style="margin-left: 10px; color: red"
                                                                          href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
                                                                    </p>
                                                                </c:if>
                                                            </c:forEach>
                                                        </c:if>
                                                    </c:if>
                                                    <!-- 已取消 -->
                                                    <c:if test="${row.codeNo eq 'cancel' && row.codeNo ne 'finish'}">
                                                        <c:if test="${model.isSealedMember eq 'N'}"><p>订单已取消</p></c:if>
                                                        <div class="clear"></div>
                                                        <%--<a href="${urlPrefix.j1Web}/myec/view/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>--%>
                                                        <c:if test="${row.isPaid eq 'Y'}">
                                                            <c:forEach items="${prizeList}" var="pp">
                                                                <c:if test="${pp.ORDER_ID eq row.orderId && pp.PRIZE_COUNT eq 0 && pp.PAID_FEE >= 85}">
                                                                    <p><a style="margin-left: 10px; color: red"
                                                                          href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
                                                                    </p>
                                                                </c:if>
                                                            </c:forEach>
                                                        </c:if>
                                                    </c:if>
                                                    <!--  -->
                                                    <c:if test="${row.codeNo ne 'cancel' && row.codeNo ne 'delivering'  && row.codeNo ne 'finish'}">
                                                        <c:if test="${row.paymentMode eq 'KDFH' || row.paymentMode eq 'ZTFK' }">
                                                            <c:if test="${row.isPaid ne 'Y' && row.orderPayFee > 0  && model.isSealedMember eq 'N'}">
                                                                <a onclick="commitMyecOrder('${row.orderId }')"
                                                                   class="buy">立即支付</a>
                                                            </c:if>
                                                        </c:if>
                                                       <%-- <p><a href="#" class="blue" onclick="addMultiCart('${row.ids}')">重新加入购物车</a></p>--%>
                                                        <%--<a href="${urlPrefix.j1Web}/myec/view/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>--%>
                                                        <c:if test="${row.isPaid eq 'Y'}">
                                                            <c:forEach items="${prizeList}" var="pp">
                                                                <c:if test="${pp.ORDER_ID eq row.orderId && pp.PRIZE_COUNT eq 0 && pp.PAID_FEE >= 85}">
                                                                    <p><a style="margin-left: 10px; color: red"
                                                                          href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
                                                                    </p>
                                                                </c:if>
                                                            </c:forEach>
                                                        </c:if>
                                                        <div class="clear"></div>
                                                            <c:if test="${model.isSealedMember eq 'N'}">
                                                                <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'}">
                                                                    <p><a href="#" class="blue"
                                                                          onclick="cancelOrderDiv('${row.orderId}')">取消订单</a></p>
                                                                </c:if>

                                                                <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'}">
                                                                    <p><a href="#" class="blue"
                                                                          onclick="cancelOrderDiv('${row.orderId}')">取消订单</a></p>
                                                                </c:if>
                                                                <c:if test="${row.paymentMode eq 'HDFK' && row.orderState eq '29' && model.isSealedMember eq 'N'}">
                                                                    <p><a href="#" class="blue"
                                                                          onclick="cancelOrderDiv('${row.orderId}')">取消订单</a></p>
                                                                </c:if>
                                                            </c:if>
                                                    </c:if>

                                                </td>
                                                <!---->
                                            </c:if>

                                        </tr>
                                    </c:forEach>
                                </c:if>

                            </table>
                        </div>
                    </c:if>
                </c:forEach>
            </c:otherwise>
        </c:choose>

        <!--订单详情部分--end-->
    </form>

    <c:if test="${not empty model.pagination.data}">
        <div align="right">
            <jsp:include page="/jsp/component/pagination_footer_ajax.jsp">
                <jsp:param value="true" name="scroll"/>
            </jsp:include>
        </div>
    </c:if>
</div>
<!-- 虎彩网抽奖2014-08-06到2014-09-20 -->
<style>
    .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;
    }

    .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;
    }

    .caijin-tc .ycmm-tit a {
        background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat;
    }

    .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;
    }

    .caijin-tc .ycmm-tit a:hover {
        background-position: 0 -155px;
    }

    .caijin-tc .ycmm-tit {
        background: #c40000;
        position: relative;
        height: 36px;
        font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1";
        color: #fff;
        padding: 0 8px;
    }

    .caijin-tc .ycmmsz ul {
        height: 120px;
        border: 1px solid #e5e5e5;
        margin: 0 20px;
        overflow: auto;
    }

    .caijin-tc .ycmmsz dl {
        text-align: center;
    }

    .caijin-tc .ycmmsz dt, .caijin-tc .ycmmsz dd {
        width: 198px;
        float: left;
    }

    .caijin-tc h4 {
        font: 700 18px/35px "\5FAE\8F6F\96C5\9ED1";
        text-align: center;
        padding: 10px 0;
        color: #c40000;
    }

    .caijin-tc .hcyxq {
        padding: 10px 20px;
    }

    .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;
    }

    .caijin-tc .hcyxq a:hover {
        background: #E43532;
        border: 1px solid #E43532;
    }

    .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;
    }

    .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;
    }

    .caijin-ysw .ycmm-tit a {
        background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat;
    }

    .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;
    }

    .caijin-ysw .ycmm-tit a:hover {
        background-position: 0 -155px;
    }

    .caijin-ysw .ycmm-tit {
        background: #c40000;
        position: relative;
        height: 36px;
        font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1";
        color: #fff;
        padding: 0 8px;
    }

    .cpysw {
        text-align: center;
    }

    .cpysw h4 {
        font: 700 24px/35px "\5FAE\8F6F\96C5\9ED1";
        text-align: center;
        color: #999;
        padding: 40px 0 20px;
    }

    .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;
    }

    .cpysw a:hover {
        background: #E43532;
        border: 1px solid #E43532;
    }
</style>
<div class="hcbg-1"></div>
<div class="caijin-tc">
    <div class="ycmm-tit"><span>查看彩金</span><a href="javascript:;">close</a></div>
    <div class="ycmmsz">
        <h4>恭喜您获得以下彩金</h4>
        <ul id="codeTable">
            <!--             <dl> -->
            <!--                 <dt>卡号</dt> -->
            <!--                 <dd>密码</dd> -->
            <!--             </dl> -->
            <!--             <dl> -->
            <!--                 <dt>31654646445561</dt> -->
            <!--                 <dd>56464</dd> -->
            <!--             </dl> -->
            <!--             <dl> -->
            <!--                 <dt>31654646445561</dt> -->
            <!--                 <dd>56464</dd> -->
            <!--             </dl> -->

        </ul>
        <div class="hcyxq">
            <div class="fl">
                <p>请立即到虎彩网兑换彩金投注彩票，祝您中大奖</p>

                <p>友情提示:每个账号最多领取10份彩金</p>
            </div>
            <div class="fr"><a href="http://www.hoocp.com/useraccount/hb/chongzhi.html" target="_blank">前去投注</a></div>
        </div>
        <dl class="zf-fs clearfix">
            <dt>&nbsp;</dt>
            <dd></dd>
        </dl>

    </div>
</div>
<div class="hcbg-2"></div>
<div class="caijin-ysw">
    <div class="ycmm-tit"><span>查看彩金</span><a href="javascript:;" onclick="yswClose()">close</a></div>
    <div class="cpysw">
        <h4 id="cpyswId">很遗憾，彩票已送完</h4>
        <a href="#" onclick="yswClose()">确认</a>
    </div>
</div>
<!-- 订单弹窗 -->
<div class="glotc-bg"></div>
<div class="glotc-main">
    <div class="glotc-tit"><span>信息提示</span><a href="javascript:;" onclick="gloClose()" class="glo-close">close</a>
    </div>
    <div class="glo-text">
        <div class="hi100">
            <h5>亲爱的用户：</h5>

            <p><span>是否确定该订单已收货？</span></p>

            <p>确认收货后给予评价，即可获得积分</p>
        </div>
        <div class="glo-bt">
            <a id="qrshOk" href="javascript:;" class="bt-c4">确定</a>
            <a href="javascript:;" onclick="gloClose()">取消</a>
        </div>
    </div>
</div>
<!-- 订单取消原因弹窗-->
<div class="glotc-bg1" ></div>
<div class="glotc-main1 order_mode">
    <div class="glotc-tit">
        <span id="glotcTitle">取消订单</span><a href="javascript:;" onclick="ggtcColse()" class="glo-close">close</a>
    </div>
    <div class="glo-text">

        <div class='mode_content'>
            <dl class="category clearfix">
                <input type="hidden" id="complaintOrderId" value="" />
                <h3>请选择取消订单的理由: </h3>
                <dd>
                    <select name="cancelId" id="cancelId" class="bk-e2">
                        <option value="">请选择取消的原因</option>
                        <option value="1">不想要了</option>
                        <option value="2">其他原因</option>
                        <option value="3">遇到付款问题</option>
                        <option value="4">选错商品</option>
                    </select>
                    <span class="ts-error" id="addComplaintTypeIdError"><em class="ico"></em>请选择订单取消原因</span>

                </dd>
            </dl>
        </div>

        <div class="glo-bt">
            <a href="javascript:;" name="ggtcBtn" action="ok" class="bt-c4"  style="" onclick="saveCancelOrder()">确定</a>
            <a href="javascript:;" class="btn-ljzc" onclick="cancelOrder()">取消</a>
        </div>
    </div>
</div>
<!-- 订单列表-->
<script type="text/javascript">
    $(".order_nav li").click(function(){
        var operation = $(this).attr("id");
        $(this).addClass('tp-tab-checked').siblings().removeClass('tp-tab-checked');
        $("#operation").val(operation);
        clickPageNum(null,"p=1");
    })
</script>