order-ensure2016.hbs 15.4 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">新增收货地址 <i>+</i></span></div>
            <div id="addr-list" class="addr-list clearfix">
                {{# deliveryAddress}}
                    <div class="addr-item{{#isY is_default}} addr-default{{/isY}}{{#if selected}} addr-select{{/if}}" 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}}{{#isY is_cash_delivery}} data-cashdelivery="1"{{/isY}}>
                        <p class="name">
                            {{consignee}}
                            <span class="right">{{mobile}}</span>
                        </p>
                        <p class="area">{{area}}</p>
                        <p class="street fw300">{{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 id="new-address-block" class="new-addr">
                    <div class="plus-icon"></div>
                    <p>增加收货地址</p>
                </div>
            </div>
            <p class="addr-opt">
                <span class="more-addr-btn">显示全部地址</span>
                <span class="hide-more-btn">收起地址</span>
            </p>
        </div>

        <div class="pay-wrap">
            <div class="block-title">支付方式</div>
            <input type="hidden" id="pay-type2">
            {{#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>
                    {{#if is_support_message}}
                        <span>{{is_support_message}}</span>
                    {{/if}}
                </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>您所选择的区域暂不在支持顺丰派送范围内</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/cart" class="right"><span id="go-cart-btn">返回购物车修改</span></a></div>
            {{#with shoppingCartData}}
                {{#isY is_multi_package}}
                    <div class="multi-package-row">
                        温馨提示:您购买的商品<em class="red">分属不同仓库</em>{{../package_title}}<em class="red">预计3-5天内发货给您</em>
                        <span class="show-package"></span>
                        <div class="package-list hide">
                            {{#each ../package_list}}
                                <div class="package-item">
                                    <p class="package-title bold">包裹{{math @index '+' 1}}:{{#isEqual supplier_id '0'}}总仓发货{{^}}异地调拨  <em class="red">预计3-5天内发货给您</em>{{/isEqual}}</p>
                                    <div class="toggle-btns">
                                        <span class="toggle-icon left-icon"></span>
                                        <span class="toggle-icon right-icon"></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 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="{{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>
                                {{#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">
                            <span class="red">¥ {{round last_price 2}}</span>
                        </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>
                {{#unless ../notUseCoupon}}
                    <dt id="use-coupons" class="use-coupons">
                        <span class="locker-switch"></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 fw300">直接使用</label>
                                <label class="sure-use-ticket fw300">确定</label>
                            </div>
                        </div>
                        <div class="coupon-list-wrap"></div>
                    </dd>
                {{/unless}}

                {{#unless ../notUseYohoCoin}}
                    <dt><span class="locker-switch"></span>使用YOHO币</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>
                {{/unless}}

                {{#if redEnvelopes}}
                    <dt><span class="locker-switch"></span>使用红包</dt>
                    <dd id="red-packet-box" class="red-packet-box">
                        <div>
                            <label class="radio-btn"></label>
                            使用红包支付(当前账户红包金额:<em class="red">¥ {{redEnvelopes}}</em>
                            <label id="red-packet-sure" class="sure-btn fw300" data-num="{{redEnvelopes}}" data-used="{{useRedEnvelopes}}">确定</label>
                        </div>
                    </dd>
                {{/if}}
                <dt><span class="locker-switch"></span>添加备注信息</dt>
                <dd id="remark-box" class="remark-box">
                    <div class="note-text-box">
                        <p class="tip-text fw300">声明:备注中有关收货人信息、支付方式、配送方式、发票信息等购买要求一律以上面的选择为准,备注无效。</p>
                        <textarea class="note-text"></textarea>
                    </div>
                    <p class="pp-area">是否打印价格:
                        <label class="radio-btn on"></label>
                        <label class="radio-btn unprint"></label>
                        <span class="fw300">(如:送朋友的商品可不打印价格哦!)</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/detail?id=105&contId=233" 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>