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.
1 lines
3.0 KiB
1 lines
3.0 KiB
import{d as y,r as m,u as U,a as F,o as b,c as A,w as t,b as s,e as w,f as u,g as I,h as T,E as $,i as n,_ as B,j as K,p as L,k as P,l as R}from"./index.901da429.js";const q="/vue-admin-simple/assets/side-logo.74a8e9c4.png";function G(){let e=new Date().getHours();if(e>=6&&e<=10)return"\u65E9\u4E0A\u597D \u26C5";if(e>=10&&e<=14)return"\u4E2D\u5348\u597D \u{1F31E}";if(e>=14&&e<=18)return"\u4E0B\u5348\u597D \u{1F31E}";if(e>=18&&e<=24)return"\u665A\u4E0A\u597D \u{1F31B}";if(e>=0&&e<=6)return"\u51CC\u6668\u597D \u{1F31B}"}const j=y({__name:"LoginForm",setup(l){const e=m(),f=T(),C=U(),i=m("password"),c=m(!1),h=F({password:[{required:!0,message:"\u8BF7\u8F93\u5165\u7528\u6237\u540D",trigger:"blur"}],username:[{required:!0,message:"\u8BF7\u8F93\u5165\u5BC6\u7801",trigger:"blur"}]}),a=F({username:"admin",password:"123456"}),V=()=>{i.value==="password"?i.value="":i.value="password"},d=_=>{c.value=!0,_&&_.validate(o=>{if(o)setTimeout(async()=>{await C.login(a),await f.push({path:"/"}),$({title:G(),message:"\u6B22\u8FCE\u767B\u5F55 Vue Admin Perfect",type:"success",duration:3e3}),c.value=!0},1e3);else return console.log("error submit!"),!1})};return(_,o)=>{const E=n("UserFilled"),v=n("el-icon"),g=n("el-input"),p=n("el-form-item"),D=n("GoodsFilled"),k=n("svg-icon"),N=n("el-button"),S=n("el-form");return b(),A(S,{ref_key:"ruleFormRef",ref:e,model:a,rules:h,"label-width":"0"},{default:t(()=>[s(p,{label:"",prop:"username"},{default:t(()=>[s(g,{placeholder:"\u8BF7\u8F93\u5165\u7528\u6237\u540D",autoComplete:"on",style:{position:"relative"},modelValue:a.username,"onUpdate:modelValue":o[0]||(o[0]=r=>a.username=r),onKeyup:o[1]||(o[1]=w(r=>d(e.value),["enter","native"]))},{prefix:t(()=>[s(v,{class:"el-input__icon"},{default:t(()=>[s(E)]),_:1})]),_:1},8,["modelValue"])]),_:1}),s(p,{label:"",prop:"password"},{default:t(()=>[s(g,{placeholder:"\u8BF7\u8F93\u5165\u5BC6\u7801",autoComplete:"on",onKeyup:o[2]||(o[2]=w(r=>d(e.value),["enter","native"])),modelValue:a.password,"onUpdate:modelValue":o[3]||(o[3]=r=>a.password=r),type:i.value},{prefix:t(()=>[s(v,{class:"el-input__icon"},{default:t(()=>[s(D)]),_:1})]),suffix:t(()=>[u("div",{class:"show-pwd",onClick:V},[s(k,{"icon-class":i.value==="password"?"eye":"eye-open"},null,8,["icon-class"])])]),_:1},8,["modelValue","type"])]),_:1}),s(p,{style:{width:"100%"}},{default:t(()=>[s(N,{loading:c.value,class:"login-btn",type:"primary",onClick:o[4]||(o[4]=r=>d(e.value))},{default:t(()=>[I("\u767B\u5F55")]),_:1},8,["loading"])]),_:1})]),_:1},8,["model","rules"])}}});const H=B(j,[["__scopeId","data-v-fe461ccb"]]),x=l=>(L("data-v-51215bf2"),l=l(),P(),l),z={class:"login-container"},J={class:"login-box"},M=x(()=>u("div",{class:"login-left"},[u("img",{src:q})],-1)),O={class:"login-form"},Q=x(()=>u("div",{class:"login-title"},[u("img",{class:"icon",src:R,alt:"logo"}),u("h2",{class:"title"},"Vue-Admin-Perfect")],-1)),W=y({__name:"index",setup(l){return(e,f)=>(b(),K("div",z,[u("div",J,[M,u("div",O,[Q,s(H)])])]))}});const Y=B(W,[["__scopeId","data-v-51215bf2"]]);export{Y as default};
|
|
|