1

jhzh

2025-06-16 1760942f9204e56032ca93ff1b720bbf966dd495

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<template>
  <div class="layout-page" :style="themeStyle">
    <v-header :title="$t('first.a8')"></v-header>
    <v-scroll class="layout-main" @ref="ref" @load="load">
      <ul class="list">
        <div class="item bg-panel-4 m-x-md m-y-xs rounded-sm box-shadow" v-for="item in list" :key="item.datetime">
          <div class="head d-flex align-center border-b p-x-md p-y-xs justify-between">
            <div class="d-flex">
              <div>
                <div class="color-light fn-lg">{{item.subscription_currency_name}}</div>
                <div class="fn-10">{{parseTime(item.subscription_time)}}</div>
              </div>
            </div>
            <div class="color-buy">{{$t('transfer.a1')}}</div>
          </div>
          <div class="p-x-md p-y-xs">
              <div class="row d-flex m-y-xs justify-between">
                <div class="label fn-sm">{{$t('purchases.a1')}}</div>
                <div class="color-light">{{item.payment_currency}}</div>
              </div>
            <div class="row d-flex m-y-xs justify-between">
              <div class="label fn-sm">{{$t('common.a4')}}</div>
              <div class="color-light">{{item.payment_amount}}</div>
            </div>
            <div class="row d-flex m-y-xs justify-between">
              <div class="label fn-sm">{{$t('common.a5')}}</div>
              <div class="color-light">{{item.subscription_currency_amount}}</div>
            </div>
          </div>
        </div>
      </ul>
    </v-scroll>
  </div>
</template>
<script>
import Wallet from "@/api/wallet";
import date from "@/utils/class/date.js";
import { mapGetters } from "vuex";
export default {
  name: "bill",
  data() {
    return {
      list: [],
      page: 0,
      accountMap: {
        UserWallet: this.$t('transfer.a4'),
        ContractAccount: this.$t('transfer.a5'),
        FinancialAccount: this.$t('transfer.a7'),
      },
    };
  },
  computed: {
    ...mapGetters(['themeStyle'])
  },
  methods: {
    parseTime: date.parseTime,
    ref(over) {
      this.page = 1;
      this.subscribeRecord(over);
    },
    load(over) {
      this.page++;
      this.subscribeRecord(over);
    },
    subscribeRecord(over) {
      let data = {
        page: this.page,
      };
    //  console.log(over)
      Wallet.placementRecords(data).then((res) => {
     //     console.log(res)
        if (res.data.current_page == 1) this.list = [];
        this.list = [...this.list, ...res.data.data];
        over && over({ finished: res.data.data.length < res.data.per_page });
      });
    },
  },
  created() {},
};
</script>