pay.hbs 2.81 KB
{{> settle-header}}
<div class="center-content pay-online-wrapper">
    {{# order}}
        <div class="title">
            <div class="content">
                <span class="desc left">订单已提交成功,请您尽快付款!订单编号:{{orderCode}}</span>
                <span class="cash right">应付金额:{{paymentAmount}}</span>
            </div>
            <div class="footer">
                <span class="desc pay-notice left">{{../username}}如果<span class="blue">2小时</span>内您无法完成付款,系统会将您的订单取消</span>
                <span id="order-detail-ctrl" class="right order-detail-ctrl">
                    <em>收起详情</em>
                    <i class="iconfont down">&#xe616;</i>
                    <i class="iconfont up">&#xe617;</i>
                </span>
            </div>
        </div>

        <div class="order-detail">
            <div class="row">
                <div class="item">
                    <span class="label"> 收货地址:</span>
                    <span>{{area}} {{address}}</span>
                </div>
            </div>
            <div class="row">
                <div class="item">
                    <span class="label">&nbsp;&nbsp;&nbsp;&nbsp;人:</span>
                    <span>{{userName}}</span>
                </div>
                <div class="item">
                    <span class="label">联系方式:</span>
                    <span>{{mobile}}</span>
                </div>
            </div>
            <div class="row">
                <div class="item">
                    <span class="label">支付方式:</span>
                    <span>在线支付</span>
                </div>
                <div class="item">
                    <span class="label">送货时间:</span>
                    <span>{{deliveryTime}}</span>
                </div>
            </div>
        </div>
    {{/order}}

    {{# pay}}
        <div class="pay-type">
            <div class="pay-nav">
                <ul class="tabs clearfix">
                    {{#each type}}
                        <li{{#if selected}} class="active"{{/if}} data-type="{{id}}">{{name}}</li>
                    {{/each}}
                </ul>
            </div>

            <div id="online">
                {{# onlinePay}}
                    <div class="pay-type-icon online-pay{{#if selected}} active{{/if}}" data-name="{{name}}" data-id="{{id}}">
                        <img src="{{img}}">
                        <span class="choose-tag iconfont">&#xe63b;</span>
                    </div>
                {{/ onlinePay}}
            </div>
        </div>
    {{/ pay}}

    <div class="pay-ctrl">
        <span id="go-pay-btn" class="btn btn-shape right" data-order="{{order.orderCode}}"><em id="pay-type-name">支付宝</em>支付</span>
    </div>
</div>