{include file="common/xinheader"/}
<script  src="__STATIC__/home/xin/cspay/css/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="__STATIC__/home/xin/cspay/css/userPay.css">
<title>支付测试</title>
<style>
    
</style>
{include file="common/xinnav"/}

<section class="section_all bg_custom" id="top" style="padding-top:10px;">
    <div class="container">
      <div class="row vertical_content_manage" data-aos="fade-up">
        <div class="col-lg-12">
          <div class="features_box p-12 mt-12">
            <div class="col-lg-12 text-white small_cta_desc mt-12 mb-12" style="background: #2D25C8;">
                
            </div>
          </div>
        </div>
      </div>
    </div>
</section>
<section class="section_all bg-light" style="padding:20px 0 180px 0">
    <div class="container">
        <div class="row vertical_content_manage aos-init" data-aos="fade-up">
            <div class="col-lg-8">
                <header>
                    <button type="button" class="layui-btn layui-btn-fluid">LIVIPAY测试支付</button>
                </header>
                <div class="layui-form layui-form-pane" action="" method="post">
                    <div class="g-Total gray9 layui-form-item">请选择需要支付的金额</div>
                    <div class="g-Recharge layui-form-item">
                        <ul id="ulption">
                            <!--注意修改金额 需要同时修改前面的值 money="10" -->
                            <li money="0.1"><a href="javascript:;">0.1元<s></s></a></li>
                            <li money="0.3"><a href="javascript:;">0.3元<s></s></a></li>
                            <li money="0.5"><a href="javascript:;" class="z-sel">0.5元<s></s></a></li> <!--class="z-sel" 表示默认选中50元-->
                            <li money="1"><a href="javascript:;">1元<s></s></a></li>
                            <li money="3"><a href="javascript:;">3元<s></s></a></li>
                            <li money="5"><a href="javascript:;">5元<s></s></a></li>
                        </ul>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">商户单号</label>
                        <div class="layui-input-block">
                            <input type="text"  id="payId" name="payId" disabled required  lay-verify="required" placeholder="订单号" autocomplete="off" class="layui-input" value="<?php echo 'QTCS'.time().mt_rand(100,999); ?>">
                        </div>
                    </div>
                    <input type="hidden" id="param" name="param" value="1012" disabled/>
                    <div class="layui-form-item">
                        <label class="layui-form-label">充值金额</label>
                        <div class="layui-input-block">
                            <input type="text" id="price" name="price" required  lay-verify="required" placeholder="金额" autocomplete="off" class="layui-input" value="0.5">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">支付方式</label>
                        <div class="layui-input-block">
                            <input type="radio" name="type" value="1" title="微信支付" checked="">
                            <input type="radio" name="type" value="2" title="支付宝支付">
                            <input type="radio" name="type" value="4" title="QQ钱包">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button type="submit" class="layui-btn" lay-submit="" lay-filter="" onclick="zf()" name="do">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </div>
                <input id="hidIsHttps" type="hidden" value="0"/>
            </div>
        </div>
    </div>
</section>

<!-- 引入 layui.js -->
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
<script>
layui.use(['form', 'layedit', 'laydate'], function(){
  var form = layui.form
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate;
});
</script>
{include file="common/xinfooter"/}
<script>
    //$("#payId").val(new Date().getTime());
    
    function zf() {
        var host = window.location.host;
        var p = "payId="+$("#payId").val() + "&price="+$("#price").val()+"&param="+$("#param").val()+"&type="+$("input[name='type']:checked").val();
        window.location.href = "https://" + host + "/livibankpay/main.php?" + p;
    }
</script>
  
<script language="javascript" type="text/javascript">
    $(function () {
        var c;
        var g = false;
        var a = null;
        var e = function () {
            $("#ulption > li").each(function () {
                var n = $(this);
                n.click(function () {
                    g = false;
                    c = n.attr("money");
                    n.children("a").addClass("z-sel");
                    n.siblings().children().removeClass("z-sel").removeClass("z-initsel");
                    var needMoney = parseFloat(n.attr("money")).toFixed(2);
                    if (needMoney <= 0)needMoney = 0.01;
                    $("#price").val(needMoney);
                })
            });
            $("#ulBankList > li").each(function (m) {
                var n = $(this);
                n.click(function () {
                    if (m < 2)return;
                    $("#pay_type").val(n.attr("payType"));
                    n.children("a").addClass("z-initsel");
                    n.siblings().children().removeClass("z-initsel");
                })
            });

        };
        e()
    });
</script>
</body>
</html>