first commit

dcc

2024-06-13 3616db170333df7d668c97323344335b52c4153c

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
<template>
  <div>
    <p class="mt-24 font-semibold" v-if="needLabel">
      {{ $t("message.user.zhuangtai") }}
    </p>
    <div class="total">
      <div class="t-box">
        <p class="label" v-if="needLabel">
          {{ $t(`message.user.${isWithdraw ? "tikuan" : "chongzhi"}`)
          }}{{ $t("message.user.zhuangtai") }}
        </p>
        <!-- crypto   接口status<number> -->
        <div v-if="type === 'crypto'">
          <div v-if="state === 0" class="flex">
            <img src="@/assets/images/wallet/pending.svg" class="mr-2" />
            {{ $t("message.user.chulizhong") }}
          </div>
          <div v-if="state === 1" class="flex">
            <img src="@/assets/images/wallet/success.svg" class="mr-2" />
            {{ $t("message.user.chongzhi") }}{{ $t("message.user.chenggong") }}
          </div>
          <div v-if="state === 2" class="flex">
            <img src="@/assets/images/wallet/failed.svg" class="mr-2" />
            {{ $t("message.user.chongzhi") }}{{ $t("message.user.shibai") }}
          </div>
        </div>
         <!-- bank   接口state<string> -->
        <div v-else>
          <div v-if="state == 0" class="flex">
            <img src="@/assets/images/wallet/pending.svg" class="mr-2" />
            {{ $t("message.c2c.weifukuan") }}
          </div>
          <div v-if="state == 1" class="flex">
            <img src="@/assets/images/wallet/pending.svg" class="mr-2" />
            {{ $t("message.c2c.weifukuan") }}
          </div>
          <div v-if="state == 2" class="flex">
            <img src="@/assets/images/wallet/pending.svg" class="mr-2" />
            {{ $t("message.c2c.shensuzhong") }}
          </div>
          <div v-if="state == 3" class="flex">
            <img src="@/assets/images/wallet/success.svg" class="mr-2" />
            {{ $t("message.user.chongzhi") }}{{ $t("message.user.chenggong") }}
          </div>
          <div v-if="state == 4" class="flex">
            <img src="@/assets/images/wallet/failed.svg" class="mr-2" />
            {{ $t("message.c2c.yiquxiao") }}
          </div>
          <div v-if="state == 5" class="flex">
            <img src="@/assets/images/wallet/failed.svg" class="mr-2" />
            {{ $t("message.c2c.yichaoshi") }}
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
const props = defineProps({
  state: {
    type: [String,Number],
  },
  type: {
    type: String,
    default: "crypto",
  },
  needLabel: {
    type: Boolean,
    default: false,
  },
  isWithdraw: {
    type: Boolean,
    default: false,
  },
});
</script>