ticket-ensure.hbs 6.19 KB
<div class="order-ensure2016 yoho-page {{pageClass}}">
    {{# content}}
        <div class="order-ensure-title">
            {{> shopping-step}}
        </div>

        <div class="address-wrap">
            <div class="block-title">请填写并核对以下信息</div>

            <div class="order-content">
                <div class="ticket-selection">
                    <h2>支付及发劵时间:</h2>
                    <ul class="modity-pay-info">
                        <li>付款方式:<span>在线支付</span></li>
                        <li>发劵时间:<span>自动发货 - 在您支付成功后,系统将立即为您发放二维码,您可以在您的订单中查看。</span></li>
                        <li>手机号:
                            <span class="show-ticket-mobile hide">
                                <span class="ticket-mobile"></span><span class="ticket-modify-btn">[修改]</span>
                            </span>
                            <span class="set-ticket-mobile">
                                <input type="text" value="" class="ticket-mobile-input"/>
                                <input type="button" value="确定" class="ticket-mobile-btn"/>
                                <span class="ticket-mobile-tip">请填写正确手机号以便于接收票条信息</span>
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="goods-wrap">
            <div class="block-title">订单商品信息</div>
            <table class="goods-table">
                <thead>
                <tr>
                    <th width="3%"></th>
                    <th class="aline-left" width="46%">商品信息</th>
                    <th>颜色/尺码</th>
                    <th width="18%">单价</th>
                    <th width="6%">数量</th>
                    <th width="3%"></th>
                </tr>
                </thead>
                <tbody>
                {{#each goodsList}}
                    <tr class="goods-item" data-skn="{{product_skn}}" data-sku="{{product_sku}}"
                        data-price="{{last_price}}" data-num="{{buy_number}}">
                        <td{{#if @first}} class="border-top"{{/if}}></td>
                        <td class="border-top aline-left">
                            <a class="image" href="{{linkToGoods}}">
                                <img src="{{image2 goods_images w=64 h=85}}" class="thumb">
                                <p class="name">
                                    {{product_name}}
                                </p>
                                {{#isY is_limit_skn}}<p class="special-limit-7day">不支持7天无理由退换</p>{{/isY}}
                            </a>
                        </td>
                        <td class="border-top color-size">
                            颜色:<span class="color">{{color_name}}</span>
                            尺码:<span class="size">{{size_name}}</span>
                        </td>
                        <td class="border-top price">
                            <p class="red">¥ {{round productPrice 2}}</p>
                            {{#if linePrice}}
                                <p class="line-through">¥ {{round linePrice 2}}</p>
                            {{/if}}
                            {{#isVipPrice}}
                                <p class="tip-message">(VIP)</p>
                            {{/isVipPrice}}
                            {{#isStuPrice}}
                                <p class="tip-message">(学生价)</p>
                            {{/isStuPrice}}
                        </td>
                        <td class="border-top">× {{buy_number}}</td>
                        <td{{#if @first}} class="border-top"{{/if}}></td>
                    </tr>
                {{/each}}
                </tbody>
            </table>
        </div>

        <div class="extra-wrap">
            <dl>
                <dt><span class="locker-switch"></span>使用有货币</dt>
                <dd id="yoho-coin-box" class="yoho-coin-box" data-coin="{{usedCoinNum}}"
                    data-max={{canUseCoinNum}} data-total="{{total_yoho_coin_num}}">
                    <div class="outer-view">
                        <p class="coin-err-tip">{{coinErrorTip}}</p>
                        <p>有货币满<span class="red">{{yoho_coin_pay_rule.num_limit}}</span>个即可使用,每次使用有货币为<span
                            class="red">{{yoho_coin_pay_rule.num_limit}}</span>的整数倍</p>
                        <i class="help-icon"></i>
                        <div class="coin-tip-help">
                            <p>有货币使用提示:</p>
                            <p>
                                1.订单金额大于20元(含20元)<br>
                                2.有货币数量大于{{yoho_coin_pay_rule.num_limit}}个(含{{yoho_coin_pay_rule.num_limit}}个) <br>
                                3.有货币支付上限为每笔订单应付金额的{{yoho_coin_pay_rule.max_pay_rate_desc}}
                            </p>
                            <p class="rs-text">备注:使用有货币数量为{{yoho_coin_pay_rule.num_limit}}的整数倍,100有货币抵1元</p>
                        </div>
                    </div>
                    <div class="coin-main-view">
                        <p>本次使用有货币<span class="red">{{canUseCoinNum}}</span>个,抵扣 <span class="red">¥{{yoho_coin}}</span>
                        </p>
                        <p class="grey fw300">您当前共有有货币 <span class="red">{{total_yoho_coin_num}}</span> 个,可用 <span
                            class="red">{{canUseCoinNum}}</span></p>
                        <label class="coin-cancel-btn fw300">取消使用</label>
                        <label class="coin-use-btn">确定</label>
                    </div>
                </dd>

            </dl>
        </div>

        <div class="sum-wrap">
            应付金额:<span id="order-price" class="price">¥ {{round last_order_amount 2}}</span>
            <button id="order-submit">提交订单</button>
        </div>
    {{/ content}}
</div>