order-ensure.phtml 19.7 KB
{{> layout/header}}
<div class="order-ensure-page yoho-page clearfix">
{{# orderEnsure}}
    <div class="order-edit">
        <div class="order-title">
            <ul>
                <li class="first">查看购物车</li>
                <li class="active">填写订单</li>
                <li class="end">付款,完成购买</li>
            </ul>
        </div>

        <div class="order-edit-main" id="order-edit-main" {{#isNewUser}}data-new="new"{{/isNewUser}} cartType="{{cartType}}">
            <h2 class="title">请填写并核对以下信息
                <a href="{{cartUrl}}" class="btn_backcart"></a>
            </h2>
            <div class="order-content">
                <div class="order-selection address-list">
                    <h2>收货地址:<span>[修改]</span></h2>
                    <div class="address-list-inner">
                    <ul class="exist-address-list">
                        {{#each hasAddress}}
                        <li class="has-exist-address">
                            <input class="radio" type="radio" name="exist-address" id="{{id}}" {{#if checked}}checked{{/if}}/>
                            <label for="{{id}}">
                                <strong>{{user}}</strong>
                                <span>{{address}}</span>
                                <b class="default-address">设为默认地址</b>
                                <div class="order-modify-btn">
                                    <span class="address-modify">[修改]</span>
                                    <span class="address-del">[删除]</span>
                                </div>
                            </label>
                        </li>
                        {{/each}}

                        <li class="use-new-address hide">
                            <input class="radio add-address" type="radio" name="address" id=""/>
                            <label for="">使用新地址</label>
                        </li>
                    </ul>

                    <div class="address-manage hide" cart-type="{{cartType}}">
                        <ul>
                            <li>
                                <span class="address-legend"><i>*</i>收货人姓名:</span>
                                <input type="text" name="name" class="name text-input"/>
                                <span>请填写您的真实姓名,最多5个汉字</span>
                            </li>
                            <li>
                                <span class="address-legend"><i>*</i>省市:</span>
                                <select name="province" id="" class="text-input">
                                </select>
                                <select name="city" id="" class="text-input">
                                </select>
                                <select name="county" id="" class="text-input">
                                </select>
                                <input type="text" name="address" class="text-input"/>
                                <span>标'*'的为支持加急送的地区,请输入收货的详细地址</span>
                            </li>
                            <li>
                                <span class="address-legend"><i>*</i>手机号码:</span>
                                <input type="text" name="phone" class="text-input"/>
                                <span>填写正确手机号便于接收发货和收货通知</span>
                            </li>
                            <li>
                                <span class="address-legend">固定电话:</span>
                                <div class="address-tel-input">
                                    <input type="text" name="tel-code" class="tel-lengend text-input"/>
                                    <input type="text" name="tel" class="text-input"/>

                                </div>
                                <span>如:010-12345678,固话和手机号至少填一项</span>
                            </li>
                            <li>
                                <span class="address-legend">电子邮件:</span>
                                <input type="text" name="mail" class="text-input"/>
                                <span>用来接收订单提醒邮件,便于您及时了解订单状态</span>
                            </li>
                            <li>
                                <span class="address-legend">邮编:</span>
                                <input type="text" name="code" class="text-input"/>
                                <span>请填写准确的邮编,以确保商品尽快送达</span>
                            </li>
                        </ul>
                    </div>
                    <span class="save-btn hide">保存并送到这个地址</span>
                    </div>
                </div>

                <div class="order-selection pay-time">
                    <h2>支付及送货时间:<span class="switch-pay-modify">[修改]</span></h2>
                    <ul class="modity-pay-info">
                        <li>付款方式:<span>{{defaultPayWay}}</span></li>
                        {{#if isPreSell}}
                        <li class="prev-sell-item">发货时间:商品到货后立即发货</li>
                        {{/if}}
                        <li>送货时间:<span>{{defaultDelivery}}</span></li>
                        <li>送货前联系我:<span>否</span></li>
                    </ul>

                    <div class="pay-time-modify hide">
                        <h3 class="pay-time-title">支付方式</h3>
                        <ul>
                            <li class="pay-dashed-hr pay-recommend">
                                <div class="pay-type-legend">
                                    <input value="1" {{#if onlinePay.checked}} checked{{/if}} class="radio {{#if onlinePay.checked}}checked{{/if}}" name="pay-type" type="radio" id="" data-pay="{{onlinePay.paymentId}}"/>
                                    <label for="">在线支付(推荐)</label>
                                </div>
                                <span class="pay-type-legend">查看支持在线支付的银行和平台</span>
                                <div class="support-type hide">
                                    <h4>支持以下支付平台在线支付:</h4>
                                    <ul>
                                    {{#each supportLine}}
                                    <li><img src="{{src}}" alt=""/></li>
                                    {{/each}}
                                    </ul>
                                    <h4>支持以下银行在线支付:</h4>
                                    <ul>
                                    {{#each supportBank}}
                                    <li><img src="{{src}}" alt=""/></li>
                                    {{/each}}
                                    </ul>
                                </div>
                            </li>

                            <li>
                              {{#if supportDeliveryPay}}
                                <input value="2" {{#if deliveryPay.checked}}checked{{/if}} class="radio {{#if deliveryPay.checked}}checked{{/if}}" name="pay-type" type="radio" id="" data-pay="{{deliveryPay.paymentId}}"/>
                              {{/if}}
                                <label for="">货到付款</label>
                                <span class="pay-type-tips">
                                  {{#if packages}}
                                   注:您订单中的商品暂不支持货到付款,请您选择在线支付。
                                  {{^}}
                                   注:{{paymentInCashInfo}}
                                  {{/if}}
                                </span>
                            </li>
                        </ul>

                        <h3>送货时间</h3>
                        <ul>
                            {{#each delivery}}
                            <li>
                                <input {{#if checked}}checked{{/if}} value={{id}} class="radio" name="pay-time-radio" type="radio" id="{{id}}"/>
                                <label for="">{{desc}}</label>
                            </li>
                            {{/each}}

                            <li class="pay-dashed-hr pay-type-tips">声明:我们会努力按照您指定的时间配送,但因为天气、交通等各类因素影响,您的订单有可能会有延误现象,敬请谅解!</li>

                            <li>
                                <span>送货前是否联系:</span>
                                <input value="Y" class="radio" name="call-me" type="radio" id=""/>
                                <label for="">是</label>
                                <input value="N" checked class="radio" name="call-me" type="radio" id=""/>
                                <label for="">否</label>
                            </li>
                        </ul>

                        <span class="pay-btn">确定</span>
                    </div>
                </div>

                <div class="order-selection select-express">
                    <h2>选择快递:</h2>
                    {{#each carriageList}}
                    <div class="express-list">
                        <input {{# checked}}checked{{/ checked}} class="radio" type="radio" name="carriagegroup" id="common-{{id}}" value="{{id}}"/>
                        <label for="common-express">{{name}}:&nbsp;&nbsp;运费 ¥{{value}}  {{desc}}</label>
                    </div>
                    {{/each}}
                    <div class="express-list express-tips">注:配送会由于天气,交通等不可抗拒的客观因素造成您收货时间延迟,请您知悉。
                    </div>
                    <div class="express-list hide is-sup"><span class="sf">您所选择的区域暂不在顺风派送范围内,</span><a style="text-decoration: none;" target="_blank" href="{{sfUrl}}">点击查看详情</a></div>
                    <div class="express-list sf hide">如您购买的商品为航空禁运品顺丰会用陆运的方式给你派送,预计3-5天送达,请您见谅</div>
                </div>
            </div>
        </div>
    </div>
    <!--   订单提示-->

	{{#if packages}}
	<div id="differentOrder" class="differentOrder">
		<p class="warn">
			温馨提示:您购买的商品<span class="red">分属不同的仓库</span>,需要调拨,将被拆分为多个包裹送达
			<span class="why">
			</span>
		</p>
		<div id="differentBag" class="differentBag">
			{{#each packages}}
			<div class="bag">
				<h3>
					{{title}}
				</h3>
				<p class="pre">
				</p>
				<div class="bagDetil">
					<ul>
						{{#each goodlist}}
						<li >
							<img src={{src}}/>
							{{#if goodsType}}
							<p class="{{classname}}" >{{goodsType}}</p>
							{{/if}}
						</li>
						{{/each}}
					</ul>
				</div>
				<p class="next">
				</p>
				{{#if fee}}
				    <p class="express-fee">运费:¥{{fee}}元(原价{{orign}}元,优惠{{count}}元)</p>
				{{else}}
					<p class="express-fee">运费:¥0.00元</p>
				{{/if}}
			</div>
			{{/each}}

		</div>
	</div>
	{{/if}}
    <div class="order-pay">
        <div class="pay-wapper">
        <table>
            <thead>
                <tr>
                    <th style="width:40%;">
                        商品信息
                    </th>
                    <th style="width:10%;">单价(元)</th>
                    <th style="width:10%;">返YOHO币</th>
                    <th style="width:10%;">数量</th>
                    <th style="width:10%;">小计(元)</th>
                    <th style="width:20%;">商品金额(元)</th>
                </tr>
            </thead>
            <tbody>
                {{#each orderProducts}}
                <tr>
                    <td>
                        <div class="pay-pro">
                            <a class="pay-pro-icon" href="{{link}}">
                            <img src="{{imgCover}}" />
                                {{#isPriceGift}}
                                <span class="incentive">加价购</span>
                                {{/isPriceGift}}
                                {{#isGift}}
                                <span class="gift">赠品</span>
                                {{/isGift}}
                            </a>
                            <p class="pay-pro-info">
                                <a href="{{link}}" target="_blank">{{productTitle}}</a>
                                <span>颜色:{{productColor}} 尺码:{{productSize}}</span>
                            </p>
                        </div>
                    </td>
                    <td>
                        {{productPrice}}
                        {{#isVipPrice}}
                            <span class="vipPrice">(VIP)</span>
                        {{/isVipPrice}}
                    </td>
                    <td>{{yohoIcon}}个</td>
                    <td>{{productNum}}</td>
                    <td class="cart-sub-total {{#xForOne}}xforone{{/xForOne}}">
                        {{#if xForOne}}
                            <del>{{productSubtotal}}</del>
                            <span class="free"></span>
                        {{^}}
                            {{productSubtotal}}
                        {{/if}}
                    </td>
                    <td class="cart-sub-total-all">{{productSubtotal}}</td>
                </tr>
                {{/each}}
            </tbody>
        </table>
        <!--YOHO-->
        <div class="play-content clearfix">
            <div class="play-left">
                <dl class="play-piao-pan pan">
                    <dt>索要发票</dt>
                    <dd>
                        <div class="play-pan">
                            <ul>
                                <li><label>发票抬头 :</label><input type="text" class="textbox" id="piaodesc" /></li>
                                <li><label>发票类型 :</label> <select class="dropdown" id="piaotype">
                                    <option value="0">请选择</option>
                                    {{#each piaoTypes}}
                                        <option value="{{id}}">{{name}}</option>
                                    {{/each}}
                                </select> </li>
                            </ul>
                        </div>
                    </dd>
                </dl>
                <dl class="play-remark-pan pan">
                    <dt>添加备注信息</dt>
                    <dd>
                        <div class="play-pan">
                            <textarea class="textbox" id="notedesc"></textarea>
                            <p class="note">声明:备注中有关收货人信息、支付方式、配送方式、发票信息等购买要求一律以上面的选择为准,备注无效。</p>
                            <p>是否打印价格:
                                <input name="isPP" id="isPPY" type="radio" value="Y" checked="">
                                <label for="isPPY">是</label>
                                <input name="isPP" id="isPPN" type="radio" value="N">
                                <label for="isPPN">否</label>
                                (如:送朋友的商品可不打印价格哦!)
                            </p>
                        </div>
                    </dd>
                </dl>
            </div>
            <div class="play-right">
                <div class="back-coin">
                    <a href="/help/?category_id=87" class="yoho-coin" target="_blank"></a>共返YOHO币:{{totalYoho}}个
                </div>
                <ul class="play-total">
                    {{#each promotionFormulaList}}
                    <li class="{{#if isExpress}}total-express-w{{/if}}">
                        <label>{{promotion}}</label><em>{{promotionAmount}}</em>
                    </li>
                    {{/each}}
                </ul>

                {{#if showCouponPay}}
                <dl class="play-juan-pan pan">
                    <dt>使用优惠券支付</dt>
                    <dd>
                        <div class="play-pan">
                            <p class="strong">请选择您要使用的优惠券: </p>
                            <p class="strong orange">(OUTLET商品除免邮券外不可使用优惠券)</p>
                            <p class="strong orange">(订单中使用优惠券将不赠送商品返还的YOHO币)</p>
                            <div class="play-juan">
                                <ul>
                                    <li>
                                        <input checked name="juangroup" type="radio" value="">
                                        <label>直接输入优惠码: </label>
                                        <input type="text" class="textbox" id="juancode" />
                                    </li>
                                </ul>
                            </div>

                            <p class="errtip red"></p>
                            <div class="btn-group clearfix">
                                <input type="button" class="ok" value="确定" id="juansubmit"/>
                                <input type="button" class="cancel cancel-code" value="取消"/>
                            </div>
                        </div>
                    </dd>
                </dl>
                {{/if}}
                <dl class="play-bi-pan pan">
                    <dt>使用YOHO币支付</dt>
                    <dd>
                        <div class="play-pan">
                            <div class="strong">
                                使用YOHO币:
                                <input type="text" class="textbox" id="biprice" data-bi="{{ownYohoCoin}}" value="0" /> 个
                            </div>
                            <p >
                                您目前有YOHO币 <em class="strong">{{ownYohoCoin}}</em> 个
                            </p>
                            <p class="errbitip red"></p>
                            <div class="btn-group clearfix">
                                <input type="button" class="ok" value="确定" id="bisubmit"/>
                                <input type="button" class="cancel cancel-bi" value="取消"/>
                            </div>
                        </div>
                    </dd>
                </dl>

                {{#if redEnvelopes}}
                <div class="red-envelopes active">
                    <div class="use-envelopes">
                        <input checked value="0" data-all="{{redEnvelopes}}" data-use="{{useRedEnvelopes}}" type="checkbox" />使用现金红包支付:<span>-¥{{useRedEnvelopes}}</span>
                    </div>
                    <div class="has-envelopes">您的现金红包余额:<span></span></div>
                </div>
                {{/if}}
            </div>
        </div>
        </div>

        <div class="to-play">
            <p>您需要实际支付金额:<em>{{lastOrderAmount}}</em>元</p>
            <div class="btn-group clearfix">
                <input type="button" class="submit" value="去付款"/>
            </div>
        </div>
    </div>
{{/ orderEnsure}}
<div class="loading"><span></span>请稍后...</div>
</div>
{{> layout/footer}}