2 lines
2.7 KiB
JavaScript
2 lines
2.7 KiB
JavaScript
import{e,y as a,a as l,r as s,i as r,j as o,k as d,m as i,l as t,n,q as u,af as p,ag as m,ah as c,ai as g,aj as f,B as _,H as v,a0 as x,ak as h,V as y,W as b,a1 as w,_ as V}from"./index-f7e8d822.js";import{_ as k}from"./index.vue_vue_type_script_setup_true_lang-e9f7aee9.js";const j={class:"login-container"},q={class:"login-card"},z=(e=>(y("data-v-de8307a8"),e=e(),b(),e))((()=>t("div",{class:"title"},[t("img",{src:"/v3-admin-vite/static/logo-text-2-eef467fb.png"})],-1))),C={class:"content"},M=V(e({__name:"index",setup(e){const y=a(),b=l(null),V=l(!1),M=l(""),U=s({username:"admin",password:"12345678",code:""}),K={username:[{required:!0,message:"请输入用户名",trigger:"blur"}],password:[{required:!0,message:"请输入密码",trigger:"blur"},{min:8,max:16,message:"长度在 8 到 16 个字符",trigger:"blur"}],code:[{required:!0,message:"请输入验证码",trigger:"blur"}]},B=()=>{var e;null==(e=b.value)||e.validate(((e,a)=>{e?(V.value=!0,w().login(U).then((()=>{y.push({path:"/"})})).catch((()=>{F(),U.password=""})).finally((()=>{V.value=!1}))):console.error("表单校验不通过",a)}))},F=()=>{U.code="",M.value="",h().then((e=>{M.value=e.data}))};return F(),(e,a)=>{const l=r("el-input"),s=r("el-form-item"),h=r("el-icon"),y=r("el-image"),w=r("el-button"),H=r("el-form");return o(),d("div",j,[i(k,{class:"theme-switch"}),t("div",q,[z,t("div",C,[i(H,{ref_key:"loginFormRef",ref:b,model:U,rules:K,onKeyup:x(B,["enter"])},{default:n((()=>[i(s,{prop:"username"},{default:n((()=>[i(l,{modelValue:U.username,"onUpdate:modelValue":a[0]||(a[0]=e=>U.username=e),modelModifiers:{trim:!0},placeholder:"用户名",type:"text",tabindex:"1","prefix-icon":u(p),size:"large"},null,8,["modelValue","prefix-icon"])])),_:1}),i(s,{prop:"password"},{default:n((()=>[i(l,{modelValue:U.password,"onUpdate:modelValue":a[1]||(a[1]=e=>U.password=e),modelModifiers:{trim:!0},placeholder:"密码",type:"password",tabindex:"2","prefix-icon":u(m),size:"large","show-password":""},null,8,["modelValue","prefix-icon"])])),_:1}),i(s,{prop:"code"},{default:n((()=>[i(l,{modelValue:U.code,"onUpdate:modelValue":a[2]||(a[2]=e=>U.code=e),modelModifiers:{trim:!0},placeholder:"验证码",type:"text",tabindex:"3","prefix-icon":u(c),maxlength:"7",size:"large"},{append:n((()=>[i(y,{src:M.value,onClick:F,draggable:"false"},{placeholder:n((()=>[i(h,null,{default:n((()=>[i(u(g))])),_:1})])),error:n((()=>[i(h,null,{default:n((()=>[i(u(f))])),_:1})])),_:1},8,["src"])])),_:1},8,["modelValue","prefix-icon"])])),_:1}),i(w,{loading:V.value,type:"primary",size:"large",onClick:_(B,["prevent"])},{default:n((()=>[v("登 录")])),_:1},8,["loading","onClick"])])),_:1},8,["model","onKeyup"])])])])}}}),[["__scopeId","data-v-de8307a8"]]);export{M as default};
|