2 lines
17 KiB
JavaScript
2 lines
17 KiB
JavaScript
import{j as _e,r as c,a as N,q as me,R as m,x as L,y as f,z as t,A as n,a1 as ce,a2 as pe,T as B,U as I,P as ge,Q as be,a3 as fe,a4 as ve,B as x,K as O,a5 as ye,C as E,a6 as Ve,u as w,a7 as R,a8 as he,a9 as ze,M as D,aa as Ue,F as ke,D as qe,J as G,ab as Ce,O as Ee,L as we,H as v}from"./element-plus-BqRlJpKe.js";import{c as Re}from"./cityData-XsW420PP.js";import{u as Se,G as xe,t as Le,b as De,c as Ge,d as Ae,m as Be}from"./index-D3MMAWr-.js";const Ie={class:"signUp-container"},Te={class:"steps-container",style:{margin:"20px"}},Fe={class:"form-submit"},Pe={key:0,class:"auto-item"},$e={key:0},Me={key:1},Ne={class:"form-button"},Ke=_e({__name:"start",setup(Oe){const p=c(1),T=c(null),e=N({bank_name:"",bank_branch_name:"",account_number:"",account_holder_name:"",biz_category:null,biz_license_company:"",biz_license_image:"",biz_license_number:"",biz_second_category:null,city_id:null,contact_name:"",county_id:null,entity_type:1,environment_image:"",front_facade_image:"",individual_id_images:"",individual_id_images2:"",individual_id_number:"",legal_person_id_images:"",legal_person_id_images2:"",legal_person_id_number:"",legal_person_mobile:"",legal_person_name:"",license_image:[],license_number:"",license_type:null,login_mobile:localStorage.getItem("mobilePhone"),province_id:null,store_address:"",map_address:"",position:"",store_latitude:null,store_longitude:null,store_name:"",mapAddressLabel:"",license_imageToString:"",user_status:""}),j=N({contact_name:[{required:!0,message:"请输入联系人姓名",trigger:"blur"}],biz_category:[{required:!0,message:"请选择经营品类",trigger:"change"}],store_name:[{required:!0,message:"请输入门店名称",trigger:"blur"}],map_address:[{required:!0,message:"请选择地图地址",trigger:"change"}],position:[{required:!0,message:"请选择地图地址",trigger:"change"}],store_address:[{required:!0,message:"请输入详细地址",trigger:"blur"}],front_facade_image:[{required:!0,message:"请上传门脸图",trigger:"change"}],environment_image:[{required:!0,message:"请上传环境图",trigger:"change"}],entity_type:[{required:!0,message:"请选择身份",trigger:"change"}],license_type:[{required:!0,message:"请选择许可证类型",trigger:"change"}],license_number:[{required:!0,message:"请输入许可证编号",trigger:"blur"}],biz_license_number:[{required:!0,message:"请输入营业执照编号",trigger:"blur"}],biz_license_company:[{required:!0,message:"请输入营业执照公司名",trigger:"blur"}],legal_person_name:[{required:!0,message:"请输入负责人姓名",trigger:"blur"}],legal_person_mobile:[{required:!0,message:"请输入负责人手机号",trigger:"blur"}],legal_person_id_number:[{required:!0,message:"请输入负责人身份证号",trigger:"blur"}],biz_license_image:[{required:!0,message:"请上传营业执照",trigger:"change"}],legal_person_id_images:[{required:!0,message:"请上传负责人身份证正面",trigger:"change"}],legal_person_id_images2:[{required:!0,message:"请上传负责人身份证反面",trigger:"change"}],individual_id_number:[{required:!0,message:"请输入个人身份证号",trigger:"blur"}],individual_id_images:[{required:!0,message:"请上传个人身份证正面",trigger:"change"}],individual_id_images2:[{required:!0,message:"请上传个人身份证反面",trigger:"change"}],bank_name:[{required:!0,message:"请选择银行",trigger:"change"}],account_number:[{required:!0,message:"请输入收款账户号码",trigger:"blur"}],account_holder_name:[{required:!0,message:"请输入账户姓名",trigger:"blur"}]}),J=async()=>{await T.value.validate(l=>l)?console.log("可以通过"):m.error("请完善当前页面的表单信息")},H=()=>{p.value<3&&(p.value++,window.scrollTo({top:0,left:0,behavior:"smooth"}))},K=()=>{p.value>1&&(p.value--,window.scrollTo({top:0,left:0,behavior:"smooth"}))},y=(o,l)=>{const r={front_facade_image:"门脸图",environment_image:"环境图",biz_license_image:"营业执照",license_image:"许可证",legal_person_id_images:"负责人身份证正面",legal_person_id_images2:"负责人身份证反面",individual_id_images:"个人身份证正面",individual_id_images2:"个人身份证反面"};if(o==="license_image")return`${r[o]}(${e[o].length}/${l})`;{const u=e[o]?1:0;return`${r[o]}(${u}/${l})`}};Se();const Q=()=>{e.license_imageToString=e.license_image.map(o=>`${o}`).join(",")},W=async()=>{Q(),J();const o=await Be(e);o&&o.data.status===200?(location.reload(),console.log("成功入驻",o)):(console.log(o.data),m.error(o.data.msg))};c([]),c([]);const X=()=>{const{provinceData:o,cityData:l,areaData:r}=Re;return o.map((u,d)=>({...u,children:l[d].map((g,S)=>{const b={...g};return r[d]&&r[d][S]&&(b.children=r[d][S]),b})}))},F=c([]),P=c(X()),Y=c(),Z=c();c({value:"value",label:"label",children:"children",expandTrigger:"hover"});const ee=o=>{if(o&&o.length===2){const[l,r]=o;e.biz_category=l,e.biz_second_category=r}},$=c([]);me(()=>{xe().then(o=>{o.data.code===0&&o.data.status===200&&(F.value=Le(o.data.data))}).catch(o=>{m.error("获取店铺分类失败")}),De().then(o=>{o.data.code===0&&o.data.status===200?$.value=o.data.data:m.error("获取银行失败")}).catch(o=>{m.error("获取银行失败")}),Ge().then(o=>{o.data.code===0&&o.data.status===200?(Y.value=o.data.data,console.log(Z.value)):m.error("获取银行失败")}).catch(o=>{m.error("获取银行失败")})});const ae=o=>{if(o&&o.length===3){const[l,r,u]=o;e.province_id=l,e.city_id=r,e.county_id=u;const d=P.value.flatMap(g=>g.children).find(g=>g.value===r),i=(d==null?void 0:d.label)||"";e.mapAddressLabel=i}},le=c([]),oe=async(o,l)=>{if(!o){l([]);return}try{const r={query:o,region:e.mapAddressLabel,city_limit:!0,ret_coordtype:"gcj02ll"},u=await Ae(r);if(console.log("这是response",u),u.status===200&&u.data.message==="ok"){const d=u.data.result.filter(i=>"location"in i).map(i=>{var g,S;return{value:i.name,label:i.name,name:i.name,address:i.address||"",lat:((g=i.location)==null?void 0:g.lat)||"",lng:((S=i.location)==null?void 0:S.lng)||""}});l(d)}else m.error("搜索失败"),l([])}catch{m.error("搜索失败"),l([])}},te=o=>{e.position=o.value,console.log(o.value),e.store_latitude=o.lat,e.store_longitude=o.lng},V=o=>{const l=o.type==="image/jpeg",r=o.type==="image/png",u=o.size/1024/1024<2;return!l&&!r?(m.error("上传的图片必须是JPG或PNG格式！"),!1):u?!0:(m.error("上传的图片大小不能超过2MB！"),!1)},h=c("https://mall.gpxscs.cn/mobile/shop/oss/upload"),z=(o,l,r)=>{if(r==="license_image"){const u=o.url;e[r]=e[r].filter(d=>d!==u)}else e[r]=""},U=o=>{const r={license_image:5}[o]||1;return o==="license_image"?e[o].length>=r:e[o]!==""&&e[o]!=null},ne=(o,l)=>{m.warning("最多只能上传5张图片")},k=(o,l,r,u)=>{o&&o.status===200&&o.code===0?o.data&&o.data.url?(l.url=o.data.url,u==="license_image"?e[u].push(l.url):e[u]=l.url):m.error("文件上传成功，但未返回文件 URL"):m.error(o.msg||"文件上传失败")},q=(o,l)=>{m.error("文件上传失败")},ie=()=>{e.entity_type===1?(e.individual_id_number="",e.individual_id_images="",e.individual_id_images2=""):e.entity_type===2&&(e.license_type=null,e.license_number="",e.biz_license_number="",e.biz_license_company="",e.legal_person_name="",e.legal_person_mobile="",e.legal_person_id_number="",e.biz_license_image="",e.license_image=[],e.legal_person_id_images="",e.legal_person_id_images2="")};return(o,l)=>{const r=ce,u=pe,d=be,i=ge,g=fe,S=ve,b=Ve,C=ye,M=ze,se=he,re=Ce,de=Ue,ue=Ee,A=we;return v(),L("div",Ie,[l[28]||(l[28]=f("h1",null,"免费开店",-1)),f("div",Te,[t(u,{active:p.value,"finish-status":"success","align-center":""},{default:n(()=>[t(r,{title:"第一步:填写店铺信息"}),t(r,{title:"第二步:填写资质信息"}),t(r,{title:"第三步:填写收款信息"})]),_:1},8,["active"])]),f("div",Fe,[t(ue,{model:e,rules:j,ref_key:"formRef",ref:T,"label-width":"120px",style:{"max-width":"600px"}},{default:n(()=>[B(f("div",null,[t(i,{label:"联系人",prop:"contact_name"},{default:n(()=>[t(d,{modelValue:e.contact_name,"onUpdate:modelValue":l[0]||(l[0]=a=>e.contact_name=a),placeholder:"请输入联系人姓名"},null,8,["modelValue"])]),_:1}),t(i,{label:"联系电话",prop:"login_mobile"},{default:n(()=>[t(d,{modelValue:e.login_mobile,"onUpdate:modelValue":l[1]||(l[1]=a=>e.login_mobile=a),placeholder:"请输入联系人电话",disabled:""},null,8,["modelValue"])]),_:1}),t(i,{label:"经营品类",prop:"biz_category"},{default:n(()=>[t(g,{modelValue:e.biz_category,"onUpdate:modelValue":l[2]||(l[2]=a=>e.biz_category=a),options:F.value,placeholder:"请选择经营品类","show-all-levels":!1,onChange:ee,clearable:""},null,8,["modelValue","options"])]),_:1}),t(i,{label:"门店名称",prop:"store_name"},{default:n(()=>[t(d,{modelValue:e.store_name,"onUpdate:modelValue":l[3]||(l[3]=a=>e.store_name=a),placeholder:"请输入门店名称"},null,8,["modelValue"])]),_:1}),t(i,{label:"地图地址",prop:"map_address"},{default:n(()=>[t(g,{modelValue:e.map_address,"onUpdate:modelValue":l[4]||(l[4]=a=>e.map_address=a),options:P.value,onChange:ae},null,8,["modelValue","options"])]),_:1}),t(i,{label:"搜索定位",prop:"position"},{default:n(()=>[t(S,{modelValue:e.position,"onUpdate:modelValue":l[5]||(l[5]=a=>e.position=a),"fetch-suggestions":oe,"value-key":"value",options:le.value,onSelect:te},{default:n(({item:a})=>[a?(v(),L("div",Pe,[f("div",null,[f("p",null,O(a.name),1)]),f("div",null,[f("span",null,O(a.address),1)])])):x("",!0)]),_:1},8,["modelValue","options"])]),_:1}),t(i,{label:"详细地址",prop:"store_address"},{default:n(()=>[t(d,{modelValue:e.store_address,"onUpdate:modelValue":l[6]||(l[6]=a=>e.store_address=a),placeholder:"请输入详细地址"},null,8,["modelValue"])]),_:1}),t(i,{label:y("front_facade_image",1),prop:"front_facade_image"},{default:n(()=>[t(C,{ref:"uploadRef",multiple:"",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.front_facade_image,"onUpdate:modelValue":l[7]||(l[7]=a=>e.front_facade_image=a),"on-remove":(a,s)=>z(a,s,"front_facade_image"),"on-success":(a,s,_)=>k(a,s,_,"front_facade_image"),"on-error":q,"on-exceed":ne,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("front_facade_image")})},{default:n(()=>[t(b,{class:"avatar-uploader-icon"},{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"]),t(i,{label:y("environment_image",1),prop:"environment_image"},{default:n(()=>[t(C,{ref:"uploadRef",multiple:"",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.environment_image,"onUpdate:modelValue":l[8]||(l[8]=a=>e.environment_image=a),"on-remove":(a,s)=>z(a,s,"environment_image"),"on-success":(a,s,_)=>k(a,s,_,"environment_image"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("environment_image")})},{default:n(()=>[t(b,null,{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"])],512),[[I,p.value===1]]),B(f("div",null,[t(i,{label:"选择身份",prop:"entity_type"},{default:n(()=>[t(se,{modelValue:e.entity_type,"onUpdate:modelValue":l[9]||(l[9]=a=>e.entity_type=a),onChange:ie},{default:n(()=>[t(M,{value:1},{default:n(()=>l[23]||(l[23]=[D("企业")])),_:1}),t(M,{value:2},{default:n(()=>l[24]||(l[24]=[D("个人")])),_:1})]),_:1},8,["modelValue"])]),_:1}),e.entity_type===1?(v(),L("div",$e,[t(i,{label:"营业执照公司名",prop:"biz_license_company"},{default:n(()=>[t(d,{modelValue:e.biz_license_company,"onUpdate:modelValue":l[10]||(l[10]=a=>e.biz_license_company=a),placeholder:"请输入营业执照公司名"},null,8,["modelValue"])]),_:1}),t(i,{label:"负责人姓名",prop:"legal_person_name"},{default:n(()=>[t(d,{modelValue:e.legal_person_name,"onUpdate:modelValue":l[11]||(l[11]=a=>e.legal_person_name=a),placeholder:"请输入负责人姓名"},null,8,["modelValue"])]),_:1}),t(i,{label:y("biz_license_image",1),prop:"biz_license_image"},{default:n(()=>[t(C,{ref:"uploadRef",multiple:"",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.biz_license_image,"onUpdate:modelValue":l[12]||(l[12]=a=>e.biz_license_image=a),"on-remove":(a,s)=>z(a,s,"biz_license_image"),"on-success":(a,s,_)=>k(a,s,_,"biz_license_image"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("biz_license_image")})},{default:n(()=>[t(b,null,{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"]),t(i,{label:y("license_image",5),prop:"license_image"},{default:n(()=>[t(C,{ref:"uploadRef",multiple:"",limit:5,"list-type":"picture-card","auto-upload":!0,modelValue:e.license_image,"onUpdate:modelValue":l[13]||(l[13]=a=>e.license_image=a),"on-remove":(a,s)=>z(a,s,"license_image"),"on-success":(a,s,_)=>k(a,s,_,"license_image"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("license_image")})},{default:n(()=>[t(b,null,{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"]),t(i,{label:y("legal_person_id_images",1),prop:"legal_person_id_images"},{default:n(()=>[t(C,{ref:"uploadRef",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.legal_person_id_images,"onUpdate:modelValue":l[14]||(l[14]=a=>e.legal_person_id_images=a),"on-remove":(a,s)=>z(a,s,"legal_person_id_images"),"on-success":(a,s,_)=>k(a,s,_,"legal_person_id_images"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("legal_person_id_images")})},{default:n(()=>[t(b,{class:"avatar-uploader-icon"},{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"]),t(i,{label:y("legal_person_id_images2",1),prop:"legal_person_id_images2"},{default:n(()=>[t(C,{ref:"uploadRef",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.legal_person_id_images2,"onUpdate:modelValue":l[15]||(l[15]=a=>e.legal_person_id_images2=a),"on-remove":(a,s)=>z(a,s,"legal_person_id_images2"),"on-success":(a,s,_)=>k(a,s,_,"legal_person_id_images2"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("legal_person_id_images2")})},{default:n(()=>[t(b,{class:"avatar-uploader-icon"},{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"])])):x("",!0),e.entity_type===2?(v(),L("div",Me,[t(i,{label:"个人身份证号",prop:"individual_id_number"},{default:n(()=>[t(d,{modelValue:e.individual_id_number,"onUpdate:modelValue":l[16]||(l[16]=a=>e.individual_id_number=a),placeholder:"请输入个人身份证号"},null,8,["modelValue"])]),_:1}),t(i,{label:y("individual_id_images",1),prop:"individual_id_images"},{default:n(()=>[t(C,{ref:"uploadRef",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.individual_id_images,"onUpdate:modelValue":l[17]||(l[17]=a=>e.individual_id_images=a),"on-remove":(a,s)=>z(a,s,"individual_id_images"),"on-success":(a,s,_)=>k(a,s,_,"individual_id_images"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("individual_id_images")})},{default:n(()=>[t(b,{class:"avatar-uploader-icon"},{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"]),t(i,{label:y("individual_id_images2",1),prop:"individual_id_images2"},{default:n(()=>[t(C,{ref:"uploadRef",limit:1,"list-type":"picture-card","auto-upload":!0,modelValue:e.individual_id_images2,"onUpdate:modelValue":l[18]||(l[18]=a=>e.individual_id_images2=a),"on-remove":(a,s)=>z(a,s,"individual_id_images2"),"on-success":(a,s,_)=>k(a,s,_,"individual_id_images2"),"on-error":q,"before-upload":V,action:h.value,name:"upfile",class:E({"upload-hidden":U("individual_id_images2")})},{default:n(()=>[t(b,{class:"avatar-uploader-icon"},{default:n(()=>[t(w(R))]),_:1})]),_:1},8,["modelValue","on-remove","on-success","action","class"])]),_:1},8,["label"])])):x("",!0)],512),[[I,p.value===2]]),B(f("div",null,[t(i,{label:"账户姓名",prop:"account_holder_name"},{default:n(()=>[t(d,{modelValue:e.account_holder_name,"onUpdate:modelValue":l[19]||(l[19]=a=>e.account_holder_name=a)},null,8,["modelValue"])]),_:1}),t(i,{label:"收款账户号码",prop:"account_number"},{default:n(()=>[t(d,{modelValue:e.account_number,"onUpdate:modelValue":l[20]||(l[20]=a=>e.account_number=a)},null,8,["modelValue"])]),_:1}),t(i,{label:"开户银行",prop:"bank_name"},{default:n(()=>[t(de,{modelValue:e.bank_name,"onUpdate:modelValue":l[21]||(l[21]=a=>e.bank_name=a),placeholder:"请选择银行",size:"large",style:{width:"240px"}},{default:n(()=>[(v(!0),L(ke,null,qe($.value,a=>(v(),G(re,{key:a.id,label:a.bank_name,value:a.bank_name},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),t(i,{label:"支行名称",prop:"bank_branch_name"},{default:n(()=>[t(d,{modelValue:e.bank_branch_name,"onUpdate:modelValue":l[22]||(l[22]=a=>e.bank_branch_name=a)},null,8,["modelValue"])]),_:1})],512),[[I,p.value===3]])]),_:1},8,["model","rules"]),f("div",Ne,[p.value>1?(v(),G(A,{key:0,style:{"margin-top":"12px"},onClick:K,class:"custom-button"},{default:n(()=>l[25]||(l[25]=[D("上一步")])),_:1})):x("",!0),p.value<3?(v(),G(A,{key:1,style:{"margin-top":"12px",float:"right"},onClick:H,class:"custom-button"},{default:n(()=>l[26]||(l[26]=[D("下一步")])),_:1})):x("",!0),p.value===3?(v(),G(A,{key:2,style:{"margin-top":"12px",float:"right"},onClick:W,class:"custom-button"},{default:n(()=>l[27]||(l[27]=[D("提交")])),_:1})):x("",!0)])])])}}});export{Ke as default};
|