var vm = new Vue({
  el: '#packeted',
  delimiters: ['{', '}'],
  data: function () {
    return {
      dataList: {
        entPack: [],
        dailyPack: [],
        personalPack: []
      },
      listInfo: {
        pageNum: 0,
        pageSize: 2,
        total: -1,
        loading: true,
        finished: false
      },
      chargeList: []
    }
  },
  created () {
    this.recharge()
    this.onLoad()
  },
  methods: {
    recharge() {// 线上充值账户、线上自助充值帐户
      $.ajax({
        url: '/subscribepay/dataExportPack/account',
        type: 'POST',
        contentType: 'application/x-www-form-urlencoded',
        data: {},
        dataType: 'json'
      }).done(res => {
        if (res.error_code == 0) {
          this.dataList.entPack = $.isEmptyObject(res.data.entPack)?false:res.data.entPack
          this.dataList.dailyPack = res.data.dailyPack
          this.dataList.personalPack = $.isEmptyObject(res.data.personalPack)?false:res.data.personalPack
        }
      })
    },
    ajaxEntList() {// 线上充值明细
      return $.ajax({
        url: '/subscribepay/dataExportPack/rechargeList',
        type: 'POST',
        contentType: 'application/x-www-form-urlencoded',
        data: this.getDatas(),
        dataType: 'json'
      })
    },
    onLoad () {
      this.ajaxEntList().done(this.doFormatList.bind(this))
    },
    doFormatList (r) {
      if (r && r.error_msg == '' && r.data) {
        this.listInfo.pageNum++
        if (this.listInfo.pageNum === 1) {
          if (r.data.total || r.data.total === 0) {
            this.listInfo.total = r.data.total
          } else {
            this.listInfo.finished = true
          }
        }
        if (Array.isArray(r.data.list) && r.data.list.length !== 0) {
          this.chargeList = this.chargeList.concat(r.data.list.map(function (v) {
            return {
              id: v.id,
              resourceType: v.resourceType,
              number: v.number,
              validYear: v.validYear,
              endTime: v.endTime,
              createTime: v.createTime,
              giveNumber: v.giveNumber
            }
          }))
        } else {
          this.listInfo.finished = true
        }

        this.listInfo.loading = false
        if (this.listInfo.total !== -1 && this.listInfo.total <= this.chargeList.length) {
          this.listInfo.finished = true
        }
      }
    },
    getDatas() {
      return {
        pageSize: this.listInfo.pageSize,
        pageNum: this.listInfo.pageNum
      }
    },
    soonCharge() {// 立即充值
      // 判断是否为微信浏览器
      var ua = window.navigator.userAgent.toLowerCase()
      if(ua.match(/MicroMessenger/i) == 'micromessenger'){
          location.href = '/swordfish/dataPack/createOrder'
      }else{
          location.href = '/jyapp/dataPack/createOrder'
      }
    },
    changeNum(data) {// 数字处理函数
      if (data) {
        return data.toLocaleString()
      } else {
        return 0
      }
    },
    changeDate (time) {// 时间处理
      var d = new Date(time * 1000)
      var Y = d.getFullYear() + '.'
      var M = (d.getMonth()+1 < 10 ? '0'+(d.getMonth()+1) : d.getMonth()+1) + '.'
      var D = (d.getDate() < 10 ? '0'+d.getDate() : d.getDate())
      // var h = (d.getHours() < 10 ? '0'+d.getHours() : d.getHours()) + ':'
      // var m = (d.getMinutes() < 10 ? '0'+d.getMinutes() : d.getMinutes()) + ':'
      // var s = (d.getSeconds() < 10 ? '0'+d.getSeconds() : d.getSeconds())
      return (Y + M + D).replace(/^\s+|\s+$/g,"")
    }
  }
})