16 lines
7.3 KiB
JavaScript
16 lines
7.3 KiB
JavaScript
|
import{r as w,X as B,h as M,aB as S,aA as T,y as I,A as o,aD as q,Q as t,I as s,V as k,al as p,M as u,z as F,u as d,O as N}from"./vendor-C3mpOp0n.js";import{_ as $,u as D}from"./index-BlP3rxMf.js";import{u as V,q as H,t as L,p as x,r as Z,o as O,l as y,a as Q}from"./elementPlus-DFx51bSH.js";import{C as X}from"./Captcha-BFJ1zi5J.js";const j={class:"register-page"},G={class:"register-container"},J={class:"register-card"},K={class:"register-footer"},W={class:"features-preview"},Y={class:"features-list"},ee={class:"feature-item"},re={class:"feature-item"},te={class:"feature-item"},ae={__name:"Register",setup(se){const _=T(),b=S(),m=D(),g=w(),f=w(),a=B({username:"",phone:"",registrationCode:"",password:"",confirmPassword:"",captcha:"",agreement:!1}),C={username:[{validator:(n,e,r)=>{e?e.length<3?r(new Error("用户名至少3个字符")):e.length>20?r(new Error("用户名不能超过20个字符")):/^[a-zA-Z0-9_\u4e00-\u9fa5]+$/.test(e)?r():r(new Error("用户名只能包含字母、数字、下划线和中文")):r(new Error("请输入用户名"))},trigger:"blur"}],phone:[{required:!0,message:"请输入手机号",trigger:"blur"},{pattern:/^1[3-9]\d{9}$/,message:"请输入正确的手机号",trigger:"blur"}],registrationCode:[{required:!0,message:"请输入激活码",trigger:"blur"},{min:6,message:"激活码长度不能少于6位",trigger:"blur"}],password:[{validator:(n,e,r)=>{var i;e?e.length<6?r(new Error("密码至少6个字符")):e.length>20?r(new Error("密码不能超过20个字符")):/(?=.*[a-zA-Z])(?=.*\d)/.test(e)?(a.confirmPassword&&((i=g.value)==null||i.validateField("confirmPassword")),r()):r(new Error("密码必须包含字母和数字")):r(new Error("请输入密码"))},trigger:"blur"}],confirmPassword:[{validator:(n,e,r)=>{e?e!==a.password?r(new Error("两次输入的密码不一致")):r():r(new Error("请确认密码"))},trigger:"blur"}],captcha:[{required:!0,message:"请输入验证码",trigger:"blur"},{min:4,max:4,message:"验证码长度为4位",trigger:"blur"}],agreement:[{validator:(n,e,r)=>{e?r():r(new Error("请阅读并同意用户协议和隐私政策"))},trigger:"change"}]},h=async()=>{if(!(!g.value||!f.value))try{if(!await g.value.validate())return;if(!await f.value.verifyCaptcha(a.captcha)){a.captcha="";return}const r=f.value.getCaptchaInfo(),i={username:a.username,phone:a.phone,registrationCode:a.registrationCode,password:a.password,captchaId:r.captchaId,captchaText:r.captchaText};(await m.register(i)).success&&(Q.success("注册成功！请登录"),_.push("/login"))}catch(n){console.error("注册失败:",n),f.value&&await f.value.refreshCaptcha(),a.captcha=""}},E=()=>{y.alert(`<div style="text-align: left; line-height: 1.6;">
|
|||
|
|
<h3>用户协议</h3>
|
|||
|
|
<p>1. 用户应当遵守法律法规，不得发布违法违规内容。</p>
|
|||
|
|
<p>2. 用户对自己发布的内容承担全部责任。</p>
|
|||
|
|
<p>3. 平台有权对违规内容进行删除或限制。</p>
|
|||
|
|
<p>4. 用户应当保护好自己的账号安全。</p>
|
|||
|
|
<p>5. 平台保留修改本协议的权利。</p>
|
|||
|
|
</div>`,"用户协议",{confirmButtonText:"我已了解",dangerouslyUseHTMLString:!0,customClass:"agreement-dialog"})},P=()=>{y.alert(`<div style="text-align: left; line-height: 1.6;">
|
|||
|
|
<h3>隐私政策</h3>
|
|||
|
|
<p>1. 我们重视用户隐私保护。</p>
|
|||
|
|
<p>2. 我们只收集必要的用户信息。</p>
|
|||
|
|
<p>3. 用户信息仅用于提供服务。</p>
|
|||
|
|
<p>4. 我们不会向第三方泄露用户信息。</p>
|
|||
|
|
<p>5. 用户有权查看、修改或删除个人信息。</p>
|
|||
|
|
</div>`,"隐私政策",{confirmButtonText:"我已了解",dangerouslyUseHTMLString:!0,customClass:"privacy-dialog"})};return M(()=>{if(m.isAuthenticated){const n=b.query.redirect||"/";_.push(n)}}),(n,e)=>{const r=p("el-input"),i=p("el-form-item"),c=p("el-link"),U=p("el-checkbox"),z=p("el-button"),R=p("el-form"),A=p("el-divider"),v=p("el-icon");return F(),I("div",j,[o("div",G,[o("div",J,[e[18]||(e[18]=o("div",{class:"register-header"},[o("h2",null,"用户注册"),o("p",null,"创建你的账号，开始使用前端H5系统")],-1)),t(R,{ref_key:"registerFormRef",ref:g,model:a,rules:C,class:"register-form",onSubmit:k(h,["prevent"])},{default:s(()=>[t(i,{prop:"username"},{default:s(()=>[t(r,{modelValue:a.username,"onUpdate:modelValue":e[0]||(e[0]=l=>a.username=l),placeholder:"请输入用户名",size:"large","prefix-icon":d(V),clearable:""},null,8,["modelValue","prefix-icon"])]),_:1}),t(i,{prop:"phone"},{default:s(()=>[t(r,{modelValue:a.phone,"onUpdate:modelValue":e[1]||(e[1]=l=>a.phone=l),placeholder:"请输入手机号",size:"large","prefix-icon":d(H),clearable:""},null,8,["modelValue","prefix-icon"])]),_:1}),t(i,{prop:"registrationCode"},{default:s(()=>[t(r,{modelValue:a.registrationCode,"onUpdate:modelValue":e[2]||(e[2]=l=>a.registrationCode=l),placeholder:"请输入激活码",size:"large","prefix-icon":d(L),clearable:""},null,8,["modelValue","prefix-icon"])]),_:1}),t(i,{prop:"password"},{default:s(()=>[t(r,{modelValue:a.password,"onUpdate:modelValue":e[3]||(e[3]=l=>a.password=l),type:"password",placeholder:"请输入密码",size:"large","prefix-icon":d(x),"show-password":"",clearable:""},null,8,["modelValue","prefix-icon"])]),_:1}),t(i,{prop:"confirmPassword"},{default:s(()=>[t(r,{modelValue:a.confirmPassword,"onUpdate:modelValue":e[4]||(e[4]=l=>a.confirmPassword=l),type:"password",placeholder:"请确认密码",size:"large","prefix-icon":d(x),"show-password":"",clearable:""},null,8,["modelValue","prefix-icon"])]),_:1}),t(i,{prop:"captcha"},{default:s(()=>[t(X,{ref_key:"captchaRef",ref:f,modelValue:a.captcha,"onUpdate:modelValue":e[5]||(e[5]=l=>a.captcha=l),placeholder:"请输入验证码",size:"large"},null,8,["modelValue"])]),_:1}),t(i,{prop:"agreement"},{default:s(()=>[t(U,{modelValue:a.agreement,"onUpdate:modelValue":e[6]||(e[6]=l=>a.agreement=l)},{default:s(()=>[e[10]||(e[10]=u(" 我已阅读并同意 ")),t(c,{type:"primary",onClick:E},{default:s(()=>e[8]||(e[8]=[u(" 《用户协议》 ")])),_:1,__:[8]}),e[11]||(e[11]=u(" 和 ")),t(c,{type:"primary",onClick:P},{default:s(()=>e[9]||(e[9]=[u(" 《隐私政策》 ")])),_:1,__:[9]})]),_:1,__:[10,11]},8,["modelValue"])]),_:1}),t(i,null,{default:s(()=>[t(z,{type:"primary",size:"large",class:"register-button",loading:d(m).loading,onClick:h},{default:s(()=>[u(N(d(m).loading?"注册中...":"立即注册"),1)]),_:1},8,["loading"])]),_:1})]),_:1},8,["model"]),o("div",K,[o("p",null,[e[13]||(e[13]=u(" 已有账号？ ")),t(c,{type:"primary",onClick:e[7]||(e[7]=l=>n.$router.push("/login"))},{default:s(()=>e[12]||(e[12]=[u(" 立即登录 ")])),_:1,__:[12]})])]),o("div",W,[t(A,null,{default:s(()=>e[14]||(e[14]=[u("注册后你可以")])),_:1,__:[14]}),o("div",Y,[o("div",ee,[t(v,null,{default:s(()=>[t(d(V))]),_:1}),e[15]||(e[15]=o("span",null,"个性化用户中心",-1))]),o("div",re,[t(v,null,{default:s(()=>[t(d(Z))]),_:1}),e[16]||(e[16]=o("span",null,"积分商城购物",-1))]),o("div",te,[t(v,null,{default:s(()=>[t(d(O))]),_:1}),e[17]||(e[17]=o("span",null,"积分转账功能",-1))])])])])]),e[19]||(e[19]=q('<div class="background-decoration" data-v-fa9bb9c3><div class="decoration-shape shape-1" data-v-fa9bb9c3></div><div class="decoration-shape shape-2" data-v-fa9bb9c3></div><div class="decoration-shape shape-3" data-v-fa9bb9c3></div><div class="decoration-shape shape-4" data-v-fa9bb9c3></div></div>',1))])}}},me=$(ae,[["__scopeId","data-v-fa9bb9c3"]]);export{me as default};
|