2 lines
3.5 KiB
JavaScript
2 lines
3.5 KiB
JavaScript
import{j as R,r as u,X as z,ak as T,G as q,a0 as p,I as m,B as a,a8 as D,y as s,_ as M,J as U,N as F,v,u as G,ar as J,a3 as O,a4 as j,q as k,O as _,V as L}from"./element-plus-C2R3XZG2.js";import{u as P}from"./http-C3yXgKs1.js";import{u as X}from"./index-1P72U6ur.js";import{e as $,f as A}from"./login-CokpNmP7.js";import{_ as H}from"./_plugin-vue_export-helper-DlAUqK2U.js";const K={key:0,class:"register-box"},Q={class:"register-container"},W={class:"foot"},Y=R({__name:"register",props:{isVisible:{type:Boolean,default:!1}},emits:["open-login-form","close-register-form"],setup(y,{emit:V}){const w=V,o=u({phoneNumber:"",verificationCode:""});X();const g=P(),r=u(!1),l=u(0);let d;const b=u(),C=()=>{w("close-register-form")},I=async()=>{const t={number:o.value.phoneNumber},e=await A(t);if(e&&e.status===200){const n=new Date().getTime()+6e4;localStorage.setItem("Countdown",JSON.stringify(n)),r.value=!0,l.value=60,N()}},N=()=>{d=setInterval(()=>{l.value>0?l.value--:(clearInterval(d),r.value=!1,localStorage.removeItem("Countdown"))},1e3)},S=async()=>{const t={user_mobile:o.value.phoneNumber,rand_key:o.value.phoneNumber,verify_code:o.value.verificationCode},e=await $(t);e&&e.status===200&&e.data&&e.data?(g.setToken(e.data.token),g.setMobilePhone(o.value.phoneNumber),o.value.phoneNumber="",o.value.verificationCode="",C()):e.status},x=u({phoneNumber:[{required:!0,message:"请输入手机号",trigger:"blur"},{pattern:/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,message:"请输入正确的11位手机号",trigger:"blur"}],verificationCode:[{required:!0,message:"请输入验证码",trigger:"blur"}]}),B=()=>{var t;(t=b.value)==null||t.validate(e=>{e?S():F.error("请正确填写注册信息！")})};return z(()=>{const t=localStorage.getItem("Countdown");if(t){const e=JSON.parse(t),n=new Date().getTime(),i=(e-n)/1e3;i>0?(r.value=!0,l.value=Math.ceil(i),N()):(localStorage.removeItem("Countdown"),r.value=!1)}}),T(()=>{d&&clearInterval(d)}),(t,e)=>{const n=D,i=j,h=O,c=U,E=M;return y.isVisible?(v(),q("div",K,[m("div",Q,[m("div",{class:"register-close",onClick:C},[a(n,{color:"#333",size:"24",class:"btn_close"},{default:s(()=>[a(G(J))]),_:1})]),e[4]||(e[4]=m("h4",null,"欢迎入驻开店",-1)),a(E,{model:o.value,rules:x.value,ref_key:"formRef",ref:b,"label-width":"88px","hide-required-asterisk":!0},{default:s(()=>[a(h,{label:"手机号",prop:"phoneNumber"},{default:s(()=>[a(i,{modelValue:o.value.phoneNumber,"onUpdate:modelValue":e[0]||(e[0]=f=>o.value.phoneNumber=f),placeholder:"请输入手机号",maxlength:"11",size:"large"},null,8,["modelValue"])]),_:1}),a(h,{label:"验证码",prop:"verificationCode"},{default:s(()=>[a(i,{modelValue:o.value.verificationCode,"onUpdate:modelValue":e[1]||(e[1]=f=>o.value.verificationCode=f),placeholder:"验证码",size:"large",maxlength:"4"},{append:s(()=>[r.value?p("",!0):(v(),k(c,{key:0,type:"primary",class:"btn_code",size:"large",disabled:o.value.phoneNumber.length!==11,onClick:I,round:""},{default:s(()=>e[2]||(e[2]=[_("发送验证码")])),_:1},8,["disabled"])),r.value?(v(),k(c,{key:1,type:"primary",class:"btn_code",size:"large",disabled:"",round:""},{default:s(()=>[_(L(l.value)+"S",1)]),_:1})):p("",!0)]),_:1},8,["modelValue"])]),_:1})]),_:1},8,["model","rules"]),m("div",W,[a(c,{class:"btn_submit",color:"#ea4322",size:"large",disabled:!o.value.phoneNumber||!o.value.verificationCode,round:"",onClick:B},{default:s(()=>e[3]||(e[3]=[_("确定")])),_:1},8,["disabled"])])])])):p("",!0)}}}),se=H(Y,[["__scopeId","data-v-c2edcd57"]]);export{se as R};
|