import{_ as e,r as a,J as l,c as t,w as s,i as d,a as u,e as c,b as o,t as n,f as r,h as i,F as m,D as f,K as v,L as b,M as _,k as p,V as h,I as g,x as y,ax as k,B as V}from"./index-DF3kK8Jo.js";const C=e({__name:"add-bank-card",setup(e){const C=[{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"}],I=a(-1),x=[{value:"debit",label:"储蓄卡"},{value:"credit",label:"信用卡"}],N=a("debit"),q=a({bankId:"",cardType:"debit",cardNumber:"",holderName:"",phone:"",verifyCode:"",isDefault:!1}),D=a(0);let U=null;const $=e=>{const a=parseInt(e.detail.value);I.value=a,q.value.bankId=C[a].id},w=e=>{let a=e.detail.value.replace(/\D/g,"");a=a.replace(/(\d{4})(?=\d)/g,"$1 "),q.value.cardNumber=a},T=e=>/^6\d{7}$/.test(e)||/^1[3-9]\d{9}$/.test(e)||/^[569]\d{7}$/.test(e),j=()=>{D.value>0||(q.value.phone?T(q.value.phone)?(D.value=60,U=setInterval(()=>{D.value--,D.value<=0&&(clearInterval(U),U=null)},1e3)):f({title:"请输入正确的手机号码",icon:"none"}):f({title:"请输入手机号码",icon:"none"}))},B=l(()=>{const{bankId:e,cardNumber:a,holderName:l,phone:t,verifyCode:s}=q.value;return e&&a&&l&&t&&s&&T(t)}),F=()=>{B.value&&(v({title:"添加中..."}),console.log("提交表单:",q.value),setTimeout(()=>{b(),f({title:"添加成功",icon:"success"}),setTimeout(()=>{_()},1500)},1e3))};return onUnmounted(()=>{U&&(clearInterval(U),U=null)}),(e,a)=>{const l=p,f=d,v=h,b=g,_=y,U=k;return u(),t(f,{class:"add-bank-card"},{default:s(()=>[c(f,{class:"form-card"},{default:s(()=>[c(f,{class:"form-item"},{default:s(()=>[c(l,{class:"label required"},{default:s(()=>[o("发卡银行")]),_:1}),c(v,{mode:"selector",range:C,"range-key":"name",value:I.value,onChange:$},{default:s(()=>[c(f,{class:"picker"},{default:s(()=>[c(l,null,{default:s(()=>[o(n(I.value>-1?C[I.value].name:"请选择发卡银行"),1)]),_:1}),c(l,{class:"iconfont icon-arrow-right"})]),_:1})]),_:1},8,["value"])]),_:1}),c(f,{class:"form-item"},{default:s(()=>[c(l,{class:"label required"},{default:s(()=>[o("卡片类型")]),_:1}),c(f,{class:"card-types"},{default:s(()=>[(u(),r(m,null,i(x,(e,a)=>c(f,{class:V(["type-item",{active:N.value===e.value}]),key:a,onClick:a=>N.value=e.value},{default:s(()=>[c(l,{class:"radio"}),c(l,null,{default:s(()=>[o(n(e.label),1)]),_:2},1024)]),_:2},1032,["class","onClick"])),64))]),_:1})]),_:1}),c(f,{class:"form-item"},{default:s(()=>[c(l,{class:"label required"},{default:s(()=>[o("银行卡号")]),_:1}),c(b,{type:"number",modelValue:q.value.cardNumber,"onUpdate:modelValue":a[0]||(a[0]=e=>q.value.cardNumber=e),placeholder:"请输入银行卡号",maxlength:"19",onInput:w},null,8,["modelValue"])]),_:1}),c(f,{class:"form-item"},{default:s(()=>[c(l,{class:"label required"},{default:s(()=>[o("持卡人姓名")]),_:1}),c(b,{type:"text",modelValue:q.value.holderName,"onUpdate:modelValue":a[1]||(a[1]=e=>q.value.holderName=e),placeholder:"请输入持卡人姓名",maxlength:"20"},null,8,["modelValue"])]),_:1}),c(f,{class:"form-item"},{default:s(()=>[c(l,{class:"label required"},{default:s(()=>[o("预留手机号")]),_:1}),c(b,{type:"number",modelValue:q.value.phone,"onUpdate:modelValue":a[2]||(a[2]=e=>q.value.phone=e),placeholder:"请输入银行预留手机号",maxlength:"11"},null,8,["modelValue"])]),_:1}),c(f,{class:"form-item verify-code"},{default:s(()=>[c(l,{class:"label required"},{default:s(()=>[o("验证码")]),_:1}),c(b,{type:"number",modelValue:q.value.verifyCode,"onUpdate:modelValue":a[3]||(a[3]=e=>q.value.verifyCode=e),placeholder:"请输入验证码",maxlength:"6"},null,8,["modelValue"]),c(_,{class:"send-btn",disabled:!!D.value,onClick:j},{default:s(()=>[o(n(D.value?`${D.value}s`:"获取验证码"),1)]),_:1},8,["disabled"])]),_:1})]),_:1}),c(f,{class:"form-card"},{default:s(()=>[c(f,{class:"switch-item"},{default:s(()=>[c(l,null,{default:s(()=>[o("设为默认支付卡")]),_:1}),c(U,{checked:q.value.isDefault,onChange:a[4]||(a[4]=e=>q.value.isDefault=e.detail.value),color:"#0f95b0"},null,8,["checked"])]),_:1})]),_:1}),c(f,{class:"notice-card"},{default:s(()=>[c(f,{class:"section-title"},{default:s(()=>[o("温馨提示")]),_:1}),c(f,{class:"notice-list"},{default:s(()=>[c(f,{class:"notice-item"},{default:s(()=>[c(l,{class:"dot"}),c(l,{class:"content"},{default:s(()=>[o("请确保填写的是本人银行卡")]),_:1})]),_:1}),c(f,{class:"notice-item"},{default:s(()=>[c(l,{class:"dot"}),c(l,{class:"content"},{default:s(()=>[o("储蓄卡需要开通网上银行功能")]),_:1})]),_:1}),c(f,{class:"notice-item"},{default:s(()=>[c(l,{class:"dot"}),c(l,{class:"content"},{default:s(()=>[o("信用卡需要开通在线支付功能")]),_:1})]),_:1})]),_:1})]),_:1}),c(f,{class:"bottom-bar"},{default:s(()=>[c(_,{class:"submit-btn primary-btn",disabled:!B.value,onClick:F},{default:s(()=>[o("确认添加")]),_:1},8,["disabled"])]),_:1})]),_:1})}}},[["__scopeId","data-v-6d5766de"]]);export{C as default};