12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- @extends('user.layouts')
- @section('content')
- <div class="page-content container">
- <div class="panel panel-bordered">
- <div class="panel-heading">
- <h1 class="panel-title cyan-600">
- <i class="icon wb-payment"></i>{{sysConfig('website_name').trans('user.shop.pay_online')}}
- </h1>
- </div>
- <div class="panel-body border-primary ml-auto mr-auto w-p75">
- <div class="alert alert-info text-center">
- {!! trans('user.payment.qrcode_tips', ['software' => $pay_type]) !!}
- </div>
- <div class="row">
- <div class="col-md-6">
- <ul class="list-group list-group-dividered">
- <li class="list-group-item">{{trans('user.shop.service').':'.$name}}</li>
- <li class="list-group-item">{{trans('user.shop.price').':¥'.$payment->amount}}</li>
- @if($days !== 0)
- <li class="list-group-item">{{trans('common.available_date').':'.$days.trans('validation.attributes.day')}}</li>
- @endif
- <li class="list-group-item"> {!! trans('user.payment.close_tips', ['minutes' => 15]) !!}</li>
- </ul>
- </div>
- <div class="col-auto mx-auto">
- @if($payment->qr_code && $payment->url)
- <div id="qrcode" class=" w-p100 h-p100"></div>
- @else
- <img class="h-250 w-250" src="{{$payment->qr_code}}" alt="{{trans('common.qrcode', ['attribute' => trans('user.pay')])}}">
- @endif
- </div>
- </div>
- <div class="alert alert-danger text-center mt-10">
- {!! trans('user.payment.mobile_tips') !!}
- </div>
- </div>
- </div>
- </div>
- @endsection
- @section('javascript')
- @if($payment->qr_code && $payment->url)
- <script src="/assets/custom/easy.qrcode.min.js"></script>
- <script>
- // Options
- const options = {
- text: @json($payment->url),
- backgroundImage: '{{asset($pay_type_icon)}}',
- autoColor: true,
- };
- // Create QRCode Object
- new QRCode(document.getElementById('qrcode'), options);
- </script>
- @endif
- <script>
- // 检查支付单状态
- const r = window.setInterval(function() {
- $.ajax({
- method: 'GET',
- url: '{{route('orderStatus')}}',
- data: {trade_no: '{{$payment->trade_no}}'},
- dataType: 'json',
- success: function(ret) {
- window.clearInterval();
- if (ret.status === 'success') {
- swal.fire({title: ret.message, icon: 'success', timer: 1500, showConfirmButton: false}).then(() => {
- window.location.href = '{{route('invoice')}}';
- });
- } else if (ret.status === 'error') {
- swal.fire({title: ret.message, icon: 'error', timer: 1500, showConfirmButton: false}).then(() => {
- window.location.href = '{{route('invoice')}}';
- });
- }
- },
- });
- }, 3000);
- </script>
- @endsection
|