<template>
  <div v-if="list.length>0">
    <group title="开票历史">
      <cell title="停车" link="https://vux.li" inline-desc='2020/05/29 22:22:22'>
        <div>
          <p>已发送电子邮箱</p>
          <p>¥ 0.20</p>
        </div>
      </cell>

      <cell title="停车" link="https://vux.li" inline-desc='2020/05/29 22:22:22'>
        <div>
          <p>已开票</p>
          <p>¥ 0.20</p>
        </div>
      </cell>
    </group>
  </div>

  <div class="noDada" v-else>
    <img src="../../../assets/images/parkInvoice/parkInvoiceNo.png" width="180px" height="140px">
    <p>暂无开票历史记录</p>
  </div>
</template>


<script>
import {
  queryCustInvoiceHistoryList
} from "@/api/invoice/invoice.js";
export default {
  name: "invoiceRecord",
  data() {
    return {
      list: []
    };
  },
  mounted() {
    this.queryCustInvoiceHistoryList();
  },
  methods: {
    queryCustInvoiceHistoryList: function() {
      let jsondata = this.$utils.commonParams();
      jsondata.sign = this.$utils.signObject(jsondata);
      console.log("传参  " + JSON.stringify(jsondata));
      queryCustInvoiceHistoryList(jsondata).then(response => {
        console.log(response);
        this.list = response.data;
      });
    }
  }
};
</script>

<style scoped lang="scss">
  .noDada {
    text-align: center;
    img {
      margin: 20px auto;
    }
  }

</style>
