order-ensure2016.hbs 14.8 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">收货信息<span id="new-address-btn" class="right">新增收货地址 +</span></div>
            <div id="addr-list" class="addr-list clearfix">
                {{# deliveryAddress}}
                    <div class="addr-item{{#isY is_default}} addr-default addr-select{{/isY}}" data-id="{{id}}" data-consignee="{{consignee}}" data-mobile="{{mobile}}" data-phone="{{phone}}" data-area="{{area}}" data-code="{{area_code}}" data-address="{{address}}"{{#isY is_default}} data-default="1"{{/isY}}{{#isY is_delivery}} data-delivery="1"{{/isY}}>
                        <p class="name">
                            {{consignee}}
                            <span class="right">{{mobile}}</span>
                        </p>
                        <p class="area">
                            <span>{{area}}</span>
                        </p>
                        <p class="street">{{address}}</p>
                        <p class="option">
                            <label class="set-default">设为默认</label>
                            <label class="default-tip">默认地址</label>
                            <span class="delete-addr">删除</span>
                            <span class="modify-addr">修改</span>
                        </p>
                    </div>
                {{/ deliveryAddress}}
            </div>
            <p class="addr-opt">
                <span class="more-addr-btn">显示全部地址<i class="iconfont">&#xe60b;</i></span>
                <span class="hide-more-btn">收起地址<i class="iconfont">&#xe607;</i></span>
            </p>
        </div>

        <div class="pay-wrap">
            <div class="block-title">支付方式</div>
            {{#each paymentWay}}
                <p{{#isEqual is_support 'N'}} class="unsp-pay"{{/isEqual}}>
                    <label class="check-btn{{#isY default}} checked{{/isY}}" data-id="{{payment_id}}" data-type="{{payment_type}}" data-name="{{payment_type_name}}">{{payment_type_name}}</label>
                    {{#isEqual payment_type 1}}
                        <span>支持主流银行卡、微信、支付宝、银联等平台付款,方便快捷</span>
                    {{/isEqual}}
                    {{#isEqual payment_type 2}}
                        <span>限量商品、预售商品、化妆品或者订单金额超过10000元不可以选择</span>
                    {{/isEqual}}
                </p>
            {{/each}}
        </div>
        <div class="delivery-way-wrap">
            <div class="block-title">配送方式</div>
            <input type="hidden" id="support-way2">
            {{# deliveryWay}}
                <p{{#isEqual is_support 'N'}} class="unsp-way"{{/isEqual}}>
                    <label class="check-btn{{#isY default}} checked{{/isY}}" data-id="{{delivery_way_id}}"
                    title="{{delivery_way_name}}:运费 ¥ {{delivery_way_cost}}">{{delivery_way_name}}:运费 ¥ {{delivery_way_cost}}</label>
                    {{#isEqual delivery_way_id 2}}
                        <span>您所选择的区域暂不在支持顺丰派送范围内,点击<a href="#" class="more-info">查看详情></a> </span>
                    {{/isEqual}}
                </p>
            {{/ deliveryWay}}
            <p class="default-line">注:配送会由于天气,交通等不可抗拒的客观因素造成您收货时间延迟,请您知悉。</p>
        </div>
        <div class="delivery-time-wrap">
            <div class="block-title">送货时间</div>
            <p>
                {{# deliveryTime}}
                    <label class="check-btn{{#isY default}} checked{{/isY}}" data-id="{{delivery_time_id}}" data-name="{{delivery_time_string}}" title="{{delivery_time_string}}">{{delivery_time_string}}</label>
                {{/ deliveryTime}}
            </p>
            <p class="default-line">温馨提示:快递公司会尽力按您选择的送货时间配送,如遇特殊情况(天气、环境等)无法按您要求的时间配送,请您谅解!</p>
        </div>

        <div class="goods-wrap">
            <div class="block-title">订单商品信息<a href="/cart" class="right">返回购物车修改 ></a></div>
            {{#with shoppingCartData}}
                {{#isY is_multi_package}}
                    <div class="multi-package-row">
                        温馨提示:您购买的商品<em class="red">分属不同仓库</em>,需要调拨,将被拆分成多个包裹送达
                        <span class="iconfont show-package">&#xe628;</span>
                        <div class="package-list hide">
                            <div class="package-up-icon"></div>
                            {{#each ../package_list}}
                                <div class="package-item">
                                    <p class="package-title bold">包裹{{math @index '+' 1}}:{{#if @first}}总仓发货{{^}}异地调拨{{/if}}</p>
                                    <div class="toggle-btns">
                                        <span class="iconfont toggle-icon left-icon">&#xe609;</span>
                                        <span class="iconfont toggle-icon right-icon">&#xe608;</span>
                                    </div>
                                    <div class="package-goods-wrap">
                                        <ul class="package-goods clearfix">
                                            {{#each goods_list}}
                                                <li class="left">
                                                    <img class="lazy package-goods-img" data-original="{{image goods_images 68 90}}">
                                                    {{#isEqual goods_type 'gift'}}
                                                        <span>赠品</span>
                                                    {{/isEqual}}
                                                    {{#isEqual goods_type 'price_gift'}}
                                                        <span>加价购</span>
                                                    {{/isEqual}}
                                                </li>
                                            {{/each}}
                                        </ul>
                                    </div>
                                    <p class="package-shipping">运费:¥{{shopping_cost}}元(原价{{shopping_orig_cost}}元,优惠{{shopping_cut_cost}}元)</p>
                                </div>
                            {{/each}}
                        </div>
                    </div>
                {{/isY}}
            {{/with}}
            <table class="goods-table">
                <thead>
                    <tr>
                        <th width="3%"></th>
                        <th width="46%">商品信息</th>
                        <th width="20%">颜色/尺码</th>
                        <th width="18%">单价</th>
                        <th>数量</th>
                        <th width="3%"></th>
                    </tr>
                </thead>
                <tbody>
                {{#each goodsList}}
                    <tr>
                        <td{{#if @first}} class="border-top"{{/if}}></td>
                        <td class="border-top">
                            <a class="image" href="{{linkToGoods}}">
                                <img src="{{image goods_images 64 85}}" class="thumb">
                                <p class="name">
                                    {{#isEqual goods_type 'gift'}}
                                        <span>赠品</span>
                                    {{/isEqual}}
                                    {{#isEqual goods_type 'price_gift'}}
                                        <span>加价购</span>
                                    {{/isEqual}}
                                    {{product_name}}
                                </p>
                            </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">¥ {{round last_price 2}}</td>
                        <td class="border-top">× {{buy_number}}</td>
                        <td{{#if @first}} class="border-top"{{/if}}></td>
                    </tr>
                {{/each}}
                </tbody>
            </table>
        </div>
        <div class="invoice-wrap">
            <div class="block-title">发票信息</div>
            <label id="invoice-radio" class="invoice-radio radio-btn">发票开具</label>
                <div class="invoice-info-view hide">
                    <span></span>
                    <label id="modify-invoice">修改</label>
                </div>
        </div>

        {{# shoppingCartData}}
        <div class="extra-wrap">
            <dl>
                <dt id="use-coupons" class="use-coupons">
                    <span class="iconfont locker-switch">&#xe645;</span>使用优惠券/优惠码
                    <div class="tip-box right">
                        <p>优惠码不可与优惠券同时使用</p>
                        <p class="coupon-err-tip"></p>
                    </div>
                </dt>
                <dd>
                    <div class="coupon-opt-title">
                        <label class="radio-btn on">使用优惠券</label>
                        <label class="radio-btn code">使用优惠码</label>
                        <span class="ticket-use-tip hide">
                            已成功使用<em class="red num">1</em>张优惠券,<em class="red price"></em>
                            <b class="cancel-use-ticket">取消使用</b>
                        </span>
                        <div class="opt-area right">
                            <input type="text" class="coupon-code">
                            <label class="sure-use-code">直接使用</label>
                            <label class="sure-use-ticket">确定</label>
                        </div>
                    </div>
                    <div class="coupon-list-wrap"></div>
                </dd>
                <dt><span class="iconfont locker-switch">&#xe645;</span>使用YOHO币</dt>
                <dd id="yoho-coin-box" class="yoho-coin-box" data-coin="{{usedCoinNum}}" data-max={{canUseCoinNum}}>
                    <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="iconfont help-icon">&#xe628;</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">您当前共有有货币 <span class="red">{{total_yoho_coin_num}}</span> 个,可用 <span class="red">{{canUseCoinNum}}</span></p>
                        <label class="coin-cancel-btn">取消使用</label>
                        <label class="coin-use-btn">确定</label>
                    </div>
                </dd>
                {{#if red_envelopes}}
                    <dt><span class="iconfont locker-switch">&#xe645;</span>使用红包</dt>
                    <dd id="red-packet-box" class="red-packet-box">
                        <div>
                            <label class="radio-btn"></label>
                            使用红包支付(当前账户红包金额:<em class="red">¥ {{red_envelopes}}</em>
                            <label class="sure-btn" data-num="{{red_envelopes}}">确定</label>
                        </div>
                    </dd>
                {{/if}}
                <dt><span class="iconfont locker-switch">&#xe645;</span>添加备注信息</dt>
                <dd id="remark-box" class="remark-box">
                    <div class="note-text-box">
                        <p class="tip-text">声明:备注中有关收货人信息、支付方式、配送方式、发票信息等购买要求一律以上面的选择为准,备注无效。</p>
                        <textarea class="note-text"></textarea>
                    </div>
                    <p class="pp-area">是否打印价格:
                        <label class="radio-btn on"></label>
                        <label class="radio-btn unprint"></label>
                        <span>(如:送朋友的商品可不打印价格哦!)</span>
                    </p>
                </dd>
            </dl>
        </div>

        <div class="balance-wrap">
            <ul id="balance-detail" class="balance-detail">
                {{#each promotion_formula_list}}
                    <li class="promotion-item">
                        {{#if @first}}
                            <a class="gain-coin-tip" href="/help/?category_id=87" target="_blank"></a>
                            <span class="back-coin">共返YOHO币:{{../gain_yoho_coin}}</span>
                            <span class="total-num"><i>{{../selected_goods_count}}</i>件商品</span>
                        {{/if}}
                        <span class="promotion-name">{{promotion}}</span>
                        <em class="promotion-val">{{promotion_amount}}</em>
                    </li>
                {{/each}}
            </ul>
            <p id="delivery-detail" class="delivery-detail"></p>
        </div>

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

        {{> ensure-tpl}}
    {{/ content}}
</div>