1

admin

2026-01-06 03043192ddf00f9a36b7454799a9152cd1b50a0b

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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<template>
    <div class="channel">
        <!-- <fx-header @back="openUrl(1)"> -->
        <!-- <template #left>{{}}</template>
<template #title>{{ title }}</template>
<template #right>
                <van-icon name="cross" @click="onRoute('list')"></van-icon>
            </template> -->
        <!-- </fx-header> -->
        <van-nav-bar :left-arrow="true" @click-left="onClickLeft">
            <template #title>{{ title }}</template>
            <template #right>
                <van-icon name="cross" @click="onRoute('/trade/index')"></van-icon>
            </template>
        </van-nav-bar>
        <h2 class="px-4 mt-4 select-title">{{ label }} </h2>
        <ul class="mt-4 px-4 flex">
            <li class="item-type rounded flex flex-col p-4 justify-center items-center" v-for="(item, index) in list"
                :key="index" @click="onRoute(item.path)">
                <img :src="item.icon" />
                <p class="mt-2">{{ item.title }} </p>
            </li>
        </ul>
    </div>
</template>
 
<script setup>
import { onMounted, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { useI18n } from "vue-i18n";
import { _foreignRechargeWith } from "@/service/recharge.api";
 
const { t } = useI18n()
const route = useRoute()
const router = useRouter()
const isFinishRecharge = ref(true)
const orderNo = ref('')
const isIn = route.name === 'channelIn'
 
const title = isIn ? t('recharge') : t('withdraw')
 
const label = isIn ? t('selectRechargeEeor') : t('selectWithdrawEeor')
 
const list = isIn ? [
    // { title: t('bankDeposit'), icon: new URL('@/assets/image/order/user-icon1.png', import.meta.url), path: 'charge-bank' }, // 跳转银行入款页面
    { title: t('bankDeposit'), icon: new URL('@/assets/image/order/user-icon1.png', import.meta.url), path: '/customerService' }, // 跳转客服页面
    { title: 'USDT ' + t('recharge'), icon: new URL('@/assets/image/order/user-icon2.png', import.meta.url), path: '/cryptos/recharge/rechargeList?isForeign=true' },
] : [
    { title: t('bankwithdrawal'), icon: new URL('@/assets/image/order/user-icon1.png', import.meta.url), path: 'withdraw-bank' },
    { title: t('加密货币') + ' ' + t('withdraw'), icon: new URL('@/assets/image/order/user-icon2.png', import.meta.url), path: '/cryptos/withdraw/withdrawPage?type=exchange' },
]
 
onMounted(() => {
    foreignRechargeWith()
})
 
const onRoute = (path) => {
    if (path === 'charge-bank') {
        isFinishRecharge.value ? router.push('charge-bank') : router.push(`/order/submit?orderNo=${orderNo.value}`)
    } else {
        router.push(path)
    }
}
const onClickLeft = () => {
    router.push('/trade/index')
}
 
// 银行卡充值
const foreignRechargeWith = () => {
    _foreignRechargeWith({
        page_no: 1,
        direction: 'recharge'
    }).then((res) => {
        // 判断上一笔是否结束充值
        if (res && res.length > 0 && res[0].state === '0') {
            isFinishRecharge.value = false
            orderNo.value = res[0].order_no
        } else {
            isFinishRecharge.value = true
        }
    })
}
 
 
 
</script>
<style lang="scss" scoped>
.item-type {
    flex: 1;
    margin: 0 6px;
    font-size: 14px;
    border: 1px solid $border_color;
    height: 130px;
    color: $dark-grey;
 
    img {
        width: 55px;
        height: 55px;
    }
}
 
:deep(.van-icon) {
    font-size: 18px;
    color: $text_color;
}
 
.channel {
    font-size: 14px;
}
</style>