<template>
  <!-- <div class="purchased">
    <div v-if="purchaseData2">
      <div class="item" v-for="item in purchaseData2" :key="item">
        <h3 class="title">【风口研报快评】中芯国际照顾书有这几大大亮点，IC设计与晶圆代工中这些龙头公司未来两年迎来助攻</h3>
        <div class="detail">
          <div>单篇资讯付费</div>
          <div>支付金额：<span>¥0.99</span></div>
          <div>支付方式：<span>微信支付</span></div>
          <div>支付时间：<span>2020.06.16  14:53:41</span></div>
          <div>订单编号：<span>20200203442332333223</span></div>
        </div>
      </div>
    </div>
    <div class="empty" v-else>
      <img src="@/assets/empty.png" alt="">
      <br>
      <p>您还没有单篇付费资讯购买记录~</p>
    </div>
  </div> -->
  <div class="purchased">
    <iframe src="../../Purchase/order/index.html" frameborder="0" style="width:100%;height:100%"></iframe>
    <!-- <iframe src="http://www.baidu.com" frameborder="0" style="width:100%;height:100%"></iframe> -->
  </div>
</template>

<script>
export default {
  name: 'Purchased',
  data() {
    return {
      purchaseData2: 10,
      purchaseData: [],
      pageNum: 1,
      pageSize: 20
    }
  },
  computed: {
    purchaseList () {
      return this.$store.stata.purchaseList;
    },
  },  
  methods: {
    getPurchaseData () {
      fql.ucmobile['用户订单查询']({
        PAGE_NO: this.pageNum,
        PAGE_SIZE: this.pageSize,
      }, false).then(function(res){

      })
    },
  },
  mounted() {
    if(typeof(sensorTrack) == 'function'){
      sensor_newsView('风口研报-资讯购买页', '风口研报');
    }    
  }
}
</script>
<style scope>
.purchased {
  height: calc(100vh - 31px);
  overflow: hidden;
  background: #15171E;
}
.purchased .title {
  font-size: 18px;
  color: #EAEBF0;
  margin-bottom: 30px;
  cursor: pointer;
}
.purchased .item {
  padding: 30px 0;
  border-bottom: 2px dashed rgba(255,255,255,.15);
}
.purchased .item:nth-of-type(1) {
  padding-top: 0;
}
.purchased .detail {
  display: flex;
  justify-content: space-between;
  color: #C2C4CD;
}
.purchased .empty {
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 170px;
}
.purchased .empty p {
  font-size: 12px;
  color: #767C8A;
}
</style>
