You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
2.8 KiB
2 lines
2.8 KiB
2 years ago
|
import{d as B,I as E,m as F,r as i,ag as k,X as S,o as R,c as U,w as u,a as s,g as d,f as o,ah as C,s as $,j,t as z,af as N,v as P,ai as T,aj as A,P as D,G as L,_ as M}from"./index-b0696d90.js";import{S as m}from"./index-43a073f3.js";const O={class:"p-2 text-black"},G={class:"p-2 text-black"},Q={class:"p-2 text-black"},X={class:"captcha"},Z=["src"],H=B({__name:"formlogin",setup(J){const b=E(),V=F(),_=i(!1),y=i(!1),f=i(!1),v=i(),w=i(k),a=i({username:"300450",password:"123456"}),x={username:[{required:!0,trigger:"blur"}],password:[{required:!0,trigger:"blur",validator:I}],verifyCode:[{required:!0,trigger:"blur"}]};function I(t,e,l){e.length<6?l(new Error("The password can not be less than 6 digits")):l()}function K(t){const{key:e}=t;y.value=e&&e.length===1&&e>="A"&&e<="Z"}function g(){N().then(({data:t})=>{const{verifyCodeBase64:e,verifyCodeKey:l,captchaid:n,picPath:r}=t;a.value.verifyCodeKey=n,a.value.captchaId=n,v.value=r})}function h(){w.value.validate(t=>{t&&(_.value=!0,b.login(a.value).then(()=>{const e=V.query,l=e.redirect??"/",n=Object.keys(e).reduce((r,p)=>(p!=="redirect"&&(r[p]=e[p]),r),{});P.push({path:l,query:n})}).catch(()=>{g()}).finally(()=>{_.value=!1}))})}return S(()=>{g()}),(t,e)=>{const l=T,n=A,r=D,p=L,q=k;return R(),U(q,{ref_key:"loginFormRef",ref:w,model:o(a),rules:x,class:"login-form"},{default:u(()=>[s(n,{prop:"username"},{default:u(()=>[d("div",O,[s(m,{"icon-class":"user"})]),s(l,{ref:"username",modelValue:o(a).username,"onUpdate:modelValue":e[0]||(e[0]=c=>o(a).username=c),class:"flex-1",size:"large",placeholder:t.$t("login.username"),name:"username"},null,8,["modelValue","placeholder"])]),_:1}),s(r,{disabled:o(y)===!1,content:"Caps lock is On",placement:"right"},{default:u(()=>[s(n,{prop:"password"},{default:u(()=>[d("span",G,[s(m,{"icon-class":"password"})]),s(l,{modelValue:o(a).password,"onUpdate:modelValue":e[1]||(e[1]=c=>o(a).password=c),class:"flex-1",placeholder:"密码",type:o(f)===!1?"password":"input",size:"large",name:"password",onKeyup:[K,C(h,["enter"])]},null,8,["modelValue","type","onKeyup"]),d("span",{class:"mr-2",onClick:e[2]||(e[2]=c=>f.value=!o(f))},[s(m,{"icon-class":o(f)===!1?"eye":"eye-open",class:"text-black cursor-pointer"},null,8,["icon-class"])])]),_:1})]),_:1},8,["disabled"]),s(n,{prop:"captcha"},{default:u(()=>[d("span",Q,[s(m,{"icon-class":"verify_code"})]),s(l,{modelValue:o(a).captcha,"onUpdate:modelValue":e[3]||(e[3]=c=>o(a).captcha=c),"auto-complete":"off",placeholder:t.$t("login.verifyCode"),class:"w-[60%]",onKeyup:C(h,["enter"])},null,8,["modelValue","placeholder","onKeyup"]),d("div",X,[d("img",{src:o(v),onClick:g},null,8,Z)])]),_:1}),s(p,{size:"default",loading:o(_),type:"primary",class:"w-full form_but",onClick:$(h,["prevent"])},{default:u(()=>[j(z(t.$t("login.login")),1)]),_:1},8,["loading","onClick"])]),_:1},8,["model"])}}});const ee=M(H,[["__scopeId","data-v-d76bf5ed"]]);export{ee as default};
|