132 lines
5.7 KiB
PHP
132 lines
5.7 KiB
PHP
@extends('web.layouts.mpay')
|
|
@section('content')
|
|
|
|
<form class="" name="FormPay" id="FormPay" action="{{ route('web.merchant.order.post') }}" method="post">
|
|
<input type="hidden" name="_token" value="{{ csrf_token() }}">
|
|
<input type="hidden" value="" name=pay_type id=channelID>
|
|
<input type="hidden" name="model_type" value="{{ $model_type }}">
|
|
<input type="hidden" name="model_id" value="{{ $model_id }}">
|
|
<input type="hidden" name="order_sn" value="{{ $order_sn }}">
|
|
|
|
|
|
<div class="h5ui-page top">
|
|
<h5 class="h5ui-group_title">
|
|
订单信息
|
|
</h5>
|
|
<div class="h5ui-form">
|
|
<label for="money" class="h5ui-form-label">充值金额</label>
|
|
<input type="text" name="order_money" value="{{ $money }}" readonly id="money" class="h5ui-form-input" placeholder="请输入金额" onkeyup="clearNumber(this)">
|
|
<span class="h5ui-form-input_tip">元</span>
|
|
</div>
|
|
<div class="h5ui-group">
|
|
<div class="h5ui-list">
|
|
<div class="h5ui-list_bd">实付金额</div>
|
|
<div class="h5ui-list_ft">
|
|
<small>￥<span id="amount_total">{{ $money }}</span></small>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- start [radio] -->
|
|
<div class="h5ui-radio" data-toggle="buttons">
|
|
{{--<label for="wechat" data="wxwap" class="btn active">--}}
|
|
{{--<input type="radio" id="wechat" name="payType" checked="checked" value="wxwap">--}}
|
|
{{--<i class="h5ui-radio_hd"><img src="static/wx.png" width="28" height="28" align="wechat"></i>--}}
|
|
{{--<span class="h5ui-radio_bd">微信支付</span>--}}
|
|
{{--<span class="h5ui-radio_ft"></span>--}}
|
|
{{--</label>--}}
|
|
|
|
<label for="alipay" data="alipayscan" class="btn">
|
|
<input type="radio" id="alipay" name="" value="alipayscan">
|
|
<i class="h5ui-radio_hd"><img src="{{ $style_path }}/static/m/alipay.png" width="28" height="28" align="h5ui"></i>
|
|
<span class="h5ui-radio_bd">支付宝扫码支付</span>
|
|
<span class="h5ui-radio_ft"></span>
|
|
</label>
|
|
{{--<label for="QQwap" data="QQwap" class="btn">--}}
|
|
{{--<input type="radio" id="QQwap" name="payType" value="QQwap">--}}
|
|
{{--<i class="h5ui-radio_hd"><img src="static/QQ.png" width="28" height="28" align="h5ui"></i>--}}
|
|
{{--<span class="h5ui-radio_bd">QQ钱包</span>--}}
|
|
{{--<span class="h5ui-radio_ft"></span>--}}
|
|
{{--</label>--}}
|
|
{{--<label for="unionpaywap" data="unionpaywap" class="btn">--}}
|
|
{{--<input type="radio" id="unionpaywap" name="payType" value="unionpaywap">--}}
|
|
{{--<i class="h5ui-radio_hd"><img src="static/union.png" width="28" height="28" align="h5ui"></i>--}}
|
|
{{--<span class="h5ui-radio_bd">网上银行</span>--}}
|
|
{{--<span class="h5ui-radio_ft"></span>--}}
|
|
{{--</label>--}}
|
|
</div>
|
|
<!-- end [radio] -->
|
|
</div>
|
|
|
|
|
|
|
|
<div class="h5ui-page spacing-cell">
|
|
<p>
|
|
<button type="button" class="h5ui-btn h5ui-btn_primary" id="goBuy">立即支付</button>
|
|
</p>
|
|
</div>
|
|
</form>
|
|
<!-- Copyright -->
|
|
<!-- start [长内容操作] -->
|
|
<div class="h5ui-modal" id="modal-middle" tabindex="-1" aria-hidden="true" data-backdrop="static">
|
|
<div class="modal-dialog middle">
|
|
<div class="modal-content clearfix">
|
|
<div class="modal-header">
|
|
充值帮助
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<a href="javascript:void(0);" class="h5ui-btn" data-dismiss="modal">我知道了</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end [长内容操作] -->
|
|
<!-- start [失败提示] -->
|
|
<div class="h5ui-alert h5ui-alert_error" id="alert-error">
|
|
<i class="h5ui-alert_error_icon"></i><span>请选择支付方式！</span>
|
|
</div>
|
|
<!-- end [失败提示] -->
|
|
<!-- start [失败提示] -->
|
|
<div class="h5ui-alert h5ui-alert_error" id="alert-error-amount">
|
|
<i class="h5ui-alert_error_icon"></i><span>请输入正确的充值金额！</span>
|
|
</div>
|
|
|
|
@endsection
|
|
@section('foot_js')
|
|
<script>
|
|
function clearNumber(obj) {
|
|
obj.value = obj.value.replace(/[^\d.]/g, "");
|
|
obj.value = obj.value.replace(/^\./g, "");
|
|
obj.value = obj.value.replace(/\.{2,}/g, ".");
|
|
obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
|
|
|
|
var total = parseFloat(obj.value);
|
|
if (total > 0) {
|
|
$("#faceValue").val(total);
|
|
$("#amount_total").html(total);
|
|
}
|
|
}
|
|
|
|
$(".h5ui-radio label").on("click", function() {
|
|
console.log($(this).attr("data"));
|
|
$("#channelID").val($(this).attr("data"));
|
|
});
|
|
|
|
$("#goBuy").on("click", function() {
|
|
//$("#alert-error").show().delay(2000).fadeOut();
|
|
if ($("#money").val() == "") {
|
|
$("#money").focus()
|
|
$("#alert-error-amount").show().delay(2000).fadeOut();
|
|
return false;
|
|
}
|
|
if ($("#channelID").val() == "") {
|
|
$("#alert-error").show().delay(2000).fadeOut();
|
|
return false;
|
|
}
|
|
$("#FormPay").submit();
|
|
});
|
|
</script>
|
|
@endsection |