ensure-tpl.hbs 9.51 KB
<script id="address-tpl" type="text/html">
    <div class="title">\{{title}}</div>
    <p class="prompt">为提高配送时效,请您尽量准确填写四级地址。</p>
    <ul class="info-wrap">
        <li>
            <span class="left-rd"><i class="red">*</i>收<i class="mg">货</i>人:</span>
            <input type="text" name="consignee" value="\{{info.consignee}}" placeholder="请输入您的姓名">
            <p class="caveat-tip"></p>
        </li>
        <li>
            <span class="left-rd"><i class="red">*</i>所在区域:</span>
            <div class="area-box">
                <span>请选择省市区</span>
                <span class="area-text">\{{info.areaText}}</span>
                <div class="area-select{{#if thirdLevelArea}} third-level-area{{/if}}">
                    <ul class="clearfix">
                        <li class="area-sel-tab tab-on">
                            省份
                            <div class="province-list opt-list"></div>
                        </li>
                        <li class="area-sel-tab">
                            城市
                            <div class="city-list opt-list"></div>
                        </li>
                        <li class="area-sel-tab">
                            区县
                            <div class="area-list opt-list"></div>
                        </li>
                        <li class="area-sel-tab">
                            乡镇/街道
                            <div class="town-list opt-list"></div>
                        </li>
                    </ul>
                </div>
            </div>
            <p class="caveat-tip"></p>
        </li>
        <li>
            <span class="left-rd"><i class="red">*</i>详细地址:</span>
            <input type="text" name="address" value="\{{info.address}}" placeholder="街道名称或小区名称">
            <p class="caveat-tip"></p>
        </li>
        <li>
            <span class="left-rd"><i class="red">*</i>手机号码:</span>
            <input type="text" name="mobile" value="\{{info.mobile}}" placeholder="请输入手机号码(重要必填)">
            <p class="caveat-tip"></p>
        </li>
        <li>
            <span class="left-rd">电话号码:</span>
            <input type="text" name="phone" value="\{{info.phone}}" placeholder="请输入电话号码(选填)">
            <p class="caveat-tip"></p>
        </li>
        <li>
            <span class="left-rd"></span>
            <label class="radio-btn">设置为默认收货地址</label>
        </li>
    </ul>
</script>

<script id="address-item-tpl" type="text/html">
    <div class="addr-item" data-id="\{{id}}">
        <p class="name">
            \{{consignee}}
            <span class="right">\{{mobile}}</span>
        </p>
        <p class="area">\{{areaShow}}</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>
</script>

<script id="invoice-chose-tpl" type="text/html">
    <div class="invoice-close"><i class="iconfont">&#xe60d;</i></div>
    <p class="invoice-header">发票信息</p>
    <div class="invoice-content el-content">
        <p class="invoice-type-text">
            <span class="row-title">发&nbsp;票&nbsp;类&nbsp;型:</span>
            电子发票
        </p>

        <p class="el-tip">
            ※ 电子发票是税务局认可的有效凭证,其法律效力、基本用途及使用规定同纸质发票,如需纸质发票可自行下载打印。<br>
            <a href="/help/detail?id=33&contId=139" target="_blank">查看发票须知</a>
        </p>

        <ul>
            <li class="invoice-title invoice-row">
                <span class="row-title">
                    <em>*</em>
                    发&nbsp;票&nbsp;抬&nbsp;头:
                </span>
                <div class="row-content">
                    <span class="radio-wrap">
                        <label class="rbt-1 radio-btn on" data-id="1"></label> 个人
                    </span>
                    <span class="radio-wrap">
                        <label class="rbt-2 radio-btn" data-id="2"></label> 单位
                    </span>
                </div>
            </li>
            <li class="invoice-title-name invoice-row company-row hide">
                <span class="row-title">
                    <em>*</em>
                    单&nbsp;位&nbsp;名&nbsp;称:
                </span>
                <div class="row-content">
                    <input id="company-name" class="company-name" type="text" placeholder="请填写单位名称">
                    <span class="input-tip company-name-tip red hide">
                        <span class="iconfont">&#xe629;</span>
                        <em>请填写发票抬头</em>
                    </span>
                </div>
            </li>
            <li class="invoice-tax-num invoice-row company-row hide">
                <span class="row-title">
                    <em>*</em>
                    税&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号:
                </span>
                <div class="row-content">
                    <input id="company-tax-num" class="company-tax-num" type="text" placeholder="请输入纳税人识别号">
                    <span class="input-tip company-tax-tip red hide">
                        <span class="iconfont">&#xe629;</span>
                        <em>请填写纳税人识别号</em>
                    </span>
                </div>
            </li>
            <li class="receiver invoice-row" data-full="{{receiverMobile}}" data-hide="{{hideReceiverMobile}}">
                <span class="row-title">
                    <em>*</em>
                    手&nbsp;机&nbsp;号&nbsp;码:
                </span>
                <div class="row-content">
                    <input id="receiver-phone" class="receiver-phone" type="text" placeholder="可通过手机号码在发票服务平台查询">
                    <span class="input-tip receiver-tip red hide">
                        <span class="iconfont">&#xe629;</span>
                        <em></em>
                    </span>
                </div>
            </li>
        </ul>
    </div>
</script>

<script id="coupons-tpl" type="text/html">
    \{{#if usable_coupons}}
        <ul class="usable-list">
            <li class="useable-title">可用优惠券</li>
            \{{#each usable_coupons}}
                <li>
                    <span class="title">\{{coupon_name}}</span>
                    <span class="time">\{{coupon_validity}}</span>
                    <span class="money">¥ \{{round coupon_value 2}}</span>
                    <span class="coupon-radio" data-id="\{{coupon_code}}" data-price="\{{round coupon_value 2}}"></span>
                </li>
            \{{/each}}
        </ul>
    \{{^}}
        <p class="empty-tip">暂无可用优惠券~</p>
    \{{/if}}
    \{{#if unusable_coupons}}
        <ul class="unusable-list">
            <li class="unuseable-title">未满足使用条件的优惠券</li>
            \{{#each unusable_coupons}}
                <li>
                    <span class="title">\{{coupon_name}}</span>
                    <span class="time">\{{coupon_validity}}</span>
                    <span class="money">¥ \{{round coupon_value 2}}</span>
                </li>
            \{{/each}}
        </ul>
    \{{/if}}
</script>

<script id="yoho-coin-tpl" type="text/html">
    <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>
</script>

<script id="promotion-list-tpl" type="text/html">
    \{{#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">共返有货币:\{{../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}}
</script>