<div class="mobileinvoice-warpper">
        <gsb-h5nav slot="nav" title="发票申请" isback="true"></gsb-h5nav>
        <gsb-loading :show="showLoading" />
        <div class="mobileinvoice">
                <mt-navbar v-model="selected">
                        <mt-tab-item id="1">待申请</mt-tab-item>
                        <mt-tab-item id="2">申请中</mt-tab-item>
                        <mt-tab-item id="3">已开票</mt-tab-item>
                </mt-navbar>

                <!-- tab-container -->
                <mt-tab-container v-model="selected">
                        <!-- 发票申请 待申请 -->
                        <mt-tab-container-item id="1">
                                <div class="mobileinvoice-explain">
                                        <img src="/imgs/mobileinvoice/kaipiao.png" alt="" @click="goInvoiceText">
                                </div>
                                <div class="mobileinvoice-search" v-if="0" 　>
                                        <mt-search cancel-text="取消" placeholder="请输入申请号/订单号/申请人名称查询">
                                        </mt-search>
                                </div>
                                <!-- 官文列表页 -->
                                <div class="mobileinvoice-doclist">
                                        <div class="mobileinvoice-doclist-item" v-for="value in lists.data">
                                                <div>
                                                        <div>
                                                                <div v-show="0" class="mobileinvoice-radio">
                                                                </div>
                                                                <div>{{value.orderNum}}</div>
                                                        </div>
                                                        <div>{{value.invoiceApplyStatusName}}</div>
                                                </div>
                                                <div>
                                                        <div>
                                                                <div>{{value.sveItemName}}-{{value.order_name}}</div>
                                                                <div>￥{{value.totalSum}}</div>
                                                        </div>
                                                        <div>{{value.customerinfo_name}}</div>
                                                        <div><span>联系人：</span><span>{{value.contacts}} </span><span>
                                                                        {{value.mobile}}</span>
                                                        </div>
                                                        <div><span>支付方式：</span><span>{{value.accountTypeName}}</span>
                                                        </div>
                                                </div>

                                        </div>

                                </div>
                                <div class="mobileinvoice-allradio" v-if="0" v-for="(value,index) in lists.data">
                                        <div>
                                                <div></div>
                                                <div>全选</div>
                                        </div>

                                        <div>
                                                <div>合计: <span>￥00.00</span> </div>
                                                <div>共{{index+1}}个订单</div>
                                        </div>
                                        <mt-button size="small" @click="goInvoiceSubmit">下一步</mt-button>
                                </div>
                        </mt-tab-container-item>
                        <mt-tab-container-item id="2">
                                <!-- 发票申请 申请中 -->

                                <div class="mobileinvoice-search" v-if="0" v-for="value in lists.data">
                                        <mt-search cancel-text="取消" placeholder="请输入订单号/申请人名称查询">
                                        </mt-search>
                                </div>
                                <div class="mobileinvoice-doclist">
                                        <div class="mobileinvoice-doclist-item" v-for="value in lists.data">
                                                <div>
                                                        <div>
                                                                <div v-show="0" class="mobileinvoice-radio">
                                                                </div>
                                                                <div>{{value.orderNum}}</div>
                                                        </div>
                                                        <div>{{value.invoiceApplyStatusName}}</div>
                                                </div>
                                                <div>
                                                        <div>
                                                                <div>{{value.sveItemName}}-{{value.order_name}}</div>
                                                                <div>￥{{value.totalSum}}</div>
                                                        </div>
                                                        <div>{{value.customerinfo_name}}</div>
                                                        <div><span>联系人：</span><span>{{value.contacts}} </span><span>
                                                                        {{value.mobile}}</span>
                                                        </div>
                                                        <div><span>支付方式：</span><span>{{value.accountTypeName}}</span>
                                                        </div>
                                                </div>

                                        </div>

                                </div>
                                <div class="mobileinvoice-mail">
                                        <div v-if="0">
                                                <img src="/imgs/mobiledoc/wenan.png" alt="">
                                        </div>

                                </div>
                        </mt-tab-container-item>
                        <!-- 发票申请 已开票 -->

                        <mt-tab-container-item id="3">
                                <div class="mobileinvoice-search" v-if="0">
                                        <mt-search cancel-text="取消" placeholder="请输入订单号/申请人名称查询">
                                        </mt-search>

                                </div>

                                <div class="mobileinvoice-invoice" v-if="lists">
                                        <div class="mobileinvoice-invoice-item" v-for="value in lists.data">
                                                <div>
                                                        <div>
                                                                <div v-if="0" class="mobileinvoice-radio">
                                                                </div>
                                                                <div>{{value.orderNum}}</div>
                                                        </div>
                                                        <div @click="goInvoiceDetail">
                                                                <div>已开票</div>
                                                                <i class="el-icon-arrow-right"></i>

                                                        </div>
                                                </div>
                                                <div>
                                                        <div>
                                                                <div>{{value.sveItemName}}-{{value.order_name}}</div>
                                                                <div>￥{{value.totalSum}}</div>
                                                        </div>

                                                        <div>{{value.customerinfo_name}}</div>
                                                        <div><span>订单号{{value.orderNum}}</div>
                                                </div>

                                        </div>
                                </div>
                                <div v-else>
                                        <img src="/imgs/mobiledoc/wenan.png" alt="">
                                </div>
                        </mt-tab-container-item>
                </mt-tab-container>

        </div>



</div>