From fdf3cea4586f20b78ccbc564aa876487e5dac81e Mon Sep 17 00:00:00 2001 From: hzj <1304805162@qq.com> Date: Thu, 20 Nov 2025 10:49:48 +0800 Subject: [PATCH] =?UTF-8?q?style(=E9=93=B6=E8=A1=8C=E5=8D=A1=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2):=20=E6=A0=B7=E5=BC=8F=E6=9B=B4=E6=96=B0=EF=BC=8C?= =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=88=A4=E6=96=AD=E4=BD=BF=E7=94=A8=E4=B8=AD?= =?UTF-8?q?=E7=9A=84=E9=93=B6=E8=A1=8C=E5=8D=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/locales/ar.json | 1 + src/locales/en.json | 1 + src/locales/zh.json | 1 + src/views/Wallet/CashOut/BankCard.vue | 95 +++++++++++++++++++++------ 4 files changed, 79 insertions(+), 19 deletions(-) diff --git a/src/locales/ar.json b/src/locales/ar.json index 4d8b8b6..47022dd 100644 --- a/src/locales/ar.json +++ b/src/locales/ar.json @@ -287,6 +287,7 @@ "payee": "المستفيد", "delete": "حذف", "use": "استخدام", + "using": "قيد الاستخدام", "add_new_payment_method": "إضافة طريقة دفع جديدة", "choose_withdrawal_method": "اختر طريقة السحب", "card_name": "اسم البطاقة", diff --git a/src/locales/en.json b/src/locales/en.json index b333b5f..9202cea 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -287,6 +287,7 @@ "payee": "Payee", "delete": "Delete", "use": "Use", + "using": "Using", "add_new_payment_method": "Add new payment method", "choose_withdrawal_method": "Choose withdrawal method", "card_name": "Card Name", diff --git a/src/locales/zh.json b/src/locales/zh.json index 7311f39..f24bdc0 100644 --- a/src/locales/zh.json +++ b/src/locales/zh.json @@ -287,6 +287,7 @@ "payee": "收款人", "delete": "删除", "use": "使用", + "using": "使用中", "add_new_payment_method": "添加新的付款方式", "choose_withdrawal_method": "选择提现方式", "card_name": "卡名", diff --git a/src/views/Wallet/CashOut/BankCard.vue b/src/views/Wallet/CashOut/BankCard.vue index afd34fc..e979749 100644 --- a/src/views/Wallet/CashOut/BankCard.vue +++ b/src/views/Wallet/CashOut/BankCard.vue @@ -17,15 +17,28 @@ padding: 12px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); " + :style=" + usedBankCard.cardNo + ? `border-radius: 11.75px;border: 0.5px solid rgba(255, 255, 255, 0.08);background: linear-gradient(137deg, #7352DD 11.08%, #AB91EA 42.04%, #9187E0 95.9%);box-shadow: -1px -3.25px 9.075px 0 rgba(88, 42, 255, 0.32) inset, 0.75px 3px 7.7px 0 rgba(115, 82, 221, 0.43) inset;backdrop-filter: blur(0.75px);` + : '' + " >
{{ t('no_bank_cards_in_use') }}
-
+
{{ t('card_number') }}: {{ usedBankCard.cardNo }}
-
+
{{ t('payee') }}: {{ usedBankCard.payee }}
@@ -59,14 +72,24 @@ box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); " > -
-
- {{ t('card_number') }}: {{ card.cardNo }} +
+
+
+ {{ t('card_number') }}: {{ card.cardNo }} +
+
+ {{ t('payee') }}: {{ card.payee }} +
-
- {{ t('payee') }}: {{ card.payee }} -
-
+
{{ t('delete') }}
{{ t('use') }}
+
+ {{ t('using') }} +
@@ -446,11 +501,19 @@ const getBankCards = async () => { if (resBankCards.status && resBankCards.body) { // 处理银行卡列表数据 bankCardList.value = resBankCards.body - bankCardList.value.forEach((card) => { - if (card.use) { - usedBankCard.value = card + + const usedCard = bankCardList.value.find((card) => card.use) + if (usedCard) { + usedBankCard.value = usedCard + } else { + // 没有使用中的银行卡 + usedBankCard.value = { + cardType: '', + cardName: '', + cardNo: '', + payee: '', } - }) + } } } catch (error) { console.error('获取银行卡列表失败:', error) @@ -463,12 +526,6 @@ const removeBankCard = async (cardId) => { const resDeleteCard = await deleteBankCard({ id: cardId }) if (resDeleteCard.status) { getBankCards() // 重新获取银行卡列表 - usedBankCard.value = { - cardType: '', - cardName: '', - cardNo: '', - payee: '', - } } } catch (error) { showError(error.response?.errorMsg || '')