Index-3fcffd2d.js 6.9 KB

1
  1. import{d as B,r as f,a as V,c,w as K,m as T,q as j,o as E,b as N,e as r,f as y,u as D,j as L,B as S,p as H,n as X,_ as Y}from"./index-2e65d505.js";import{B as A}from"./index-1f851396.js";import{C as J}from"./index-60c32ccb.js";import{I as Q}from"./index-3da1d059.js";import"./index-c5ffe042.js";import{F as W}from"./index-d9c5d705.js";import{T as Z}from"./index-d60c87bc.js";import{a as ee,p as oe}from"./index-ec22364e.js";import{F as ae}from"./index-6b5cb84e.js";import{c as G,b as R,n as te,e as $,z as ne,t as F,I as le,f as P,a as se,o as ie,p as ce,w as de}from"./index-41fe9b4a.js";import{u as re}from"./use-scope-id-23b9d357.js";import{s as z}from"./function-call-ac4377ab.js";import"./use-route-a3b990ac.js";import"./index-7d33f6a1.js";import"./constant-eba5e2d8.js";import"./axios-9cbf0d09.js";import"./mount-component-731e8ea5.js";import"./index-c8038c66.js";import"./on-popup-reopen-3f924dd6.js";const[ue,Ye]=G("checkbox-group"),me=Symbol(ue),U={name:R,disabled:Boolean,iconSize:te,modelValue:R,checkedColor:String,labelPosition:String,labelDisabled:Boolean};var pe=B({props:$({},U,{bem:ne(Function),role:String,shape:String,parent:Object,checked:Boolean,bindGroup:F,indeterminate:{type:Boolean,default:null}}),emits:["click","toggle"],setup(e,{emit:b,slots:n}){const u=f(),i=o=>{if(e.parent&&e.bindGroup)return e.parent.props[o]},a=V(()=>{if(e.parent&&e.bindGroup){const o=i("disabled")||e.disabled;if(e.role==="checkbox"){const v=i("modelValue").length,p=i("max"),s=p&&v>=+p;return o||s&&!e.checked}return o}return e.disabled}),h=V(()=>i("direction")),d=V(()=>{const o=e.checkedColor||i("checkedColor");if(o&&e.checked&&!a.value)return{borderColor:o,backgroundColor:o}}),l=V(()=>e.shape||i("shape")||"round"),g=o=>{const{target:v}=o,p=u.value,s=p===v||(p==null?void 0:p.contains(v));!a.value&&(s||!e.labelDisabled)&&b("toggle"),b("click",o)},_=()=>{var o,v;const{bem:p,checked:s,indeterminate:t}=e,k=e.iconSize||i("iconSize");return c("div",{ref:u,class:p("icon",[l.value,{disabled:a.value,checked:s,indeterminate:t}]),style:l.value!=="dot"?{fontSize:P(k)}:{width:P(k),height:P(k),borderColor:(o=d.value)==null?void 0:o.borderColor}},[n.icon?n.icon({checked:s,disabled:a.value}):l.value!=="dot"?c(le,{name:t?"minus":"success",style:d.value},null):c("div",{class:p("icon--dot__icon"),style:{backgroundColor:(v=d.value)==null?void 0:v.backgroundColor}},null)])},m=()=>{const{checked:o}=e;if(n.default)return c("span",{class:e.bem("label",[e.labelPosition,{disabled:a.value}])},[n.default({checked:o,disabled:a.value})])};return()=>{const o=e.labelPosition==="left"?[m(),_()]:[_(),m()];return c("div",{role:e.role,class:e.bem([{disabled:a.value,"label-disabled":e.labelDisabled},h.value]),tabindex:a.value?void 0:0,"aria-checked":e.checked,onClick:g},[o])}}});const[be,ve]=G("checkbox"),he=$({},U,{shape:String,bindGroup:F,indeterminate:{type:Boolean,default:null}});var fe=B({name:be,props:he,emits:["change","update:modelValue"],setup(e,{emit:b,slots:n}){const{parent:u}=se(me),i=d=>{const{name:l}=e,{max:g,modelValue:_}=u.props,m=_.slice();if(d)!(g&&m.length>=+g)&&!m.includes(l)&&(m.push(l),e.bindGroup&&u.updateValue(m));else{const o=m.indexOf(l);o!==-1&&(m.splice(o,1),e.bindGroup&&u.updateValue(m))}},a=V(()=>u&&e.bindGroup?u.props.modelValue.indexOf(e.name)!==-1:!!e.modelValue),h=(d=!a.value)=>{u&&e.bindGroup?i(d):b("update:modelValue",d),e.indeterminate!==null&&b("change",d)};return K(()=>e.modelValue,d=>{e.indeterminate===null&&b("change",d)}),re({toggle:h,props:e,checked:a}),ie(()=>e.modelValue),()=>c(pe,T({bem:ve,role:"checkbox",parent:u,checked:a.value,onToggle:h},e),ce(n,["default","icon"]))}});const ge=de(fe);const _e=e=>(H("data-v-b98bbbf7"),e=e(),X(),e),ke={style:{height:"100vh",overflow:"hidden",display:"flex","flex-direction":"column"}},xe={style:{height:"100%","background-image":"url('static/images/bg-login.png')","background-repeat":"no-repeat","background-position-y":"0px","background-size":"100%"}},ye={style:{padding:"100px 16px 30px 32px",display:"flex","justify-content":"space-between","align-items":"center"}},Ce={style:{color:"#5C677C",height:"30px"}},Ve=_e(()=>r("div",{style:{"font-size":"1.1rem","font-weight":"bold"}},[r("span",null,"驼人物联网平台")],-1)),we={style:{"margin-top":"60px"}},Ie={style:{padding:"16px"}},Se={style:{margin:"16px"}},Pe=B({__name:"Index",setup(e){const b=D(),n=j(),u=f(),i=f(""),a=f(""),h=f(""),d=f(""),l=f(!0),g=f(""),_=()=>{ee({url:"/open/getCaptcha"},s=>{console.log(s.data.captchaImg),g.value=s.data.captchaImg,d.value=s.data.captchaKey})},m=s=>{console.log(s),_()},o=()=>{b.replace("/register")},v=()=>{b.replace("/findpassword")};E(()=>{console.log("onMounted"),_(),l.value=n.isRememberMe,l.value&&(i.value=n.username,a.value=n.password)});const p=()=>{var s;(s=u.value)==null||s.validate().then(()=>{n.$patch({isRememberMe:l.value}),l.value&&n.$patch({username:i.value,password:a.value}),oe({url:"/user/login",data:{username:i.value,password:a.value,captchaCode:h.value,captchaKey:d.value}}).then(t=>{console.log(t);const{username:k,token:C,roleIds:w,mobile:I}=t.data;n.$patch({mobile:I,username:k,token:C,roles:w,isLogin:!0,isRememberMe:l.value}),l.value?n.$patch({password:a.value}):n.$patch({password:""}),console.log(n),b.replace("/")},t=>{z(t)})}).catch(t=>{z(t)})};return(s,t)=>{const k=Z,C=W,w=Q,I=ge,q=J,M=A,O=ae;return L(),N("div",ke,[r("div",xe,[r("div",ye,[r("div",null,[r("div",Ce,[c(k,{type:"primary",size:"large"},{default:y(()=>[S("欢迎登录")]),_:1})]),Ve])]),r("div",we,[c(O,{ref_key:"formRef",ref:u,"show-error":"","show-error-message":!1,onSubmit:p},{default:y(()=>[c(q,{inset:""},{default:y(()=>[c(C,{modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=x=>i.value=x),name:"username",label:"用户名","label-width":"70",placeholder:"请输入账号",rules:[{required:!0,message:"请填写账号"}]},null,8,["modelValue"]),c(C,{modelValue:a.value,"onUpdate:modelValue":t[1]||(t[1]=x=>a.value=x),name:"password",center:"",clearable:"",label:"密码","label-width":"70",type:"password",placeholder:"请输入密码",rules:[{required:!0,message:"请输入密码"}]},null,8,["modelValue"]),c(C,{style:{"align-items":"center"},modelValue:h.value,"onUpdate:modelValue":t[2]||(t[2]=x=>h.value=x),name:"captchaCode",label:"验证码","label-width":"70",placeholder:"请输入验证码",rules:[{required:!0,message:"请填写账号"}]},{button:y(()=>[c(w,{width:"100",height:"30",fit:"contain",src:g.value,onClick:m},null,8,["src"])]),_:1},8,["modelValue"]),r("div",Ie,[c(I,{modelValue:l.value,"onUpdate:modelValue":t[3]||(t[3]=x=>l.value=x),shape:"square"},{default:y(()=>[S("记住密码")]),_:1},8,["modelValue"])])]),_:1}),r("div",Se,[c(M,{round:"",block:"",type:"primary",size:"large","native-type":"submit"},{default:y(()=>[S("登录")]),_:1})]),r("div",{style:{padding:"0px 16px",display:"flex","justify-content":"space-between"}},[r("div",null,[r("a",{onClick:v},"忘记密码?")]),r("div",null,[r("a",{onClick:o},"注册账号")])])]),_:1},512)])])])}}});const Ae=Y(Pe,[["__scopeId","data-v-b98bbbf7"]]);export{Ae as default};