Authored by 郭成尧

close-order-modal-box

... ... @@ -76,3 +76,18 @@
</div>
</div>
</div>
{{!-- 取消订单确认框 --}}
<div class="ymodal ymodal-alert" id="closeModal">
<div class="ymodal-dialog">
<div class="ymodal-content">
<div class="ymodal-body">
取消订单后,本单享有的优惠可能会一并取消,确定申请吗?
</div>
<div class="modal-btn">
<button class="dis-miss-btn" data-dismiss="ymodal">返回</button>
<button id="sureClose">确定</button>
</div>
</div>
</div>
</div>
... ...
... ... @@ -64,7 +64,7 @@
<span class="hours">{{leftTime}}</span>
</li>
</ul>
<span class="btn cancel">取消订单</span>
<span class="btn cancel" data-toggle="ymodal" data-target="#closeModal">取消订单</span>
{{#if payUrl}}
<a class="locHref" href="{{payUrl}}">
<span class="btn pay">立即付款</span>
... ...
... ... @@ -13,8 +13,9 @@ var $ = require('yoho-jquery'),
var $navLi = $('#order-nav > li'),
$orderContainer = $('#order-container');
var $sureClose = $('#sureClose'); // 确定删除订单
var $sureRefund = $('#sureRefund'); // 确定申请退款
var $disMissBtn = $('#disMissBtn'); // 返回
var $disMissBtn = $('.dis-miss-btn'); // 返回
var $curContainer = $orderContainer.children('.orders:not(.hide)');// 保存当前显示的order-container
... ... @@ -246,7 +247,7 @@ orderHammer.on('tap', function(e) {
});
} else if ($cur.closest('.cancel').length > 0) {
// 取消订单
$reaMask.css('visibility', 'visible');
// $reaMask.css('visibility', 'visible');
} else if ($cur.closest('.refund').length > 0) {
// 申请退款
... ... @@ -441,6 +442,12 @@ $reaMask.on('touchend', function(event) {
event.stopPropagation();
});
// 弹出取消订单提示框
$sureClose.on('click', function() {
$disMissBtn.trigger('click');
$reaMask.css('visibility', 'visible');
});
// 弹出申请退款提示框
$sureRefund.on('click', function() {
$disMissBtn.trigger('click');
... ...