2 lines
2.1 KiB
JavaScript
2 lines
2.1 KiB
JavaScript
import{u as V,a as h,r as _,b as k,c as r,o as L,d as R,e as u,f as s,w as a,g as U,h as c,t as z,E as g}from"./index-01a32b87.js";import{_ as B}from"./_plugin-vue_export-helper-c27b6911.js";const C={class:"login-container"},E={class:"login-box"},F={__name:"Login",setup(N){const f=V(),w=h(),d=_(),t=_(!1),o=k({username:"",password:"",remember:!1}),b={username:[{required:!0,message:"请输入用户名",trigger:"blur"},{min:3,max:20,message:"用户名长度在 3 到 20 个字符",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"},{min:6,max:20,message:"密码长度在 6 到 20 个字符",trigger:"blur"}]},m=async()=>{if(d.value)try{await d.value.validate(),t.value=!0,await w.login({username:o.username,password:o.password}),g.success("登录成功"),f.push("/")}catch(i){i.message&&g.error(i.message)}finally{t.value=!1}};return(i,e)=>{const p=r("el-input"),n=r("el-form-item"),v=r("el-checkbox"),x=r("el-button"),y=r("el-form");return L(),R("div",C,[u("div",E,[e[4]||(e[4]=u("div",{class:"login-header"},[u("h1",null,"电商管理系统"),u("p",null,"欢迎登录后台管理系统")],-1)),s(y,{ref_key:"loginFormRef",ref:d,model:o,rules:b,class:"login-form",onKeyup:U(m,["enter"])},{default:a(()=>[s(n,{prop:"username"},{default:a(()=>[s(p,{modelValue:o.username,"onUpdate:modelValue":e[0]||(e[0]=l=>o.username=l),placeholder:"请输入用户名",size:"large","prefix-icon":"User"},null,8,["modelValue"])]),_:1}),s(n,{prop:"password"},{default:a(()=>[s(p,{modelValue:o.password,"onUpdate:modelValue":e[1]||(e[1]=l=>o.password=l),type:"password",placeholder:"请输入密码",size:"large","prefix-icon":"Lock","show-password":""},null,8,["modelValue"])]),_:1}),s(n,null,{default:a(()=>[s(v,{modelValue:o.remember,"onUpdate:modelValue":e[2]||(e[2]=l=>o.remember=l)},{default:a(()=>[...e[3]||(e[3]=[c("记住密码",-1)])]),_:1},8,["modelValue"])]),_:1}),s(n,null,{default:a(()=>[s(x,{type:"primary",size:"large",loading:t.value,onClick:m,style:{width:"100%"}},{default:a(()=>[c(z(t.value?"登录中...":"登录"),1)]),_:1},8,["loading"])]),_:1})]),_:1},8,["model"])])])}}},K=B(F,[["__scopeId","data-v-bad2aed0"]]);export{K as default};
|