boxed-signin-BkqgxU1X.js 9.4 KB

1
  1. import{_ as te,a as ae}from"./coming-soon-object3-ihzdcm-o.js";import{d as oe,r as d,a as E,u as Y,S as M,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 O,k as $,l as I,m as x,p as m,q as ie,s as ce,t as ue,v as u,F as pe,x as me,y as L,E as B,z as ge,A as _e,B as he}from"./index-DrwGqDEP.js";import{v as fe}from"./v4-DvF23Exx.js";const be=t("div",{class:"absolute inset-0"},[t("img",{src:te,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"},ke=t("img",{src:ae,alt:"image",class:"absolute right-0 top-0 h-[300px]"},null,-1),ye={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%)]"},xe={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"},we={class:"absolute top-6 start-6"},Ve={class:"absolute top-6 end-6"},Ce={class:"dropdown"},Se={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"},$e=["src"],Ie={class:"text-base font-bold uppercase"},Le={class:"shrink-0"},Ne={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),Ye=oe({__name:"boxed-signin",setup(Je){const _=d(!1);d([]);const h=d("acc"),R=(a,e)=>{h.value=a,s.login_type=e},s=E({username:"",password:"",scene:"LOGIN",login_type:"password",validcode:"",company_name:"",type:"com",phone:"",check_code:"",check_code_key:""}),{t:f}=Y(),P=E({username:[{required:!0,message:f("val_username"),trigger:"blur"}],password:[{required:!0,message:f("val_password"),trigger:"blur"}],validcode:[{required:!0,message:f("val_validcode"),trigger:"blur"}],company_name:[{required:!0,message:f("company_name"),trigger:"blur"}],phone:[{required:!0,message:"请输入手机号",trigger:"blur"}],check_code:[{required:!0,message:"请输入验证码",trigger:"blur"}]}),N=d({});let U=d(""),w=d(M.getItem("admin_uuid")),G=d(null);const q=d({c_sessionid:"",sig:"",nc_token:""}),b=d(!1);d(!1);const v=d();le({title:"Login Boxed"});const F=ie(),J=ce(),g=ue(),j=E(Y()),H=a=>{j.locale=a.code,_e.toggleLanguage(a)},K=se(()=>`/assets/images/flags/${j.locale.toUpperCase()}.svg`),Q=()=>{F.push({path:"/platformLogin"})};d(""),ne(()=>{const a=M.getItem("admin_uuid");if(a)w=a;else{const e=fe();w=e,M.setItem("admin_uuid",e,{expires:30})}A(),re().then(e=>{N.value=e;const{validator_type:r,aliyun_afs:k}=e;r==="ALIYUN"?G.init():b.value=!0})});const A=()=>{U.value=de("LOGIN",w),console.log(U)},z=a=>JSON.parse(JSON.stringify(a)),D=a=>(_.value=!0,new Promise((e,r)=>{g.dispatch("loginAction",a).then(k=>{if(_.value=!1,k)try{const i=new WebSocket(k.access_token);he.provide("websocket",i)}catch(i){console.log("websocket 实例化失败:",i)}J.query.forward;let V=JSON.parse(JSON.stringify(J.query));delete V.forward,console.log(a),a.type=="com"?g.dispatch("toggleSuperMenu","compan"):g.dispatch("toggleSuperMenu","super"),F.push({path:"dashboard",query:V}).catch(()=>{})}).catch(()=>{_.value=!1,r()})})),T=a=>{if(b)if(G)v.value.validate(e=>{if(e){const r=z(s);r.uuid=w,r.captcha=r.validcode,delete r.validcode,D(r).catch(()=>{A()})}else return B.error(f("val_form")),!1});else{const e=z(s);e.c_sessionid=q.c_sessionid,e.sig=q.sig,e.nc_token=q.nc_token,delete e.validcode,delete e.scene,D(e).catch(()=>{b.value=!1})}},X=()=>{F.push({path:"/boxed-signup"}).catch(()=>{})},Z=d(!0);d({phone:"",check_code:"",check_code_key:""});const ee=()=>{if(s.phone===""){B.error("请先输入手机号!");return}ge(s.phone).then(a=>{B.success("验证码已发送,五分钟后失效!"),s.check_code_key=a})};return(a,e)=>{const r=m("el-button"),k=m("icon-caret-down"),V=m("Popper"),i=m("svg-icon"),p=m("el-input"),c=m("el-form-item"),W=m("el-form");return u(),C("div",null,[be,t("div",ve,[ke,t("div",ye,[t("div",xe,[t("div",we,[o(r,{type:"plain",text:"",onClick:Q},{default:l(()=>[x(" PlatForm ")]),_:1})]),t("div",Ve,[t("div",Ce,[o(V,{placement:S(g).state.rtlClass==="rtl"?"bottom-start":"bottom-end",offsetDistance:"8"},{content:l(({close:n})=>[t("ul",Ne,[(u(!0),C(pe,null,me(S(g).state.languageList,y=>(u(),C("li",{key:y.code},[t("button",{type:"button",class:O(["w-full hover:text-primary",{"bg-primary/10 text-primary":j.locale===y.code}]),onClick:ze=>(H(y),n())},[t("img",{class:"w-5 h-5 object-cover rounded-full",src:`/assets/images/flags/${y.code.toUpperCase()}.svg`,alt:""},null,8,qe),t("span",Fe,L(y.name),1)],10,Ue)]))),128))])]),default:l(()=>[t("button",Se,[t("div",null,[t("img",{src:K.value,alt:"image",class:"h-5 w-5 rounded-full object-cover"},null,8,$e)]),t("div",Ie,L(S(g).state.locale),1),t("span",Le,[o(k)])])]),_:1},8,["placement"])])]),t("div",je,[t("div",Ae,[Ee,t("div",null,[t("span",{class:O(["text-base font-bold leading-normal text-white-dark",h.value=="acc"?"!text-primary":""]),onClick:e[0]||(e[0]=n=>R("acc","password"))},"账号密码登录",2),Me,t("span",{class:O(["text-base font-bold leading-normal text-white-dark",h.value=="phone"?"!text-primary":""]),onClick:e[1]||(e[1]=n=>R("phone","phone"))},"手机号登录",2)])]),h.value=="acc"?(u(),$(W,{key:0,model:s,rules:P,ref_key:"loginFormRef",ref:v,class:"login-input","label-width":"120px"},{default:l(()=>[o(c,{label:"公司名称:",prop:"company_id"},{default:l(()=>[o(p,{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(i,{class:"el-input__icon","icon-class":"user"})]),_:1},8,["modelValue","placeholder"])]),_:1}),o(c,{label:"账号:",prop:"username"},{default:l(()=>[o(p,{modelValue:s.username,"onUpdate:modelValue":e[3]||(e[3]=n=>s.username=n),placeholder:a.$t("username"),autofocus:"",clearable:""},{prefix:l(()=>[o(i,{class:"el-input__icon","icon-class":"user"})]),_:1},8,["modelValue","placeholder"])]),_:1}),o(c,{label:"密 码:",prop:"password"},{default:l(()=>[o(p,{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(i,{class:"el-input__icon","icon-class":"password"})]),_:1},8,["modelValue","placeholder"])]),_:1}),N.value.validator_type==="IMAGE"?(u(),$(c,{key:0,label:"验证码:",prop:"validcode"},{default:l(()=>[o(p,{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(U),onClick:A},null,8,Oe)]),_:1},8,["modelValue","placeholder"])]),_:1})):N.value.validator_type==="ALIYUN"?(u(),C("div",Be,Pe)):I("",!0),o(c,null,{default:l(()=>[o(r,{type:"primary",loading:_.value,disabled:!b.value,class:"btn",onClick:e[6]||(e[6]=n=>T(v.value))},{default:l(()=>[x(L(a.$t("logIn")),1)]),_:1},8,["loading","disabled"])]),_:1})]),_:1},8,["model","rules"])):I("",!0),h.value=="phone"?(u(),$(W,{key:1,model:s,rules:P,ref_key:"loginFormRef",ref:v,class:"login-input","label-width":"120px"},{default:l(()=>[o(c,{label:"公司名称:",prop:"company_id"},{default:l(()=>[o(p,{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(i,{class:"el-input__icon","icon-class":"user"})]),_:1},8,["modelValue","placeholder"])]),_:1}),o(c,{label:"手机号:",prop:"phone"},{default:l(()=>[o(p,{modelValue:s.phone,"onUpdate:modelValue":e[8]||(e[8]=n=>s.phone=n),placeholder:"请输入手机号",autofocus:"",clearable:""},{prefix:l(()=>[o(i,{class:"el-input__icon","icon-class":"user"})]),_:1},8,["modelValue"])]),_:1}),o(c,{label:"验证码:",prop:"check_code"},{default:l(()=>[o(p,{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(),$(r,{key:0,type:"primary",onClick:ee,class:"w-40"},{default:l(()=>[x("获取验证码")]),_:1})):I("",!0)]),_:1},8,["modelValue","placeholder"])]),_:1}),o(c,null,{default:l(()=>[o(r,{type:"primary",loading:_.value,disabled:!b.value,class:"btn",onClick:e[10]||(e[10]=n=>T(v.value))},{default:l(()=>[x(L(a.$t("logIn")),1)]),_:1},8,["loading","disabled"])]),_:1})]),_:1},8,["model","rules"])):I("",!0),Ge,t("div",{class:"text-center dark:text-white"},[x(" 新用户请注册 ? "),t("a",{href:"javascript:;",onClick:X,class:"uppercase text-primary underline transition hover:text-black dark:hover:text-white"}," 注册 ")])])])])])])}}});export{Ye as default};