boxed-signin-E4bHCjcx.js 9.5 KB

1
  1. import{_ as ae,a as te}from"./coming-soon-object3-ihzdcm-o.js";import{d as oe,r as d,a as A,u as Y,S as E,b as le,c as se,o as ne,g as re,e as de,f as C,h as t,i as o,w as l,j as S,n as M,t as c,k as N,l as I,m as x,p as g,q as ie,s as ce,v as pe,x as u,F as ue,y as me,E as O,z as ge,A as _e,B as he}from"./index-B91o8cA_.js";import{v as fe}from"./v4-DvF23Exx.js";const be=t("div",{class:"absolute inset-0"},[t("img",{src:ae,alt:"image",class:"h-full w-full object-cover"})],-1),ve={class:"relative flex items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat dark:bg-[#060818] sm:px-16"},ye=t("img",{src:te,alt:"image",class:"absolute right-0 top-0 h-[300px]"},null,-1),ke={class:"relative w-full max-w-[870px] rounded-md bg-[linear-gradient(45deg,#fff9f9_0%,rgba(255,255,255,0)_25%,rgba(255,255,255,0)_75%,_#fff9f9_100%)] p-2 dark:bg-[linear-gradient(52.22deg,#0E1726_0%,rgba(14,23,38,0)_18.66%,rgba(14,23,38,0)_51.04%,rgba(14,23,38,0)_80.07%,#0E1726_100%)]"},we={class:"relative flex flex-col justify-center rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 px-6 lg:min-h-[758px] py-20"},xe={class:"absolute top-6 start-6"},Ve={class:"absolute top-6 end-6"},$e={class:"dropdown"},Ce={type:"button",class:"flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"},Se=["src"],Ne={class:"text-base font-bold uppercase"},Ie={class:"shrink-0"},Le={class:"!px-2 text-dark dark:text-white-dark grid grid-cols-2 gap-2 font-semibold dark:text-white-light/90 w-[280px]"},Ue=["onClick"],qe=["src"],Fe={class:"ltr:ml-3 rtl:mr-3"},je={class:"mx-auto w-full max-w-[440px]"},Ae={class:"mb-10"},Ee=t("h1",{class:"text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl"},"Company Sign in",-1),Me=t("span",{class:"text-base font-bold leading-normal text-white-dark"},"|",-1),Oe=["src"],Be={key:1,style:{"margin-bottom":"20px"}},Re=t("div",{id:"pc-valid",class:"nc-container"},null,-1),Pe=[Re],Ge=t("div",{class:"relative my-7 text-center md:mb-9"},[t("span",{class:"absolute inset-x-0 top-1/2 h-px w-full -translate-y-1/2 bg-white-light dark:bg-white-dark"}),t("span",{class:"relative bg-white px-2 font-bold uppercase text-white-dark dark:bg-dark dark:text-white-light"},"or")],-1),Je={class:"text-center dark:text-white"},He=oe({__name:"boxed-signin",setup(ze){const h=d(!1);d([]);const f=d("acc"),B=(a,e)=>{f.value=a,s.login_type=e},s=A({username:"",password:"",scene:"LOGIN",login_type:"password",validcode:"",company_name:"",type:"com",phone:"",check_code:"",check_code_key:""}),{t:b}=Y(),R=A({username:[{required:!0,message:b("val_username"),trigger:"blur"}],password:[{required:!0,message:b("val_password"),trigger:"blur"}],validcode:[{required:!0,message:b("val_validcode"),trigger:"blur"}],company_name:[{required:!0,message:b("company_name"),trigger:"blur"}],phone:[{required:!0,message:"请输入手机号",trigger:"blur"}],check_code:[{required:!0,message:"请输入验证码",trigger:"blur"}]}),L=d({});let P=d(""),V=d(E.getItem("admin_uuid")),G=d(null);const U=d({c_sessionid:"",sig:"",nc_token:""}),v=d(!1);d(!1);const y=d();le({title:"Login Boxed"});const q=ie(),J=ce(),_=pe(),F=A(Y()),H=a=>{F.locale=a.code,_e.toggleLanguage(a)},K=se(()=>`/assets/images/flags/${F.locale.toUpperCase()}.svg`),Q=()=>{q.push({path:"/platformLogin"})};d(""),ne(()=>{const a=E.getItem("admin_uuid");if(a)V=a;else{const e=fe();V=e,E.setItem("admin_uuid",e,{expires:30})}j(),re().then(e=>{L.value=e;const{validator_type:r,aliyun_afs:k}=e;r==="ALIYUN"?G.init():v.value=!0})});const j=()=>{P.value=de("LOGIN",V)},z=a=>JSON.parse(JSON.stringify(a)),D=a=>(h.value=!0,new Promise((e,r)=>{_.dispatch("loginAction",a).then(k=>{if(h.value=!1,k)try{const p=new WebSocket(k.access_token);he.provide("websocket",p)}catch{}J.query.forward;let $=JSON.parse(JSON.stringify(J.query));delete $.forward,a.type=="com"?_.dispatch("toggleSuperMenu","compan"):_.dispatch("toggleSuperMenu","super"),q.push({path:"dashboard",query:$}).catch(()=>{})}).catch(()=>{h.value=!1,r()})})),T=a=>{if(v)if(G)y.value.validate(e=>{if(e){const r=z(s);r.uuid=V,r.captcha=r.validcode,delete r.validcode,D(r).catch(()=>{j()})}else return O.error(b("val_form")),!1});else{const e=z(s);e.c_sessionid=U.c_sessionid,e.sig=U.sig,e.nc_token=U.nc_token,delete e.validcode,delete e.scene,D(e).catch(()=>{v.value=!1})}},X=()=>{q.push({path:"/boxed-signup"}).catch(()=>{})},Z=d(!0);d({phone:"",check_code:"",check_code_key:""});const ee=()=>{if(s.phone===""){O.error("请先输入手机号!");return}ge(s.phone).then(a=>{O.success("验证码已发送,五分钟后失效!"),s.check_code_key=a})};return(a,e)=>{const r=g("el-button"),k=g("icon-caret-down"),$=g("Popper"),p=g("svg-icon"),m=g("el-input"),i=g("el-form-item"),W=g("el-form");return u(),C("div",null,[be,t("div",ve,[ye,t("div",ke,[t("div",we,[t("div",xe,[o(r,{type:"plain",text:"",onClick:Q},{default:l(()=>[x(" PlatForm ")]),_:1})]),t("div",Ve,[t("div",$e,[o($,{placement:S(_).state.rtlClass==="rtl"?"bottom-start":"bottom-end",offsetDistance:"8"},{content:l(({close:n})=>[t("ul",Le,[(u(!0),C(ue,null,me(S(_).state.languageList,w=>(u(),C("li",{key:w.code},[t("button",{type:"button",class:M(["w-full hover:text-primary",{"bg-primary/10 text-primary":F.locale===w.code}]),onClick:De=>(H(w),n())},[t("img",{class:"w-5 h-5 object-cover rounded-full",src:`/assets/images/flags/${w.code.toUpperCase()}.svg`,alt:""},null,8,qe),t("span",Fe,c(w.name),1)],10,Ue)]))),128))])]),default:l(()=>[t("button",Ce,[t("div",null,[t("img",{src:K.value,alt:"image",class:"h-5 w-5 rounded-full object-cover"},null,8,Se)]),t("div",Ne,c(S(_).state.locale),1),t("span",Ie,[o(k)])])]),_:1},8,["placement"])])]),t("div",je,[t("div",Ae,[Ee,t("div",null,[t("span",{class:M(["text-base font-bold leading-normal text-white-dark",f.value=="acc"?"!text-primary":""]),onClick:e[0]||(e[0]=n=>B("acc","password"))},c(a.$t("accpass")),3),Me,t("span",{class:M(["text-base font-bold leading-normal text-white-dark",f.value=="phone"?"!text-primary":""]),onClick:e[1]||(e[1]=n=>B("phone","phone"))},c(a.$t("phone_login")),3)])]),f.value=="acc"?(u(),N(W,{key:0,model:s,rules:R,ref_key:"loginFormRef",ref:y,class:"login-input","label-width":"120px"},{default:l(()=>[o(i,{label:a.$t("companyName")+":",prop:"company_id"},{default:l(()=>[o(m,{modelValue:s.company_name,"onUpdate:modelValue":e[2]||(e[2]=n=>s.company_name=n),placeholder:a.$t("company_name"),autofocus:"",clearable:""},{prefix:l(()=>[o(p,{class:"el-input__icon","icon-class":"user"})]),_:1},8,["modelValue","placeholder"])]),_:1},8,["label"]),o(i,{label:a.$t("operator_name")+":",prop:"username"},{default:l(()=>[o(m,{modelValue:s.username,"onUpdate:modelValue":e[3]||(e[3]=n=>s.username=n),placeholder:a.$t("username"),autofocus:"",clearable:""},{prefix:l(()=>[o(p,{class:"el-input__icon","icon-class":"user"})]),_:1},8,["modelValue","placeholder"])]),_:1},8,["label"]),o(i,{label:a.$t("admin_password")+":",prop:"password"},{default:l(()=>[o(m,{modelValue:s.password,"onUpdate:modelValue":e[4]||(e[4]=n=>s.password=n),type:"password",autocomplete:"off",placeholder:a.$t("password"),minlength:6,maxlength:20,clearable:""},{prefix:l(()=>[o(p,{class:"el-input__icon","icon-class":"password"})]),_:1},8,["modelValue","placeholder"])]),_:1},8,["label"]),L.value.validator_type==="IMAGE"?(u(),N(i,{key:0,label:a.$t("valid_code")+":",prop:"validcode"},{default:l(()=>[o(m,{modelValue:s.validcode,"onUpdate:modelValue":e[5]||(e[5]=n=>s.validcode=n),placeholder:a.$t("validcode"),maxlength:4,clearable:""},{append:l(()=>[t("img",{class:"login-validcode-img h-8 w-full p-0",src:S(P),onClick:j},null,8,Oe)]),_:1},8,["modelValue","placeholder"])]),_:1},8,["label"])):L.value.validator_type==="ALIYUN"?(u(),C("div",Be,Pe)):I("",!0),o(i,null,{default:l(()=>[o(r,{type:"primary",loading:h.value,disabled:!v.value,class:"btn",onClick:e[6]||(e[6]=n=>T(y.value))},{default:l(()=>[x(c(a.$t("logIn")),1)]),_:1},8,["loading","disabled"])]),_:1})]),_:1},8,["model","rules"])):I("",!0),f.value=="phone"?(u(),N(W,{key:1,model:s,rules:R,ref_key:"loginFormRef",ref:y,class:"login-input","label-width":"120px"},{default:l(()=>[o(i,{label:a.$t("companyName")+":",prop:"company_id"},{default:l(()=>[o(m,{modelValue:s.company_name,"onUpdate:modelValue":e[7]||(e[7]=n=>s.company_name=n),placeholder:a.$t("company_name"),autofocus:"",clearable:""},{prefix:l(()=>[o(p,{class:"el-input__icon","icon-class":"user"})]),_:1},8,["modelValue","placeholder"])]),_:1},8,["label"]),o(i,{label:a.$t("phone")+":",prop:"phone"},{default:l(()=>[o(m,{modelValue:s.phone,"onUpdate:modelValue":e[8]||(e[8]=n=>s.phone=n),placeholder:a.$t("place"),autofocus:"",clearable:""},{prefix:l(()=>[o(p,{class:"el-input__icon","icon-class":"user"})]),_:1},8,["modelValue","placeholder"])]),_:1},8,["label"]),o(i,{label:a.$t("valid_code")+":",prop:"check_code"},{default:l(()=>[o(m,{modelValue:s.check_code,"onUpdate:modelValue":e[9]||(e[9]=n=>s.check_code=n),placeholder:a.$t("validcode"),maxlength:6,clearable:""},{append:l(()=>[Z.value?(u(),N(r,{key:0,type:"primary",onClick:ee,class:"w-40"},{default:l(()=>[x(c(a.$t("get_code")),1)]),_:1})):I("",!0)]),_:1},8,["modelValue","placeholder"])]),_:1},8,["label"]),o(i,null,{default:l(()=>[o(r,{type:"primary",loading:h.value,disabled:!v.value,class:"btn",onClick:e[10]||(e[10]=n=>T(y.value))},{default:l(()=>[x(c(a.$t("logIn")),1)]),_:1},8,["loading","disabled"])]),_:1})]),_:1},8,["model","rules"])):I("",!0),Ge,t("div",Je,[x(c(a.$t("new_acc"))+" ? ",1),t("a",{href:"javascript:;",onClick:X,class:"uppercase text-primary underline transition hover:text-black dark:hover:text-white"},c(a.$t("register")),1)])])])])])])}}});export{He as default};