我的预约订单页面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">
<div class="shelves-t-left">我的药品预约订单</div>
<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;}
</style>
<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/order/1.html",
{timeId:$('#menu1').val()});
}else{
refreshDivContent("collectionRight",appPath+"/myec/view/sealedOrder/1.html",
{timeId:$('#menu1').val(),sealedMemberId:sealedMemberId});
}
}
</script>
<div class="coupons-body">
<div class="coupons-title">
<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>
<form id="orderConfirm" name="orderConfirm" method="post" action="${urlPrefix.j1Web}/myec/myecOrderCommit.html">
<c:choose>
<c:when test="${model.pagination.data == null}">
<tr>
<td colspan="6" align="center" class="process-td process-bottom">无相关记录</td>
</tr>
</c:when>
<c:otherwise>
<c:forEach var="row" items="${model.pagination.data}">
<c:if test="${row.memberId == sessionScope.memberId or row.memberId == model.sealedMemberId }">
<table width='100%' class='order_box'>
<tbody width="100%">
<tr width="100%" class='order_title'>
<th>商品名称</th>
<th>数量</th>
<th>实际付款(元)</th>
<th>订单状态</th>
<th>操作</th>
</tr>
<tr class='order_date'>
<td colspan="5" >
<span>下单时间:<cite>${row.commitTime }</cite></span>
<span>订单号: <cite>${row.orderId}</cite></span>
<span>收货人: <cite>${row.receiveUser }</cite></span>
</td>
</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 class='order_list'>
<td class="order_img_box"><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-3 ${td_cls}">×${orderItem.goodsAmount}
</td>
<c:if test="${st.index == 0}">
<!-- 有几行数字就是几rowspan="2" -->
<td rowspan="${len}" class="order_price"><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>
<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.taxFee ?0.00:row.taxFee}"/></p>
<p>积分抵扣金额：￥<fmt:formatNumber pattern="#0.00#"
value="${empty row.orderPoints ?0.00:row.orderPoints}"/></p>
<p>订单合计：
<c:if test="${row.isPaid ne 'Y' }">
￥<fmt:formatNumber pattern="#0.00#"
value="${empty row.orderFee ?0.00:row.orderFee}"/>
</c:if>
<c:if test="${row.isPaid eq 'Y' }">
￥<fmt:formatNumber pattern="#0.00#"
value="${empty row.orderFee ?0.00:row.orderPayFee}"/>
</c:if>
<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>
</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/reservation/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>
<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/reservation/${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/reservation/${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>
-->
<input name="" type="button" class="pay-btn" style="margin: 0 auto; margin-bottom: 5px; float: none; cursor: pointer;" onclick="commitMyecOrder('${row.orderId }')" />
<div class="clear"></div>
</c:if>
</c:if>
<%-- <p><a href="#" class="blue" onclick="addMultiCart('${row.ids}')">重新加入购物车</a></p>--%>
<a href="${urlPrefix.j1Web}/myec/view/reservation/${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>
<!-- cancelOrder -->
<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>
</c:if>
</tbody>
</table>
</c:forEach>
</c:otherwise>
</c:choose>
</table>
</form>
<c:if test="${model.pagination.data != null}">
<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> </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>
<!-- 订单取消原因弹窗-->
<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>
我的预约订单页面List的更多相关文章
- 在Ecshop后台打印订单页面将商品按货号排序
ECSHOP后台管理里的“打印订单" 页面里的商品排序有点乱,现在想改成按序号来排序,修改方法如下 下面是在2.7.2基础上做的修改 打开 admin/order.php 文件 找到(大约 ...
- Luffy之结算订单页面(订单模型表的创建,订单的生成,以及订单详情展示等)
订单页面 在前面我们已经构建了,购物车的页面,接下来到了结算页面 1.首先,在购物车页面点击去结算按钮时,我们需要做如下动作 .前端发送生成订单的请求,点击标签内触发事件 create_order t ...
- Django电商项目---完成订单页面day5
完成订单页面 创建订单项目 python manage.py startapp df_order manas/settings.py manas/urls.py 创建静态文件: templates/d ...
- django-用户中心订单页面
提交订单页面place_order.html,创建订单成功后跳转到用户订单页面 {% block bottomfiles %} <script type="text/javascrip ...
- 小程序swiper实现订单页面
小程序swiper实现订单页面 myOrder.wxml <!--pages/myorder/myorder.wxml--> <view class="swiper-tab ...
- DJANGO-天天生鲜项目从0到1-012-订单-用户订单页面
本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...
- day85:luffy:购物车根据有效期不同切换价格&购物车删除操作&价格结算&订单页面前戏
目录 1.购物车有效期切换 2.根据有效期不同切换价格 3.购物车删除操作 4.价格结算 5.订单页面-初始化 1.购物车有效期切换 1.关于有效期表结构的设计 1.course/models.py ...
- OnSen UI结合AngularJs打造”美团"APP"订单”页面 --Hybrid App
1.页面效果图: 演示链接地址:http://www.nxl123.cn/bokeyuan/meiTuanDemo_order/ 2.核心代码 order.html: <ons-page id= ...
- 我的订单页面List
<%@ page language="java" contentType="text/html;charset=UTF-8"%> <%@ ta ...
随机推荐
- PAT Basic 1012
1012 数字分类 (20 分) 给定一系列正整数,请按要求对数字进行分类,并输出以下 5 个数字: A1 = 能被 5 整除的数字中所有偶数的和: A2 = 将被 5 除后余 1 的数字 ...
- Java 集合总体框架介绍
Java集合是java提供的工具包,包含了常用的数据结构:集合.链表.队列.栈.数组.映射等.Java集合工具包位置是java.util.*Java集合主要可以划分为4个部分:List列表.Set集合 ...
- xpath分析 html文件抽正文的过程
使用Py3的HTMLParser解析模块解析HTML的时候,出现:no moudle named 'markupbase' 错误. 用xpath打算分析html里面的新闻.根据运行程序后的报错的信息, ...
- django之ajax补充
之前的ajax使用都是依据jquery来使用的,本篇会先分析ajax的原生的js代码实现,还有jsonp的介绍和最终使用. 本篇导航: js实现的ajax 同源策略与Jsonp 一.js实现的ajax ...
- Google C++ 单元测试 GTest
from : http://www.cnblogs.com/jycboy/p/6057677.html 一.设置一个新的测试项目 在用google test写测试项目之前,需要先编译gtest到lib ...
- 用C++实现半透明按钮控件(PNG,GDI+)
使用MFC实现上面的按钮半透明效果能看到父窗口中的内容,上面是效果图(一个是带背景图片的.另一个是不带的). 控件继承自CWnd类(彩色的部分是窗口的背景图片.按钮是PNG图片,第二个图标是鼠 ...
- 完善mui的tap及longtap点击效果
以下为原版效果: 以下为我们改版的效果: 希望你们能看出差别,很细小,但更适合我们的需要.就是选中背景色的问题,官方的是点一下背景色就没有了,我们的是选中一直存在.
- 运行VsCode缺少libxss.so.1
安装libXScrnSaver即可 yum install libXScrnSaver 使用的时候出现一个错误 bash: /usr/local/bin/rar: /lib/ld-linux. ...
- 毕加索发布轻量化转化引擎及BIMSOP协作云平台
一直以来,杂务缠身,博客都好久没有更新了,以后还是要继续坚持总结一下.希望能有时间坚持下去 :) 月初在国家会议中的智能展会上,我分享了毕加索公司近来的工作,即自行研发的轻量化转化云平台,以及以此为基 ...
- R语言︱处理缺失数据&&异常值检验、离群点分析、异常值处理
在数据挖掘的过程中,数据预处理占到了整个过程的60% 脏数据:指一般不符合要求,以及不能直接进行相应分析的数据 脏数据包括:缺失值.异常值.不一致的值.重复数据及含有特殊符号(如#.¥.*)的数据 数 ...