feat: 更新银行卡管理功能,添加支持银行数据,优化表单交互和样式

This commit is contained in:
2025-12-17 03:59:47 +07:00
parent 1cfa5e8618
commit ec9ceb31ba
13 changed files with 49 additions and 80 deletions

View File

@@ -36,12 +36,6 @@ async function handleCardOptions(card: any) {
}
},
},
{
text: t("bankCard.list.edit"),
handler: () => {
router.push(`/trade-settings/bank-management/edit/${card.id}`);
},
},
{
text: t("bankCard.list.delete"),
role: "destructive",
@@ -104,34 +98,6 @@ async function handleDeleteCard(card: any) {
await alert.present();
}
// 获取银行图标颜色
function getBankIcon(bankCode: string) {
const bankColors: Record<string, string> = {
BOC: "#E31E24", // 中国银行 - 红色
CMB: "#E31E24", // 招商银行 - 红色
ICBC: "#E31E24", // 工商银行 - 红色
CCB: "#0F5AA6", // 建设银行 - 蓝色
ABC: "#00A651", // 农业银行 - 绿色
BOCOM: "#1890FF", // 交通银行 - 蓝色
PSBC: "#00A651", // 邮储银行 - 绿色
};
return bankColors[bankCode] || "#666";
}
// 获取银行缩写
function getBankAbbr(bankName: string) {
const abbr: Record<string, string> = {
中国银行: "中行",
招商银行: "招行",
工商银行: "工行",
建设银行: "建行",
农业银行: "农行",
交通银行: "交行",
邮储银行: "邮储",
};
return abbr[bankName] || bankName?.charAt(0);
}
onUpdated(() => {
refresh();
});
@@ -194,11 +160,8 @@ onUpdated(() => {
>
<div class="p-5 flex items-center justify-between">
<div class="flex items-center flex-1">
<div
class="w-12 h-12 rounded-xl flex items-center justify-center mr-4 text-white font-bold text-sm shadow-sm"
:style="{ backgroundColor: getBankIcon(card.bankCode || card.bankName) }"
>
<span class="text-white">{{ getBankAbbr(card.bankName) }}</span>
<div class="w-12 h-12 rounded-xl flex items-center justify-center mr-4 text-white font-bold text-sm shadow-sm bg-[#0F5AA6]">
<span class="text-white">{{ card.bankCode }}</span>
</div>
<div class="flex-1">
<div class="flex items-center gap-2 mb-1">