pay.hbs 5.32 KB
<div class="shopping-pay-page yoho-page clearfix">
    <div class="pay-page">
        <div class="pay-title">
            <div class="step4"></div>
            <ul>
                <li><span>查看购物车</span></li>
                <li><span>填写订单</span></li>
                <li class="end"><span>付款,完成购买</span></li>
            </ul>
        </div>
        {{# order}}
            <div class="cart-pay">
                <h2>您的订单已成功,现在就去付款吧~</h2>
                <h3>您的订单号:<strong class="order-num">{{order_code}}</strong> 应付金额:<strong>{{payment_amount}}</strong>&nbsp; &nbsp;
                    支付方式:在线支付 &nbsp; &nbsp; &nbsp; 送货时间:{{deliveryTimes}}</h3>
                <h4 class="js-time" data-time="{{pay_lefttime}}">{{{htmlEncode ../username}}},如果在 <strong class="js-timer" style="color: #e8044f;"></strong>  内您无法完成付款,系统会将您的订单取消。</h4>
            </div>
        {{/order}}

        <div class="wrapper">
            <div class="pay-way">
                <span class="word">使用:</span>
                <img src="{{payDefault.img}}" class="pay-type-img" id="show-pay-img">
            </div>

            <div id="tab-box">
                <ul class="tabs" id="tabs">
                    {{# pay}}
                        <li{{#if selected}} class="active"{{/if}}>{{name}}</li>
                    {{/pay}}
                </ul>

                <ul class="tab-conbox">
                    {{# pay}}
                        <li class="tab-con {{#unless selected}} hide{{/unless}}">
                            {{# children}}
                                <div class="mode{{#if selected}} active{{/if}}" data-id="{{id}}" data-value="{{value}}" data-name="{{name}}">
                                    <span class="choosed-tag"></span>
                                    <img src="{{img}}" alt="{{name}}" />
                                </div>
                            {{/children}}
                        </li>
                    {{/pay}}
                </ul>
            </div>

            <div>
                <input type="button" class="btnby " data-order="{{order.order_code}}" data-amount="{{order.payment_amount}}" value="前往{{payDefault.name}}" />
            </div>
        </div>

        <div class="light-box">
            <div class="opacity" id="fade"></div>
            <div class="content" id="light">
                <h2>请您在新打开的页面上完成付款</h2>
                <div class="notice">
                    <p>付款完成前请不要关闭此窗口</p>
                    <p>完成付款后请根据您的情况点击下面的按钮</p>
                </div>
                <div class="btns">
                    <a href="javascript:void(0);" data-url = "{{ordersUrl}}"class="over">已完成付款</a>
                    <a href="#" class="change">更换支付方式</a>
                </div>
                <a href="#" class="close">x</a>
            </div>
        </div>
    </div>
</div>

{{!--银联支付跳转地址--}}
<form action="" method="post" class='form-go hide' target="_blank"></form>

{{!--下面是统计,不确定有没有作用--}}
{{# order}}
<!-- Google Code for &#19979;&#21333;&#25104;&#21151; Conversion Page -->
<script type="text/javascript">
    /* <![CDATA[ */
    var google_conversion_id = 959290965;
    var google_conversion_language = "zh_CN";
    var google_conversion_format = "2";
    var google_conversion_color = "ff0000";
    var google_conversion_label = "n6GICNu3-AIQ1by2yQM";
    var google_conversion_value = 100;
    /* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>
<noscript>
    <div style="display: inline;">
        <img height="1" width="1" style="border-style: none;" alt=""
             src="//www.googleadservices.com/pagead/conversion/959290965/?value=100&amp;label=n6GICNu3-AIQ1by2yQM&amp;guid=ON&amp;script=0"/>
    </div>
</noscript>

<!-- Google Code for &#35746;&#21333;&#23436;&#25104;&#39029;-&#25628;&#32034; Conversion Page -->
<script type="text/javascript">
    /* <![CDATA[ */
    var google_conversion_id = 991392201;
    var google_conversion_language = "en";
    var google_conversion_format = "2";
    var google_conversion_color = "ffffff";
    var google_conversion_label = "asUdCK_i0AQQyePd2AM";
    var google_conversion_value = 0;
    /* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>
<script type="text/javascript">
    _ozprm = "orderid={{order_code}}";
</script>
<noscript>
    <div style="display:inline;">
        <img height="1" width="1" style="border-style:none;" alt=""
            src="//www.googleadservices.com/pagead/conversion/991392201/?value=0&amp;label=asUdCK_i0AQQyePd2AM&amp;guid=ON&amp;script=0"/>
    </div>
</noscript>

<script type="text/javascript">
    <!--
    (function (d) {
        window.bd_cpro_rtid = "P1fsP10";
        var s = d.createElement("script");
        s.type = "text/javascript";
        s.async = true;
        s.src = location.protocol + "//cpro.baidu.com/cpro/ui/rt.js";
        var s0 = d.getElementsByTagName("script")[0];
        s0.parentNode.insertBefore(s, s0);
    })(document);
    //-->
</script>

{{> pay/box-analysis}}
{{> pay/box-buy-analysis}}
{{/ order}}