feat: 更新银行卡管理功能,添加支持银行数据,优化表单交互和样式
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user