1

admin

2026-02-10 c547081aa61be5c7b6d4c12853c675954c2156eb

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
<template>
  <div id="CarItemPage">
    <div class="pl-8 pr-8 pt-10 pb-8 payment_item c2cColor" :class="{ 'border-b-grey': item.type === 'CN' }">
      <div class="title flex justify-between w-full">
        <div class="flex items-center">
          <div class="w-3 h-9 mr-5 rounded-2xl" :style="{ 'background': color }"></div>
          <div class="text-34">{{ $t(item.methodName) }}</div>
        </div>
        <div class="icon edit" @click="editClick(item, $event)">
          <img class="edit w-8 h-8" src="~@/assets/image/payment/edit.png" alt="">
        </div>
      </div>
      <div class="mt-5 text-32">{{ item.realName }}</div>
      <div class="number">
        <div class="font-bold mt-4 text-32" :class="{ 'ml-44': item.type === 'EN', 'text-32': item.type === 'EN' }">
          {{ item.paramValue1 ? item.paramValue1 : fullNumber(item.paramValue1) }}
        </div>
      </div>
    </div>
  </div>
</template>
 
<script>
import { getRandom, } from "@/utils/utis";
 
export default {
  name: "CarItem",
  props: ["item", "type"],
  data() {
    return {
      color: "#",
    }
  },
  created() {
    for (let i = 0; i < 6; i++) {
      this.color += getRandom();
    }
    console.log(this.color)
  },
  methods: {
    fullNumber(number) {
      if (this.item.type === 'CN') {
        return number.replace(/(\d{4})/g, "$1 ").trim()
        // return number;
      } else {
        return number;
      }
    },
    // 进入银行卡详情页面
    editClick(data) {
      this.$router.push({
        path: '/cryptos/wantBuy/bankCard',
        query: {
          id: data.uuid,
          type: 'CN',
          configType: 'edit'
        }
      })
    }
  },
  computed: {}
}
</script>
 
<style lang="scss" scoped>
#CarItemPage {
  font-size: 30px;
 
  .pt-55 {
    padding-top: 55px;
    ;
  }
 
  .payment_item {
    background: $tab_background;
    border-bottom: 1px solid $divi_line;
  }
}
</style>