2 lines
3.4 KiB
JavaScript
Executable File
2 lines
3.4 KiB
JavaScript
Executable File
import{H as p,L,P as e,M as o,O as r,I as A,X as S,a9 as z,u as m,ag as a,e as f,m as B,ay as N,az as W,Y as C}from"./vue-Gs2e-20-.js";import{u as M,k as R}from"./element-plus-JbJMPIks.js";import{_ as D,u as I}from"./index-jY687wPe.js";const P={class:"login-page"},U={class:"login-shell"},q={class:"login-hero"},E={class:"hero-badge"},H={class:"hero-grid"},O={class:"hero-card"},T={class:"hero-card-icon"},X={class:"hero-card"},Y={class:"hero-card-icon secondary"},j={class:"login-panel"},F={class:"login-card"},G={__name:"Login",setup(J){const _=N(),g=W(),v=I(),t=B({username:"admin",password:""}),i=f(!1),n=f("");function w(){const l=g.query.redirect;return typeof l=="string"&&l.startsWith("/")&&!l.startsWith("//")?l:"/"}async function y(){if(!t.username.trim()||!t.password){n.value="请输入用户名和密码";return}i.value=!0,n.value="";try{await v.login(t.username.trim(),t.password),await _.replace(w())}catch(l){n.value=l.message||"登录失败，请稍后重试"}finally{i.value=!1}}return(l,s)=>{const h=a("Lock"),u=a("el-icon"),b=a("Wallet"),x=a("DataAnalysis"),V=a("el-alert"),c=a("el-input"),k=a("el-button");return p(),L("div",P,[e("div",U,[e("section",q,[e("div",E,[o(u,null,{default:r(()=>[o(h)]),_:1}),s[2]||(s[2]=e("span",null,"Secure Access",-1))]),s[5]||(s[5]=e("h1",{class:"hero-title"},"登录后继续使用记账助手",-1)),s[6]||(s[6]=e("p",{class:"hero-text"}," 进入后可以查看余额、每日流水、月度趋势和分类统计，所有记账数据都只在登录成功后开放。 ",-1)),e("div",H,[e("article",O,[e("div",T,[o(u,null,{default:r(()=>[o(b)]),_:1})]),s[3]||(s[3]=e("div",null,[e("h2",null,"统一入口"),e("p",null,"总览、记账、日历和统计页面统一受登录态保护。")],-1))]),e("article",X,[e("div",Y,[o(u,null,{default:r(()=>[o(x)]),_:1})]),s[4]||(s[4]=e("div",null,[e("h2",null,"远程部署可用"),e("p",null,"登录校验已接入后端接口，部署到服务器后依然生效。")],-1))])])]),e("section",j,[e("div",F,[s[10]||(s[10]=e("div",{class:"login-card-header"},[e("p",{class:"eyebrow"},"Administrator Login"),e("h2",null,"输入账号密码"),e("p",{class:"subtext"},"验证通过后才会进入记账系统。")],-1)),n.value?(p(),A(V,{key:0,title:n.value,type:"error",closable:!1,"show-icon":"",class:"login-alert"},null,8,["title"])):S("",!0),e("form",{class:"login-form",onSubmit:z(y,["prevent"])},[s[8]||(s[8]=e("label",{class:"field-label",for:"username"},"用户名",-1)),o(c,{id:"username",modelValue:t.username,"onUpdate:modelValue":s[0]||(s[0]=d=>t.username=d),size:"large",placeholder:"请输入用户名","prefix-icon":m(M),autocomplete:"username"},null,8,["modelValue","prefix-icon"]),s[9]||(s[9]=e("label",{class:"field-label",for:"password"},"密码",-1)),o(c,{id:"password",modelValue:t.password,"onUpdate:modelValue":s[1]||(s[1]=d=>t.password=d),size:"large",type:"password","show-password":"",placeholder:"请输入密码","prefix-icon":m(R),autocomplete:"current-password"},null,8,["modelValue","prefix-icon"]),o(k,{class:"submit-button","native-type":"submit",type:"primary",size:"large",loading:i.value},{default:r(()=>[...s[7]||(s[7]=[C(" 登录并进入 ",-1)])]),_:1},8,["loading"])],32),s[11]||(s[11]=e("p",{class:"login-tip"}," 默认管理员账号已启用，部署时也可以通过服务端环境变量覆盖默认用户名和密码。 ",-1))])])])])}}},$=D(G,[["__scopeId","data-v-d2aa554d"]]);export{$ as default};
|