203 lines
7.6 KiB
PHP
203 lines
7.6 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
|
|
<section class="padding_btm" >
|
|
<form>
|
|
<!-- 课程信息 Start -->
|
|
<div class="enroll_pay_title" style="margin-top: 0;border-top: 0;border-bottom: 0">课程信息</div>
|
|
<ul class="enroll_pay_lesson">
|
|
@foreach($order->details as $detail)
|
|
<li>
|
|
<div class="shop_lesson_img img-bg">
|
|
<span style="background-image:url({{ $detail->item->storage->path }})"></span>
|
|
</div>
|
|
<div class="shop_lesson_list">
|
|
<div class="shop_lesson_name text-nowrap">{{ $detail->item->title }}</div>
|
|
<div class="shop_lesson_price"><span class="price_span">￥</span>{{ $detail->item->price }}</div>
|
|
</div>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
<div class="enroll_pay_more"><span class="more_text">展开全部课程</span> <i class="icon-angle-down change_i"></i></div>
|
|
<!-- 课程信息 End -->
|
|
<!-- 填写宝宝信息 Start -->
|
|
<div class="enroll_pay_title" style="border-bottom: 0">报课信息</div>
|
|
<div class="enroll_baby">
|
|
<div class="enroll_input">
|
|
<div class="enroll_input_name">宝宝姓名：</div>
|
|
<input type="text" name="" value="{{ $order->lessonlogs()->first()->name }}" placeholder="请输入宝宝姓名" class="input" readonly="">
|
|
</div>
|
|
<div class="enroll_input">
|
|
<div class="enroll_input_name">宝宝年龄：</div>
|
|
<input type="text" name="" value="{{ $order->lessonlogs()->first()->age }}" placeholder="请输入宝宝年龄" class="input" readonly="">
|
|
</div>
|
|
<div class="enroll_input">
|
|
<div class="enroll_input_name">联系电话：</div>
|
|
<input type="text" name="" value="{{ $order->lessonlogs()->first()->mobile }}" placeholder="请输入联系电话" class="input" readonly="">
|
|
</div>
|
|
</div>
|
|
<!-- 填写宝宝信息 End -->
|
|
|
|
<!-- 支付方式 Start -->
|
|
<div class="enroll_pay_title" style="border-bottom: 0">支付方式</div>
|
|
<div class="enroll_pay_price" style="margin-top: 0;border-top: 0">
|
|
<div class=" wechat_pay"><i class="icon-wechat"></i></div>
|
|
微信支付
|
|
<div class="radio wechat_pay_radio">
|
|
<input type="radio" name="payment" value="WECHAT" checked>
|
|
<label for="payment"></label>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- 支付方式 End -->
|
|
<!-- 优惠活动 Start -->
|
|
<div class="enroll_pay_title">优惠活动
|
|
<span class="enroll_activity" data-href="{{ route('coupon.select',['orderid'=>$order->orderid]) }}">@if(!$coupon) 暂无 @endif <i class="icon-angle-right"></i></span><!--说明：无优惠可选择时显示“暂无”-->
|
|
@if($coupon)
|
|
<div class="enroll_activity_li"><img src="/assets/home/img/cn_06.png"> {{ $coupon->info->title }}</div>
|
|
@endif
|
|
</div>
|
|
|
|
<!-- 优惠活动 End -->
|
|
<!-- 金额统计 Start -->
|
|
<div class="enroll_pay_title">课程金额
|
|
<span class="enroll_activity">￥{{ number_format($order->amount,2) }}</span>
|
|
@if($coupon)
|
|
<div class="enroll_activity_li">
|
|
<span class="enroll_activity_name">优惠立减</span>
|
|
<span class="enroll_activity_name" style="text-align: right">-￥{{ $coupon->info->bouns }}</span>
|
|
</div>
|
|
@endif
|
|
|
|
</div>
|
|
|
|
<!-- 金额统计 End -->
|
|
|
|
|
|
<div class="button_btm" style="background-color: #fff;">
|
|
<div class="enroll_total">总价：<span style="font-size: .8rem;color: #f00">￥@if($coupon) {{ number_format($order->amount - $coupon->info->bouns,2) }} @else {{ $order->pay_total }} @endif </span></div>
|
|
<button type="button" id="paybtn" class="btn enroll_total_btn">确认支付</button>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
|
|
@endsection
|
|
|
|
@section('footer')
|
|
|
|
@endsection
|
|
@section('css')
|
|
<link rel="stylesheet" href="/assets/home/css/swiper.min.css">
|
|
@endsection
|
|
|
|
@section('js')
|
|
<script src="/assets/home/js/swiper.min.js" type="text/javascript" ></script>
|
|
<script src="/assets/home/js/operation.js"></script>
|
|
@endsection
|
|
|
|
|
|
@section('script')
|
|
<script>
|
|
var json='';
|
|
var canGift ="{{ $order->canGift() }}";
|
|
var coupon_id = "{{ $coupon->id??'' }}";
|
|
$("#paybtn").click(function(){
|
|
$.get("{{ route('pay.wechatnew', $order->orderid) }}", {coupon:coupon_id},function(data) {
|
|
if (data.statusCode == 200) {
|
|
json = JSON.parse(data.message);
|
|
pay();
|
|
}
|
|
});
|
|
})
|
|
|
|
|
|
function pay() {
|
|
if (typeof WeixinJSBridge == "undefined") {
|
|
if (document.addEventListener) {
|
|
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
|
|
} else if (document.attachEvent) {
|
|
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
|
|
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
|
|
}
|
|
}else{
|
|
onBridgeReady();
|
|
}
|
|
}
|
|
|
|
function onBridgeReady() {
|
|
|
|
WeixinJSBridge.invoke('getBrandWCPayRequest', json, function(res) {
|
|
if (res.err_msg == "get_brand_wcpay_request:ok") {
|
|
setTimeout(function() {
|
|
location.href = "{{ route('lottery.index') }}";
|
|
}, 1000);
|
|
}else if(res.err_msg == "get_brand_wcpay_request:cancel"){
|
|
updateAlert('取消支付');
|
|
} else {
|
|
// alert(JSON.stringify(res));
|
|
updateAlert('支付失败');
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
/*显示更多课程*/
|
|
$(".enroll_pay_lesson").each(function (){
|
|
var lis=$(this).children("li");
|
|
var li_0=$(this).children("li:eq(0)");
|
|
var lis_length=$(this).children("li").length;
|
|
var more_btn=$(this).parent().find('.enroll_pay_more');
|
|
if (lis_length>1) {
|
|
more_btn.css('display','block');
|
|
}else{
|
|
more_btn.css('display','none');
|
|
};
|
|
});
|
|
|
|
$(".enroll_pay_more").on("click",function(){
|
|
var me = $(this),
|
|
atr = me.attr("abc");
|
|
var current_lis=$(this).parent().find("li");
|
|
var more_text=$(this).parent().find(".more_text");
|
|
if(atr == 1){
|
|
$(".enroll_pay_lesson").removeClass("status_2");
|
|
$(".enroll_pay_lesson").addClass("status_1");
|
|
me.attr("abc", 0);
|
|
$(".change_i").removeClass("icon-angle-up");
|
|
$(".change_i").addClass("icon-angle-down");
|
|
more_text.text('展开全部课程');
|
|
}else{
|
|
$(".enroll_pay_lesson").removeClass("status_1");
|
|
$(".enroll_pay_lesson").addClass("status_2");
|
|
me.attr("abc",1);
|
|
$(".change_i").removeClass("icon-angle-down");
|
|
$(".change_i").addClass("icon-angle-up");
|
|
more_text.text('收起全部课程');
|
|
}
|
|
});
|
|
|
|
$('#coupon').click(function(){
|
|
var $this = $(this);
|
|
var price = $this.data('price');
|
|
var apply_lesson_price = "{{ $order->amount }}";
|
|
var total;
|
|
if ($this.data('check')==1) {
|
|
total = apply_lesson_price;
|
|
$('#coupon').data('check','2');
|
|
}else {
|
|
total = getMax('-',apply_lesson_price,price);
|
|
$('#coupon').data('check','1');
|
|
}
|
|
|
|
$('.total').html('<span class="price_span">￥</span>'+total);
|
|
});
|
|
</script>
|
|
|
|
@endsection
|