mirror of
https://github.com/kongyuebin1/dongfeng-pay.git
synced 2024-11-25 19:59:26 +08:00
159 lines
8.9 KiB
Go
159 lines
8.9 KiB
Go
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
||
<title>{{.siteName}}</title>
|
||
<link rel="shortcut icon" type="tmpay/image/x-icon" href="../static/img/icon.ico">
|
||
<link href="../static/css/cashier.css" rel="stylesheet">
|
||
<style type="text/css">
|
||
#maxthon-1eec22d4-0232-4212-8283-6f2ac8f967-iframe {
|
||
display: block !important;
|
||
position: absolute !important;
|
||
visibility: visible !important;
|
||
z-index: 2147483647 !important;
|
||
border-style: none !important;
|
||
opacity: 1 !important;
|
||
margin: 0 !important;
|
||
padding: 0 !important;
|
||
box-shadow: 0 0 5px rgba(0, 0, 0, .3) !important;
|
||
border: 1px solid #b3b3b3 !important
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body style="">
|
||
<div class="tastesdk-box">
|
||
<div class="header clearfix">
|
||
<div class="title">
|
||
<p class="logo">
|
||
<span style="width: 100%;">{{.siteName}}</span>
|
||
</p>
|
||
<div class="right">
|
||
<div class="clearfix">
|
||
<ul class="clearfix">
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="main">
|
||
<div class="typedemo" style="height: 900px;">
|
||
<div class="demo-pc">
|
||
<div class="pay-jd">
|
||
<form action="/pay.html" method="post" autocomplete="off">
|
||
<input type="text" style="display: none" name="orderid" value="{{.orderNo}}">
|
||
|
||
<div class="two-step">
|
||
<p><strong>请您及时付款，以便订单尽快处理！</strong>请您在提交订单后<span>24小时</span>内完成支付，否则订单会自动取消。</p>
|
||
<ul class="pay-infor">
|
||
<li>商品名称：{{.pname}}</li>
|
||
<li>订单编号：<span>{{.orderNo}}</span></li>
|
||
</ul>
|
||
<ul class="pay-infor">
|
||
<li>支付金额：<strong><input type="text" id="amount" name="amount" value="" required>
|
||
<span>元</span></strong></li>
|
||
<li class="" style="float: left;">
|
||
<button type="submit" class="pcdemo-btn sbpay-btn">立即支付</button>
|
||
</li>
|
||
</ul>
|
||
<h4>扫码支付：</h4>
|
||
<ul class="pay-label type">
|
||
<li>
|
||
<input value="UNION_SCAN" checked="checked" name="SCAN" id="UNION_SCAN" type="radio">
|
||
<label for="UNION_SCAN"><img src="../static/img/yunshanfu.jpg" alt="银联扫码"
|
||
style="height: 35px;"><span></span></label>
|
||
</li>
|
||
<li>
|
||
<input value="ALI_SCAN" name="SCAN" id="ALI_SCAN" type="radio">
|
||
<label for="ALI_SCAN"><img src="../static/img/zhifubao.png" alt="支付宝扫码支付"
|
||
style="width:100px;height: 35px;"><span></span></label>
|
||
</li>
|
||
<li>
|
||
<input value="WEIXIN_SCAN" name="SCAN" id="WEIXIN_SCAN" type="radio">
|
||
<label for="WEIXIN_SCAN"><img src="../static/img/weixin.png" alt="微信扫码支付"
|
||
style="width:100px;height: 35px;"><span></span></label>
|
||
</li>
|
||
</ul>
|
||
<div id="pcOrPhone">
|
||
<h4 style="margin-top: 125px">H5支付(只支持手机端,不支持PC端)：</h4>
|
||
<ul class="pay-label type">
|
||
<li>
|
||
<input value="WEIXIN_H5" name="H5" id="WEIXIN_H5" type="radio">
|
||
<label for="WEIXIN_H5"><img src="../static/img/weixin.jpg" alt="微信H5"
|
||
style="height: 35px;"><span></span></label>
|
||
</li>
|
||
<li>
|
||
<input value="ALI_H5" name="H5" id="ALI_H5" type="radio">
|
||
<label for="ALI_H5"><img src="../static/img/zhifubao.png" alt="支付宝H5"
|
||
style="height: 35px;"><span></span></label>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<h4 style="margin-top: 120px">快捷支付：</h4>
|
||
<ul class="pay-label type">
|
||
<li>
|
||
<input value="04031000" name="KJ" id="beijing_kj" type="radio">
|
||
<label for="beijing_kj"><img src="../static/img/beijing_0.jpg" alt="中国北京银行"
|
||
style="height: 35px;"><span></span></label>
|
||
</li>
|
||
<li>
|
||
<input value="01020000" name="KJ" id="gongshang_kj" type="radio">
|
||
<label for="gongshang_kj"><img src="../static/img/gongshang_0.jpg" alt="中国工商银行"
|
||
style="height: 35px;"><span></span></label>
|
||
</li>
|
||
<li>
|
||
<input value="03030000" name="KJ" id="guangda_kj" type="radio">
|
||
<label for="guangda_kj"><img src="../static/img/guangda_0.jpg" alt="中国光大银行"
|
||
style="height: 35px;"><span></span></label>
|
||
</li>
|
||
<li>
|
||
<input value="01050000" name="KJ" id="jianshe_kj" type="radio">
|
||
<label for="jianshe_kj"><img src="../static/img/jieshe_0.jpg" alt="中国建设银行"
|
||
style="height: 35px;"><span></span></label>
|
||
</li>
|
||
<li>
|
||
<input value="03050000" name="KJ" id="minsheng_kj" type="radio">
|
||
<label for="minsheng_kj"><img src="../static/img/minsheng_0.jpg" alt="中国民生银行"
|
||
style="height: 35px;"><span></span></label>
|
||
</li>
|
||
<li>
|
||
<input value="01030000" name="KJ" id="nongye_kj" type="radio">
|
||
<label for="nongye_kj"><img src="../static/img/nongye_0.jpg" alt="中国农业银行"
|
||
style="height: 35px;"><span></span></label>
|
||
</li>
|
||
<li>
|
||
<input value="04012900" name="KJ" id="shanghai_kj" type="radio">
|
||
<label for="shanghai_kj"><img src="../static/img/shanghai_0.jpg" alt="中国上海银行"
|
||
style="height: 35px;"><span></span></label>
|
||
</li>
|
||
<li>
|
||
<input value="01000000" name="KJ" id="youzheng_kj" type="radio">
|
||
<label for="youzheng_kj"><img src="../static/img/youzheng_0.jpg" alt="中国邮政银行"
|
||
style="height: 35px;"><span></span></label>
|
||
</li>
|
||
</ul>
|
||
<input value="CCB" name="bankCode" type="hidden">
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript" src="../static/js/jquery.min.js"></script>
|
||
<script type="text/javascript" src="../static/js/base.js"></script>
|
||
<script type="text/javascript">
|
||
$("#amount").blur(function () {
|
||
var idBank = /([1-9]\d*\.?\d*)|(0\.\d*[1-9])/;
|
||
if ($("#amount").val().match(idBank) == null) {
|
||
$("#amount").val("");
|
||
return false;
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html> |