https://www.11xyz.com/assets/info-bank-card-DtOtJ10M.js

1import{m as Y,a as Z,b as ee}from"./bankBind-C-mZcozG.js";import{r as c,h as le,q as E,j as f,b as m,k as g,w as i,c as U,d as s,t as V,x as ae,n as te,l as d,F as oe,m as ne,f as y,E as se,a3 as ie}from"./index-CIzLHlU0.js";import{_ as re}from"./_plugin-vue_export-helper-DlAUqK2U.js";const de={key:0},ue={class:"bankCard fvc"},ce={class:"bankCard-details"},me={class:"bankCard-details-name"},pe={class:"bankCard-details-number"},fe={class:"fvs"},ve=["onClick"],be={class:"form-submit fvc"},ge={__name:"info-bank-card",props:{institutionId:{type:Number,default:0}},emits:["change"],setup(_,{emit:P}){const v=_,R=P,u=c(null),k=c(!1),C=c(!1),B=c(null),I=c([]),h=c([]),$=c(!1),N=c(""),q=le({get:()=>t.cardNo?t.cardNo.replace(/\D/g,"").replace(/(\d{4})(?=\d)/g,"$1 "):"",set:l=>{t.cardNo=l.replace(/\D/g,"")}}),w=()=>{v.institutionId&&ie.get("https://oss.11xyz.com/Uploads/static/Adapay省市编码.json").then(({data:l,status:e})=>{e===200&&(console.log("省市数据加载成功",l),I.value=l)})},x=(l="")=>{ee(l?{limit:20,title:l}:{limit:20}).then(({data:a})=>{console.log("银行列表数据",a),h.value=a.data})},A=l=>{l!==""?($.value=!0,x(l),setTimeout(()=>{$.value=!1},300)):h.value=[]},t=E({cardName:"",cardNo:"",phone:"",bankName:"",bankCode:"",provCode:"",areaCode:"",bind_again:0}),O=E({cardName:[{required:!0,message:"请输入账户名",trigger:"blur"}],cardNo:[{required:!0,message:"请输入银行卡号",trigger:"blur"},{pattern:/^\d{12,24}$/,message:"请输入正确的银行卡号",trigger:"blur"}],phone:[{required:!0,message:"请输入银行绑定的手机号",trigger:"blur"},{pattern:/^1[3-9]\d{9}$/,message:"请输入正确的手机号",trigger:"blur"}],bankName:v.institutionId?[{required:!0,message:"请选择开户行全称",trigger:"change"}]:[],areaCode:v.institutionId?[{required:!0,message:"请选择所在地区",trigger:"change"}]:[]}),T=(l,e)=>{const a=String(l||"").replace(/\D/g,"");if(!a)return"";if(e)return a.replace(/(\d{4})(?=\d)/g,"$1 ");{const n=a.length;if(n<=4)return"*".repeat(n);const r=n%4||4,p=a.slice(-r),b="*".repeat(n-r).replace(/(\*{4})/g,"$1 ").trim();return b?`${b} ${p}`:p}},G=l=>{const e=h.value.find(a=>a.title===l);e&&(t.bankCode=e.bank_code)},L=l=>{if(t.areaCode=l||"",l&&v.institutionId){const e=(a,n)=>{for(const r of a){if(r.value===n)return r.value;if(r.cities)for(const p of r.cities){if(p.value===n)return r.value;if(p.cities){for(const b of p.cities)if(b.value===n)return r.value}}}return null};t.provCode=e(I.value,l)||l}},H=(l,e)=>{var a;(a=e.cities)!=null&&a.length||(N.value=e.value,L(e.value))},D=()=>{Y({institution_id:v.institutionId}).then(({data:l})=>{l&&l[0]?(u.value=l[0],k.value=!1):(u.value=null,k.value=!0,w(),x())})},J=()=>{var l;if((l=u.value)!=null&&l.id){u.value=null,k.value=!0;for(const e in t)t[e]="";t.bind_again=1,N.value="",w(),x()}},K=()=>{k.value=!1},F=c(!1),M=()=>{!B.value||F.value||B.value.validate(l=>{if(l){const e={...t,institution_id:v.institutionId};F.value=!0,Z(e).then(({msg:a})=>{R("change"),se.success(a||"绑定成功"),D()}).finally(()=>{F.value=!1})}else console.log("表单验证失败",t)})};return D(),(l,e)=>{const a=f("el-input"),n=f("el-form-item"),r=f("el-tooltip"),p=f("el-option"),b=f("el-select"),Q=f("el-cascader"),W=f("el-form"),X=f("el-scrollbar");return m(),g(X,{class:"wrapper"},{default:i(()=>{var S,j;return[u.value&&!k.value?(m(),U("div",de,[s("div",ue,[s("div",ce,[s("div",me,V((S=u.value)==null?void 0:S.bankName),1),s("div",pe,[ae(V(T((j=u.value)==null?void 0:j.cardNo,C.value))+" ",1),s("span",{onClick:e[0]||(e[0]=o=>C.value=!C.value)},[s("i",{class:te(["cp iconfont",`${C.value?"icon-zitiyulan":"icon-biyanjing"}`])},null,2)])])])]),s("div",{class:"fvc"},[s("div",{class:"btn btn-shade",onClick:J},"重新绑定")])])):(m(),g(W,{key:1,ref_key:"ruleFormRef",ref:B,model:t,rules:O,"label-position":"top"},{default:i(()=>[d(n,{label:"账户名",prop:"cardName"},{default:i(()=>[d(a,{modelValue:t.cardName,"onUpdate:modelValue":e[1]||(e[1]=o=>t.cardName=o),placeholder:"请输入账户名"},null,8,["modelValue"])]),_:1}),d(n,{label:"银行卡号",prop:"cardNo"},{default:i(()=>[d(a,{modelValue:q.value,"onUpdate:modelValue":e[2]||(e[2]=o=>q.value=o),placeholder:"请输入银行卡号",maxlength:"23"},null,8,["modelValue"])]),_:1}),d(n,{label:"绑定手机号",prop:"phone"},{default:i(()=>[d(a,{modelValue:t.phone,"onUpdate:modelValue":e[3]||(e[3]=o=>t.phone=o),placeholder:"请输入银行绑定的手机号"},null,8,["modelValue"])]),_:1}),_.institutionId?(m(),g(n,{key:0,label:"开户行全称",prop:"bankName",class:"bankName"},{label:i(()=>[s("div",fe,[e[8]||(e[8]=s("p",null,"开户行全称  ",-1)),d(r,{effect:"dark",content:"请选择开户行总行，不必精确到分行",placement:"bottom-start"},{default:i(()=>

1e[7]||(e[7]=[s("i",{class:"viconfont vi-question-o"},null,-1)])),_:1})])]),default:i(()=>[d(b,{modelValue:t.bankName,"onUpdate:modelValue":e[4]||(e[4]=o=>t.bankName=o),filterable:"",remote:"","reserve-keyword":"",placeholder:"请输入开户行名称搜索","remote-method":A,loading:$.value,onChange:G},{default:i(()=>[(m(!0),U(oe,null,ne(h.value,o=>(m(),g(p,{key:o.id,label:o.title,value:o.title},null,8,["label","value"]))),128))]),_:1},8,["modelValue","loading"])]),_:1})):y("",!0),_.institutionId?(m(),g(n,{key:1,label:"银行编码",prop:"bankCode",style:{display:"none"}},{default:i(()=>[d(a,{modelValue:t.bankCode,"onUpdate:modelValue":e[5]||(e[5]=o=>t.bankCode=o),disabled:""},null,8,["modelValue"])]),_:1})):y("",!0),_.institutionId?(m(),g(n,{key:2,label:"所在地区",prop:"areaCode"},{default:i(()=>[d(Q,{style:{width:"100%"},modelValue:N.value,"onUpdate:modelValue":e[6]||(e[6]=o=>N.value=o),options:I.value,props:{value:"value",label:"title",children:"cities",checkStrictly:!0,emitPath:!1},placeholder:"请选择省/市/区",clearable:"",onChange:L},{default:i(({node:o,data:z})=>[s("div",{class:"cascader-item",onClick:ke=>H(o,z)},[s("span",null,V(z.title),1)],8,ve)]),_:1},8,["modelValue","options"])]),_:1})):y("",!0),s("div",be,[u.value?(m(),U("div",{key:0,class:"btn",onClick:K},"取消")):y("",!0),s("div",{class:"btn btn-shade",onClick:M},V(u.value?"确认绑定":"绑定"),1)])]),_:1},8,["model","rules"]))]}),_:1})}}},Ne=re(ge,[["__scopeId","data-v-4d861c00"]]);export{Ne as default};