| 1 |
- import{d as M,a as z,u as U,i as V,y as j,l as B,r as l,o as E,s as P,e as o,c as t,w as n,x,p as q,j as K,_ as N}from"./index-3b8b93f4.js";import{p as v}from"./index-519a55fb.js";const f=i=>(q("data-v-e95786a4"),i=i(),K(),i),$={style:{background:"#E9EDF3",height:"100vh",display:"flex","align-items":"center","justify-content":"center"}},D={style:{width:"1200px",height:"740px",display:"flex","background-color":"#fff"}},O=f(()=>o("div",{style:{"background-color":"#D8E4F7",width:"0px","flex-grow":"5"}},[o("div",{style:{background:"url('/static/images/login_bg.png')",width:"100%",height:"100%"}})],-1)),A={style:{width:"0px","flex-grow":"3",padding:"90px 60px 20px 60px"}},L=f(()=>o("div",{style:{"font-family":"PingFangSC, PingFang SC","font-weight":"600","font-size":"38px",color:"#000829","line-height":"28px","text-align":"left","font-style":"normal"}},[o("span",null,"登录")],-1)),T=f(()=>o("div",{style:{"font-family":"PingFangSC, PingFang SC","font-weight":"400","font-size":"14px",color:"#666A78","line-height":"14px","text-align":"left","margin-top":"18px","font-style":"normal"}},[o("span",null,"欢迎登录驼人物联网平台")],-1)),G={style:{"margin-top":"70px"}},H={style:{display:"flex","justify-content":"space-between"}},J=M({__name:"Index",setup(i){const d=z(),p=U(),g=V(""),e=j({username:"",password:"",captchaCode:"",captchaKey:"",isRememberMe:!1}),w=s=>{console.log(s),console.log(e),v({url:"/user/login",data:e},a=>{console.log(a);const{username:u,token:r,roleIds:m,mobile:_}=a.data;p.$patch({mobile:_,username:u,token:r,roles:m,isLogin:!0,isRememberMe:e.isRememberMe}),e.isRememberMe?p.$patch({password:e.password}):p.$patch({password:""}),console.log(p),d.replace("/")})},y=s=>{console.log(s)},h=()=>{v({url:"/open/getCaptcha"},s=>{console.log(s.data.captchaImg),g.value=s.data.captchaImg,e.captchaKey=s.data.captchaKey})},b=s=>{console.log(s),h()},k=()=>{d.replace("/register")},C=()=>{d.replace("/findpassword")};return B(()=>{h(),p.isRememberMe&&Object.assign(e,p)}),(s,a)=>{const u=l("a-input"),r=l("a-form-item"),m=l("a-input-password"),_=l("a-image"),F=l("a-input-search"),I=l("a-checkbox"),S=l("a-button"),R=l("a-form");return E(),P("div",$,[o("div",D,[O,o("div",A,[L,T,o("div",G,[t(R,{model:e,name:"basic","label-align":"left","label-col":{span:4},"wrapper-col":{span:20},autocomplete:"off",onFinish:w,onFinishFailed:y,layout:"vertical"},{default:n(()=>[t(r,{"wrapper-col":{offset:0,span:24},label:"账号",name:"username",rules:[{required:!0,message:"请输入账号!"}]},{default:n(()=>[t(u,{size:"large",value:e.username,"onUpdate:value":a[0]||(a[0]=c=>e.username=c)},null,8,["value"])]),_:1}),t(r,{"wrapper-col":{offset:0,span:24},label:"密码",name:"password",rules:[{required:!0,message:"请输入密码!"}]},{default:n(()=>[t(m,{size:"large",value:e.password,"onUpdate:value":a[1]||(a[1]=c=>e.password=c)},null,8,["value"])]),_:1}),t(r,{"wrapper-col":{offset:0,span:24},label:"验证码",name:"captchaCode",rules:[{required:!0,message:"请输入验证码"}]},{default:n(()=>[t(F,{value:e.captchaCode,"onUpdate:value":a[2]||(a[2]=c=>e.captchaCode=c),placeholder:"请输入验证码",size:"large",onSearch:b},{enterButton:n(()=>[o("div",null,[t(_,{preview:!1,height:30,width:100,src:g.value},null,8,["src"])])]),_:1},8,["value"])]),_:1}),t(r,{"wrapper-col":{offset:0,span:24}},{default:n(()=>[o("div",H,[t(I,{checked:e.isRememberMe,"onUpdate:checked":a[3]||(a[3]=c=>e.isRememberMe=c)},{default:n(()=>[x("记住密码")]),_:1},8,["checked"]),o("a",{onClick:C},"忘记密码")])]),_:1}),t(r,{"wrapper-col":{offset:0,span:24}},{default:n(()=>[t(S,{style:{background:"#0058FF"},size:"large",block:"",type:"primary","html-type":"submit"},{default:n(()=>[x("登录")]),_:1})]),_:1})]),_:1},8,["model"])]),o("div",null,[o("a",{onClick:k},"注册账号")])])])])}}});const X=N(J,[["__scopeId","data-v-e95786a4"]]);export{X as default};
|