{yun:}include file="$wapstyle/member/cheader.htm"{/yun}
<div class="m_taball">	<div class="m_taballbox">
<ul>
    <li class="m_taballactive">
        <a href="index.php?c=invoice">我的发票</a>
    </li>
    <li>
        <a href="index.php?c=sqinvoice">发票索取</a>
    </li>
    <li>
        <a href="index.php?c=invoice_info">发票信息</a>
    </li>
</ul>
        </div>
        </div>

<div id="yunvue">
    <div class="none" v-bind:class="{show: islook}">
        <div v-if="total > 0" class="m_cardbox">
            <div class="invoice_box" v-for="(item,fpk) in list" :key="fpk">
                <div class="pay_mx_list"><span class="member_c9">申请时间</span>{{item.addtime_n}}</div>
                <div class="pay_mx_list"><span class="member_c9">发票抬头</span>{{item.title}}</div>
                <div class="pay_mx_list"><span class="member_c9">发票总额</span>￥{{item.price}}</div>
              <div class="pay_mx_list"><span class="member_c9">开票性质</span>{{item.style!=2?'纸质（快递）':'电子（邮箱）'}}</div>
            <div class="pay_mx_list"><span class="member_c9">收件人名</span>{{item.link_man}}</div>

                <div v-if="item.status==0"class="pay_mx_list"><span class="member_c9">发票状态</span>未审核</div>
                <div v-else-if="item.status==2"class="pay_mx_list"><span class="member_c9">发票状态</span>未通过</div>
                <div v-else-if="item.status==3"class="pay_mx_list"><span class="member_c9">发票状态</span>已打印</div>
                <div v-else-if="item.status==4"class="pay_mx_list"><span class="member_c9">发票状态</span>已邮寄</div>
                <div v-if="item.status<3&&item.statusbody"class="pay_mx_list"><span class="member_c9">审核说明：</span>{{item.statusbody}}</div>
            </div>
            <div v-if="total > limit">
                <van-pagination v-model="page" :total-items="total" :items-per-page="limit" force-ellipses
                                @change="pageChange"/>
            </div>
        </div>

        <div v-else>
            <div class="wap_member_no">暂无发票申请</div>
        </div>
    </div>
</div>
<script>
    var yunvue = new Vue({
        el: '#yunvue',
        data() {
            return {
                list: [],
                islook: false,

                total: 0,
                pageTotal: 0,
                page: 1,
                limit: 20,
            };
        },
        created() {
            this.getInvoice();
        },
        methods: {
            getInvoice: function () {
                var that = this;
                var param = {
                    page: that.page,
                    limit: that.limit,
                };

                showLoading();
                $.post('{yun:}url d=wxapp h=com m=finance c=invoicelist{/yun}', param, function (data) {
                    hideLoading();
                    that.total = data.total;
                    that.pageTotal = Math.ceil(that.total / that.limit);
                    let res = data.data;
                    if (res.length > 0) {
                        that.list = data.data;
                    }
                    that.islook = true
                }, 'json')
            },
            del: function (e) {
                let that = this,
                    param = {
                        id: e.currentTarget.dataset.id,
                    };
                var key = e.currentTarget.dataset.key;
                showConfirm('确定删除？', function () {
                    showLoading('删除中');
                    $.post('{yun:}url d=wxapp h=com m=finance c=delinvoice{/yun}', param, function (data) {
                        hideLoading();
                        if (data.error == 1) {
                            showToast('删除成功', 2, function () {
                                that.info.splice(key, 1);
                                if (that.info.length == 0) { // 无数据时重新加载页面
                                    that.page = that.page > 1 ? (that.page - 1) : 1;
                                    that.getInvoice();
                                }
                            });
                        } else {
                            showModal(data.msg);
                        }
                    }, 'json')
                })
            },
            pageChange: function (page) {
                this.page = page;
                this.getInvoice();
            },
        }
    });
</script>

</body>
</html>