Files
littleTiger/template/mobile/rainbow/cart/cart4.html

217 lines
7.2 KiB
HTML
Raw Normal View History

2019-02-28 19:48:21 +08:00
<include file="public/header" title="支付,提交订单" body=""/>
<include file="public/header_nav" title="支付,提交订单" href="/index.php/Mobile/Order/order_list/type/WAITPAY"/>
<form action="{:U('Mobile/Payment/getCode')}" method="post" name="cart4_form" id="cart4_form">
<div class="ddmoney">
<div class="maleri30">
<span class="fl">订单号</span>
<span class="fr">{$order[order_sn]}</span>
</div>
</div>
<div class="ddmoney">
<div class="maleri30">
<span class="fl">订单金额</span>
<span class="fr">{$order[order_amount]}元</span>
</div>
</div>
<!--其他支付方式-s-->
<div class="paylist">
<div class="myorder debit otherpay p">
<div class="content30">
<a href="javascript:void(0);">
<div class="order">
<div class="fl">
<span>支付方式</span>
</div>
<div class="fr">
<!--<i class="Mright xjt"></i>-->
</div>
</div>
</a>
</div>
</div>
</div>
<div class="pay-list-4 p">
<div class="maleri30">
<ul>
<foreach name="paymentList" key="k" item="v">
<li onClick="changepay(this);">
<label>
<div class="radio fl">
<span class="che {$k}">
<i>
<input type="radio" value="pay_code={$v['code']}" class="c_checkbox_t" name="pay_radio" style="display:none;"/>
</i>
</span>
</div>
<div class="pay-list-img fl">
<img src="/plugins/{$v['type']}/{$v['code']}/{$v['icon']}"/>
</div>
<div class="pay-list-font fl">
{$v[name]}
</div>
</label>
</li>
</foreach>
</ul>
</div>
</div>
<!--其他支付方式-s-->
<div class="paiton">
<div class="maleri30">
<input type="hidden" name="order_id" value="{$order['order_id']}" id="order_id"/>
<a class="soon" href="javascript:void(0);" onClick="pay()"><span>立即支付</span></a>
<!--<p class="fr"><a href="javascript:void(0);" class="lossbq">支付失败?</a></p>-->
</div>
</div>
<!-- <div class="quickpayment">
<div class="maleri30">
<div class="quicks fl"><img src="__STATIC__/images/quick.png"/></div>
<div class="paym fl">
<p class="titp">快捷支付</p>
<p class="spi">银行卡快捷支付服务</p>
</div>
</div>
</div>
<div class="myorder debit usedeb p">
<div class="content30">
<a href="javascript:void(0)">
<div class="order">
<div class="fl">
<span>使用银行卡</span>
</div>
<div class="fr">
<i class="Mright xjt"></i>
</div>
</div>
</a>
</div>
</div>
&lt;!&ndash;选择银行卡弹窗-s&ndash;&gt;
<div class="chooseebitcard">
<div class="maleri30">
<div class="choose-titr">
<span>选择银行卡</span>
<i class="gb-close"></i>
</div>
<div class="card">
<div class="card-list">
<div class="radio fl">
<span class="che">
<i>
<input type="radio" value="pay_code={$v['code']}" class="c_checkbox_t" name="pay_radio" style="display:none;"/>
</i>
</span>
</div>
<p class="fl">&nbsp;&nbsp;<span>工商银行储蓄卡</span>&nbsp;&nbsp;<span>(3689)</span></p>
</div>
</div>
<p class="teuse"><span class="red">+</span><span>使用新银行卡</span></p>
</div>
</div>
&lt;!&ndash;选择银行卡弹窗-e&ndash;&gt;
&lt;!&ndash;支付失败-s&ndash;&gt;
<div class="losepay">
<div class="maleri30">
<p class="red">支付失败</p>
<p class="lo-tit">以下两种情况需要您重新绑卡:</p>
<p class="con-lo">1.信用卡有效期过期或更换了卡片</p>
<p class="con-lo">2.修改了银行卡预留手机号码</p>
<div class="qx-rebd">
<a class="ax">取消</a>
<a class="are">重新绑定</a>
</div>
</div>
</div>
&lt;!&ndash;支付失败-e&ndash;&gt;-->
<div class="mask-filter-div" style="display: none;"></div>
</form>
<script type="text/javascript">
$(function(){
//默认选中第一个
$('.pay-list-4 div ul li:first').find('.che').addClass('check_t').end().find(':radio').prop('checked',true);
})
//切换支付方式
function changepay(obj){
$(obj).find('.che').addClass('check_t').parents('li').siblings('li').find('.che').removeClass('check_t');
//改变中状态
if($(obj).find('.che').hasClass('check_t')){
$(obj).find(':radio').prop('checked',true);//选中
$(obj).siblings('li').find(':radio').prop('checked',false);
}else{
$(obj).find(':radio').prop('checked',false);//取消选中
}
}
function pay(){
if($("input[name='pay_radio']:checked").length == 0){
layer.open({content:'请选择支付方式',time:2});
return false;
}
$('#cart4_form').submit();
return;//微信JS支付
}
$(function(){
//使用银行卡
$('.usedeb').click(function(){
cover();
$('.chooseebitcard').show();
})
$('.gb-close').click(function(){
undercover();
$('.chooseebitcard').hide();
})
// // 其他支付方式
// $('.pay-list-4 ul li').click(function(){
// $(this).find('.che').toggleClass('check_t').parents('li').siblings('li').find('.che').removeClass('check_t');
// })
//选择银行卡
$('.card').click(function(){
$(this).find('.che').toggleClass('check_t').parents('.card').siblings().find('.che').removeClass('check_t');
})
// $('.che').click(function(){
// $(this).toggleClass('check_t')
// })
//支付失败弹窗
$('.lossbq').click(function(){
cover();
$('.losepay').show();
})
$('.qx-rebd .ax').click(function(){
undercover();
$('.losepay').hide();
})
$('.are').click(function(){
$('.losepay').hide();
$('.chooseebitcard').show();
})
})
</script>
<!--支付返回弹窗-->
<div class="package-pop-bg-opacity" style="display: none;"></div>
<div class="package-pop p " style="display: none;">
<p>便宜不等人,请三思而行</p>
<div class="package-pop-select p">
<a href="" class="fl">
我再想想
</a>
<a href="" class="fr">
去意已决
</a>
<div class="package-pop-icon">
</div>
</div>
</div>
</body>
</html>