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 M,a1 as p,I as m,B as a,N as q,y as s,$ as D,J as U,Y as F,v,u as G,ar as J,a4 as O,a5 as $,q as k,M as g,V as j}from"./element-plus-DZJYzj-x.js";import{u as L}from"./http-CsN80ifF.js";import{u as P}from"./index-FlRaiNYG.js";import{e as X,f as Y}from"./login-BAYkpaVz.js";import{_ as A}from"./_plugin-vue_export-helper-DlAUqK2U.js";const H={key:0,class:"register-box"},K={class:"register-container"},Q={class:"foot"},W=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:""});P();const _=L(),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 Y(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 X(t);e&&e.status===200&&e.data&&e.data?(_.setToken(e.data.token),_.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=q,i=$,h=O,c=U,E=D;return y.isVisible?(v(),M("div",H,[m("div",K,[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]=[g("发送验证码")])),_:1},8,["disabled"])),r.value?(v(),k(c,{key:1,type:"primary",class:"btn_code",size:"large",disabled:"",round:""},{default:s(()=>[g(j(l.value)+"S",1)]),_:1})):p("",!0)]),_:1},8,["modelValue"])]),_:1})]),_:1},8,["model","rules"]),m("div",Q,[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]=[g("确定")])),_:1},8,["disabled"])])])])):p("",!0)}}}),se=A(W,[["__scopeId","data-v-c2edcd57"]]);export{se as R};
|