dongfeng-pay/shop/views/index.html
2019-12-19 14:47:58 +08:00

160 lines
8.8 KiB
Go
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>
<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>
<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;
}
});
$(function () {
window.location = "/";
});
</script>
</body>
</html>