<template>
  <zj-page-layout bgColor="#ffffff" hasFooter>
    <view class="all-container">
      <image src="@/static/mine/invoice.jpg" mode="widthFix"></image>
      <view class="title">已申请</view>
      <view class="text">
        <view>发票将在申请通过后48小时内开具，</view>
        <view>请耐心等候！</view>
      </view>
    </view>

    <template slot="footer">
      <view class="footer-btn-group">
        <u-button text="发票申请记录" @click="toInvoiceList"></u-button>
        <u-button type="primary" text="查看发票详情" @click="toInvoiceDetail"></u-button>
      </view>
    </template>
  </zj-page-layout>
</template>

<script>
  export default {
  	data() {
  		return {
        orderTaxId: null,
      }
    },

    onLoad({orderTaxId}) {
      this.orderTaxId = orderTaxId;
    },

    methods: {
      // 发票申请记录
      toInvoiceList() {
        this.$navToPage({
          url: '/packageMine/pages/invoice/list'
        });
      },

      // 发票详情
      toInvoiceDetail() {
        this.$navToPage({
          url: '/packageMine/pages/invoice/detail?orderTaxId=' + this.orderTaxId
        });
      },
    }
  }
</script>

<style scoped lang="scss">
.all-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100rpx;
  image {
    width: 180rpx;
  }
  .title {
    font-size: 36rpx;
    margin-top: 30rpx;
  }
  .text {
    margin-top: 30rpx;
    view {
      font-size: 24rpx;
      text-align: center;
    }
  }
}
</style>
