to_pay.html 2.9 KB
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <include file="public@head_common"/>
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/augly.css" />
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/pay/my_pay.css" />
    <title>我要支付</title>
    <style type="text/css">

    </style>
</head>

<body>
<div class="content_height">
    <div class="header">
        <div class="return">
            <span class="back_href">
                <i class="iconfont icon-jiantou-copy"></i>返回
            </span>
        </div>
        我要支付
    </div>
    <div class="test_num"></div>
    <div class="header_place"></div>
    <!--banner-->
    <div class="banner">
        <img src="{:cmf_get_asset_url($slide['image'])}" />
    </div>

    <div class="see_order">
        <div class="public_input">
            <p class="public_tit">订单确认码</p>
            <input type="text" name="number" id="number" value="" class="public_detail" placeholder="请输入订单确认码" />
        </div>

        <div class="btn">
            确认支付
        </div>
    </div>
</div>
<div class="bottom_icon position_a">
    <img src="__TMPL__/public/mobile/images/biglogo@2x.png" class="bottom_img" />
    <p class="bottom_text">{$site_info.site_name}</p>
</div>
<script src="__TMPL__/public/mobile/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="__TMPL__/public/mobile/js/swiper-4.3.5.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__TMPL__/public/mobile/js/common.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $('.btn').click(function(){
        var number = $('input[name=number]').val();
        if(number.length == 0) {
            _error('请输入订单确认码');
        }
        var data = {
            number: number
        };
        $.ajax({
            url: "{:url('portal/Order/check_num')}",
            type: "POST",
            data: data,
            dataType: "JSON",
            success: function (res) {
                console.log(res);
                if (res.code == 1) {
                    window.location.href = res.url;
                } else {
                    _error(res.msg);
                }
            }
        });
    });
    var popup_switch = true
    // 弹窗提示
    function _error(test) {
        if(popup_switch) {
            popup_switch = false;
            $('.test_num').html(test);
            $('.test_num').removeClass('Augly-fadeout');
            $('.test_num').addClass('Augly-fadein');
            $('.test_num').show();
            setTimeout(function() {
                $('.test_num').removeClass('Augly-fadein');
                $('.test_num').addClass('Augly-fadeout');
                popup_switch = true
            }, 1500)
        } else {
            popup_switch = true
        }
    }
</script>
</body>

</html>