invoice.hbs 10.5 KB
<div class="orders-me-page invoice-me-page me-page yoho-page clearfix">
    {{> path}}
    {{> navigation}}

    {{# meOrders}}
        <div class="me-main">
            <div class="orders block">
                <h2 class="title">我的发票</h2>

                <div id="me-invoice-orders" class="me-orders">
                    <p class="order-table-header table-header clearfix">
                        <span class="info">商品信息</span>
                        <span class="price">单价(元)</span>
                        <span class="count">数量</span>
                        <span class="pay">发票类型</span>
                        <span class="order-status">状态</span>
                        <span class="operation">操作</span>
                    </p>

                    {{#if orders.empty}}
                        <p class="empty-tip">您还没有相关订单<br><span>未开票的订单可以在这里补开发票</span></p>
                    {{^}}
                        {{# orders.list}}
                            <div class="order" data-id="{{orderNum}}" data-time="{{time}}" data-paytype="{{payType}}">
                                <p class="order-title">
                                    {{title}}
                                    <span class="order-time">下单时间:{{orderTime}}</span>
                                </p>
                                <div class="order-wrap">
                                    <ul>
                                        {{# goods}}
                                            <li>
                                                <div class="info clearfix">
                                                    <a class="thumb-wrap" href="{{href}}" target="_blank">
                                                        <img class="thumb" src="{{thumb}}">
                                                        {{> home/orders/order-goods-tags}}
                                                    </a>
                                                    <div class="text-info">
                                                        {{#if refundStatus}}
                                                            <a href="{{goRefundUrl}}"><span class="had-refund">已退换</span></a>
                                                        {{/if}}
                                                        <a class="name" href="{{href}}" target="_blank">{{name}}</a>
                                                        <span class="color-size">
                                                            {{#if virtualGood}}
                                                                {{#if color}}
                                                                    日期:{{color}}&nbsp;&nbsp;
                                                                {{/if}}
                                                                {{#if size}}
                                                                    区域:{{size}}
                                                                {{/if}}
                                                            {{else}}
                                                                {{#if color}}
                                                                    <b title="{{color}}">颜色:{{color}}&nbsp;&nbsp;</b>
                                                                {{/if}}

                                                                {{#if size}}
                                                                    尺码:{{size}}
                                                                {{/if}}

                                                                {{#if arrivalDate}}
                                                                    <i class="arrival-date">上市期:{{arrivalDate}}</i>
                                                                {{/if}}
                                                            {{/if}}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="price">
                                                    <p>{{price}}</p>
                                                    {{#if linePrice}}
                                                        <p class="line-through">{{linePrice}}</p>
                                                    {{/if}}
                                                    {{#isVipPrice}}
                                                        <p class="tip-message">(VIP)</p>
                                                    {{/isVipPrice}}
                                                    {{#isStuPrice}}
                                                        <p class="tip-message">(学生价)</p>
                                                    {{/isStuPrice}}
                                                    {{#if free}}
                                                        <span class="free-icon">免单</span>
                                                    {{/if}}
                                                </div>
                                                <div class="count">{{count}}</div>
                                            </li>
                                        {{/ goods}}
                                    </ul>

                                    <div class="pay">
                                        <span class="pay-tip">{{invoiceType}}</span>

                                    </div>
                                    <div class="order-status">
                                        <span class="no-pay">{{#if issueType}}已开票{{^}}未开票{{/if}}</span>
                                    </div>
                                    <div class="operation">
                                        {{# invoiceOperation}}
                                            {{#if invoiceDetail}}
                                                <span class="op-item view-invoice"  data-id="{{../orderNum}}">查看发票</span>
                                            {{/if}}

                                            {{#if invoiceSupplying}}
                                                <span class="op-item on-invoice" data-id="{{../orderNum}}">开票中</span>
                                            {{/if}}

                                            {{#if supplyInvoice}}
                                                <span class="op-item supply-invoice" data-id="{{../orderNum}}">申请补开</span>
                                            {{/if}}
                                        {{/ invoiceOperation}}
                                    </div>
                                </div>
                            </div>
                        {{/ orders.list}}
                    {{/if}}
                </div>

                {{> pager}}
            </div>
        </div>
    {{/ meOrders}}
</div>

<div id="invoice-hide-dg" class="hide">
    <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-personal-name invoice-row personal-row">
                <span class="row-title"></span>
                <div class="row-content">
                    <input id="personal-name" class="personal-name" type="text" placeholder="个人( 可修改 )" maxlength="100">
                </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="请填写单位名称" maxlength="100">
                    <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">
                <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>
</div>