{yun:}include file="$wapstyle/member/cheader.htm"{/yun}

<div class="m_taball">	<div class="m_taballbox">
<ul>
        <li>
            <a href="index.php?c=invoice">我的发票</a>
        </li>
        <li class="m_taballactive">
            <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="wap_member_box none" v-bind:class="{show: islook}">
        <div class="" v-if="total > 0">
            <div v-if="!isapply">
                <div class="wap_member_post_list" v-for="(item,sqk) in list" :key="sqk">
                    <div class="paylog_tit"><span class="paylog_lx">{{item.type_n}}</span>
                        <span class="paylog_tit_zt">{{item.dingdan_state_n}}</span>
                    </div>
                    <div class="user_member_box" style="padding-bottom:5px;">
                        <div class="pay_mx_list"><span class="member_c9">充值单号：</span>{{item.order_id}}</div>

                        <div class="pay_mx_list"><span class="member_c9">支付形式：</span>{{item.dingdan_type_n}}</div>
                        <div class="pay_mx_list"><span class="member_c9">充值金额：</span>{{item.order_price}}</div>

                        <div class="pay_mx_list"><span class="member_c9">订单时间：</span>{{item.dingdan_time_n}}</div>
                        <div class="pay_mx_list" v-if="item.order_remark"><span class="member_c9">订单备注：</span>
                            {{item.order_remark}}
                        </div>
                    </div>

                    <div class="com_member_hr_cz">
                        <a href="javascript:;" @click="addInvoiceInfo" :data-id="item.order_id"
                           :data-price="item.order_price"
                           class="invoice yun_member_hr_bth">申请发票</a>
                    </div>
                </div>
				
				
                <div class="pages" v-if="total > limit">
                    <van-pagination v-model="page" :total-items="total" :items-per-page="limit" force-ellipses
                                    @change="pageChange"/>
                </div>
            </div>
            <div class="none" v-bind:class="{show: isapply}">
            <div class="sqfp_box">
                <div class="admin_new_tip ">
                    <div class="admin_new_tit">重要提示</div>
                    <div class="admin_new_tip_list_cont">
                        <div class="admin_new_tip_list">
                            根据最新增值税管理办法要求，7月1日起如需为企业（包括公司、非公司制企业法人、企业分支机构、个人独资企业、合伙企业和其他企业）开具增值税发票，需提供纳税人识别号或统一社会信用代码，否则该发票无法作为税收凭证。请准确选择发票抬头类型，若企业发票请填写有效税号信息。
                        </div>
                    </div>
                </div>

                <div class="invoice_sqbox_h1"><span class="invoice_sqbox_h1_s">确认发票信息</span>
                    <a href="javascript:;" onclick="navigateTo('index.php?c=invoice_info')"
                       class="invoice_sqbox_xg">修改</a>
                </div>
                <div class="invoice_sqbox">

                    <div class="invoice_mumber"><span class="invoice_span">订单编号：</span>{{sqorderid}}</div>
                    <div class="invoice_money"><span class="invoice_span">实付金额：</span>{{sqorderprice}}</div>

                    <div>发票类型：
                        <span>{{invoice.invoicetype==1?'企业普通发票':'增值税专用票'}}</span>
                    </div>
                    <div>发票抬头：<span>{{invoice.invoicetitle}}</span></div>

                    <div class="invoice_bthbox">
                        <input type="button" class="invoice_list_bth" value="提交申请" @click="applyinvoice">
                        <input type="button" class="invoice_list_bth" value="暂不申请" @click="showlist">
                    </div>
                </div>
            </div></div>
        </div>
        <div v-else>
            <div class="wap_member_no">暂无可申请发票订单记录。</div>
        </div>
    </div>
</div>
<script>
    var yunvue = new Vue({
        el: '#yunvue',
        data() {
            return {
                list: [],
                invoice: [],
                islook: false,
                isapply: false,
                sqorderid: '',
                sqorderprice: '',
                cache: {},

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

                showLoading();
                $.post('{yun:}url d=wxapp h=com m=finance c=sqinvoice{/yun}', param, function (data) {
                    hideLoading();
                    that.total = data.total;
                    that.pageTotal = Math.ceil(that.total / that.limit);
                    let res = data.data;
                    that.invoice = res.invoice;
                    that.cache = res.config;
                    if (res.list.length > 0) {
                        that.list = data.data.list;
                    }
                    that.islook = true
                }, 'json')
            },
            addInvoiceInfo(e) {
                var that = this;
                if (that.invoice) {
                    if (that.cache.sy_com_invoice == 1) {
                        that.sqorderid = e.currentTarget.dataset.id;
                        that.sqorderprice = e.currentTarget.dataset.price;
                        that.isapply = true;
                    } else {
                        showModal('网站未开启发票申请，请联系管理员！');
                    }
                } else {
                    showModal('您还没有发票信息，请先添加！', function () {
                        navigateTo('index.php?c=invoice_info');
                    });
                }
            },
            applyinvoice() {
                var that = this;
                var param = {
                    order_id: that.sqorderid,
                    order_price: that.sqorderprice,
                };

                showLoading();
                $.post('{yun:}url d=wxapp h=com m=finance c=savesqinvoice{/yun}', param, function (data) {
                    hideLoading();
                    if (data.error == 10) {
                        showModal(data.data, function () {
                            navigateTo('index.php?c=invoice_info');
                        });
                    } else if (data.error == 11) {
                        showModal(data.data);
                    } else if (data.error == 12) {
                        showModal(data.data, function () {
                            navigateTo('index.php?c=sqinvoice');
                        });
                    } else if (data.error == 1) {
                        showToast('申请成功', 2, function () {
                            navigateTo('index.php?c=invoice');
                        });
                    }
                }, 'json')
            },
            showlist: function (e) {
                this.isapply = false;
            },
            pageChange: function (page) {
                this.page = page;
                this.getSqinvoice();
            },
        }
    });
</script>
</body>
</html>