refund.hbs 5.21 KB
{{# refund}}
    <div class="refund-wrap">
        <a href="/help?id=43" class="refund-notice" target="_blank">退货须知</a>
        {{> returns/returns-status}}

        <h4 class="third-title">选择退货商品</h4>
        <div class="refund-goods clearfix" {{# speclialReason}} data-{{id}}="{{@index}}"{{/ speclialReason}}>
            <input id="order-code" type="hidden" value="{{orderCode}}">
            <ul class="goods-header">
                <li class="info">商品信息</li>
                <li class="reason">退货原因</li>
                <li class="num hide">退货数量</li>
                <li class="price">单价</li>
            </ul>

            {{# goods}}
                <div class="goods-item clearfix">
                    <div class="check {{#if limitReturn}}disabled{{/if}}"
                         data-skn="{{skn}}"
                         data-skc="{{skc}}"
                         data-sku="{{sku}}"
                         data-price="{{price}}"
                         data-type="{{typeId}}">
                        {{> icon/checkbox}}
                    </div>
                    <div class="img">
                        <a href="{{https href}}" title="{{name}}" target="_blank">
                            <img class="lazy" data-original="{{image img 70 90}}">
                        </a>
                    </div>
                    <div class="info">
                        <p><a href="{{https href}}" class="title" title="{{name}}" target="_blank">{{name}}</a></p>
                        <p>颜色:{{color}}&nbsp;尺码:{{size}}</p>
                        <p>×{{num}}</p>
                    </div>
                    <div class="reason">
                        <select class="refund-reason {{#if limitReturn}}disabled{{/if}}" {{#if limitReturn}}disabled{{/if}}>
                            <option>选择退款原因</option>
                            {{# reasonList}}
                                <option value="{{id}}">{{name}}</option>
                            {{/ reasonList}}
                        </select>
                    </div>
                    <div class="num hide">
                        <span class="iconfont {{#if limitReturn}}disabled{{/if}}">&#xe621;</span>
                        <input type="text" value="{{num}}" readonly="readonly">
                        <span class="iconfont {{#if limitReturn}}disabled{{/if}}">&#xe61f;</span>
                    </div>
                    <div class="price">¥{{round price 2}}</div>
                    {{#if limitReturn}}
                        <div class="limit-return">
                            <span class="limit-return-tip blue">
                                该商品不支持7天无理由退换
                                <i class="iconfont">&#xe612;</i>
                                <div class="limit-return-wrap">
                                    <div class="code-horn"></div>
                                    <p>该商品非质量问题不支持退换货,如有疑问,请联系客服。</p>
                                </div>
                            </span>
                        </div>
                    {{/if}}
                    {{> returns/special-reason}}
                </div>
            {{/ goods}}
        </div>

        <h4 class="third-title">退款方式</h4>

        <div class="refund-type">
            <div>
                {{# returnMode}}
                    {{!-- <label class="type-item {{class}}{{#if cur}} cur{{/if}}" title="{{title}}" data-id="{{id}}">{{name}}</label> --}}
                    <label class="type-item {{class}}{{#if cur}} cur{{/if}} zfb-icon" title="{{title}}" data-id="{{id}}"></label>
                    {{#if tip}}
                        <span class="type-tip">{{tip}}</span>
                    {{/if}}
                {{/ returnMode}}
            </div>
            {{# returnMode}}
                {{#if alipay}}
                    <dl class="alipay mode{{id}} hide">
                        <dd>账号:<input type="text" class="name" placeholder="收款人支付宝账号"></dd>
                        <dd>姓名:<input type="text" class="account" placeholder="姓名"></dd>
                    </dl>
                {{/if}}
                {{#if unionpay}}
                    <dl class="unionpay mode{{id}} hide">
                        <dd>
                            银行:
                            <select class="bank">
                                <option>请选择银行</option>
                            </select>
                            <input type="text" placeholder="开户支行" class="open-bank">
                            <span class="blue" class="area">例:江苏省南京市奥体支行</span>
                        </dd>
                        <dd>账号:<input type="text" class="account" placeholder="收款人银行卡号"></dd>
                        <dd>姓名:<input type="text" class="name" placeholder="姓名"></dd>
                    </dl>
                {{/if}}
            {{/ returnMode}}
        </div>
        <div class="opt-btn">
            <span class="apply-tip blue hide">请填写完整</span>
            <div id="apply-btn" class="btn disable">提交申请</div>
        </div>
    </div>
{{/ refund}}