"use strict";
|
const common_vendor = require("../../common/vendor.js");
|
const _sfc_main = {
|
__name: "add-bank-card",
|
setup(__props) {
|
const banks = [
|
{
|
id: 1,
|
name: "中国银行(青岛)",
|
code: "bocm",
|
logo: "/static/payment/bocm.png"
|
},
|
{
|
id: 2,
|
name: "工商银行(青岛)",
|
code: "icbcm",
|
logo: "/static/payment/icbcm.png"
|
},
|
{
|
id: 3,
|
name: "大西洋银行",
|
code: "bem",
|
logo: "/static/payment/bem.png"
|
},
|
{
|
id: 4,
|
name: "青岛商业银行",
|
code: "bcm",
|
logo: "/static/payment/bcm.png"
|
}
|
];
|
const bankIndex = common_vendor.ref(-1);
|
const cardTypes = [
|
{ value: "debit", label: "储蓄卡" },
|
{ value: "credit", label: "信用卡" }
|
];
|
const selectedCardType = common_vendor.ref("debit");
|
const form = common_vendor.ref({
|
bankId: "",
|
cardType: "debit",
|
cardNumber: "",
|
holderName: "",
|
phone: "",
|
verifyCode: "",
|
isDefault: false
|
});
|
const countdown = common_vendor.ref(0);
|
let timer = null;
|
const onBankChange = (e) => {
|
const index = parseInt(e.detail.value);
|
bankIndex.value = index;
|
form.value.bankId = banks[index].id;
|
};
|
const formatCardNumber = (e) => {
|
let value = e.detail.value.replace(/\D/g, "");
|
value = value.replace(/(\d{4})(?=\d)/g, "$1 ");
|
form.value.cardNumber = value;
|
};
|
const validatePhone = (phone) => {
|
const macauMobile = /^6\d{7}$/;
|
const mainlandMobile = /^1[3-9]\d{9}$/;
|
const hkMobile = /^[569]\d{7}$/;
|
return macauMobile.test(phone) || mainlandMobile.test(phone) || hkMobile.test(phone);
|
};
|
const sendVerifyCode = () => {
|
if (countdown.value > 0)
|
return;
|
if (!form.value.phone) {
|
common_vendor.index.showToast({
|
title: "请输入手机号码",
|
icon: "none"
|
});
|
return;
|
}
|
if (!validatePhone(form.value.phone)) {
|
common_vendor.index.showToast({
|
title: "请输入正确的手机号码",
|
icon: "none"
|
});
|
return;
|
}
|
countdown.value = 60;
|
timer = setInterval(() => {
|
countdown.value--;
|
if (countdown.value <= 0) {
|
clearInterval(timer);
|
timer = null;
|
}
|
}, 1e3);
|
};
|
const canSubmit = common_vendor.computed(() => {
|
const { bankId, cardNumber, holderName, phone, verifyCode } = form.value;
|
return bankId && cardNumber && holderName && phone && verifyCode && validatePhone(phone);
|
});
|
const submitForm = () => {
|
if (!canSubmit.value)
|
return;
|
common_vendor.index.showLoading({
|
title: "添加中..."
|
});
|
common_vendor.index.__f__("log", "at pages/my/add-bank-card.vue:264", "提交表单:", form.value);
|
setTimeout(() => {
|
common_vendor.index.hideLoading();
|
common_vendor.index.showToast({
|
title: "添加成功",
|
icon: "success"
|
});
|
setTimeout(() => {
|
common_vendor.index.navigateBack();
|
}, 1500);
|
}, 1e3);
|
};
|
onUnmounted(() => {
|
if (timer) {
|
clearInterval(timer);
|
timer = null;
|
}
|
});
|
return (_ctx, _cache) => {
|
return {
|
a: common_vendor.t(bankIndex.value > -1 ? banks[bankIndex.value].name : "请选择发卡银行"),
|
b: banks,
|
c: bankIndex.value,
|
d: common_vendor.o(onBankChange),
|
e: common_vendor.f(cardTypes, (type, index, i0) => {
|
return {
|
a: common_vendor.t(type.label),
|
b: index,
|
c: selectedCardType.value === type.value ? 1 : "",
|
d: common_vendor.o(($event) => selectedCardType.value = type.value, index)
|
};
|
}),
|
f: common_vendor.o([($event) => form.value.cardNumber = $event.detail.value, formatCardNumber]),
|
g: form.value.cardNumber,
|
h: form.value.holderName,
|
i: common_vendor.o(($event) => form.value.holderName = $event.detail.value),
|
j: form.value.phone,
|
k: common_vendor.o(($event) => form.value.phone = $event.detail.value),
|
l: form.value.verifyCode,
|
m: common_vendor.o(($event) => form.value.verifyCode = $event.detail.value),
|
n: common_vendor.t(countdown.value ? `${countdown.value}s` : "获取验证码"),
|
o: !!countdown.value,
|
p: common_vendor.o(sendVerifyCode),
|
q: form.value.isDefault,
|
r: common_vendor.o((e) => form.value.isDefault = e.detail.value),
|
s: !canSubmit.value,
|
t: common_vendor.o(submitForm),
|
v: common_vendor.gei(_ctx, "")
|
};
|
};
|
}
|
};
|
wx.createPage(_sfc_main);
|
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/my/add-bank-card.js.map
|
