| 12 |
- import{L as x,i as g,s as P,a2 as V,l as H,a1 as $,al as a,U as L,_ as T,o as B,a as N,b as t,O as U,a7 as r,X as W,Y as m,Z as n,T as u,ad as G,$ as K,n as j,aE as J,aF as O}from"./vue.e1d8f8c6.js";import{f as _}from"./formatTime.29ac8c52.js";import{u as X,L as Z,_ as Q}from"./index.6ed0cd31.js";const d=l=>(J("data-v-31417299"),l=l(),O(),l),ee=d(()=>t("div",{class:"layout-lock-screen-mask"},null,-1)),oe={class:"layout-lock-screen"},te=["onTouchstart","onTouchmove","onTouchend"],ne={class:"layout-lock-screen-date-box"},se={class:"layout-lock-screen-date-box-time"},ce={class:"layout-lock-screen-date-box-minutes"},ie={class:"layout-lock-screen-date-box-info"},ae={class:"layout-lock-screen-date-top"},le=d(()=>t("div",{class:"layout-lock-screen-date-top-text"},"上滑解锁",-1)),re={class:"layout-lock-screen-login"},ue={class:"layout-lock-screen-login-box"},de=d(()=>t("div",{class:"layout-lock-screen-login-box-img"},[t("img",{src:"https://img2.baidu.com/it/u=1978192862,2048448374&fm=253&fmt=auto&app=138&f=JPEG?w=504&h=500"})],-1)),me=d(()=>t("div",{class:"layout-lock-screen-login-box-name"},"Administrator",-1)),_e={class:"layout-lock-screen-login-box-value"},pe={class:"layout-lock-screen-login-icon"},fe=x({name:"layoutLockScreen"}),ve=x({...fe,setup(l){const p=g(),f=g(),D=X(),{themeConfig:s}=P(D),e=V({transparency:1,downClientY:0,moveDifference:0,isShowLoockLogin:!1,isFlags:!1,querySelectorEl:"",time:{hm:"",s:"",mdq:""},setIntervalTime:0,isShowLockScreen:!1,isShowLockScreenIntervalTime:0,lockScreenPassword:""}),I=o=>{e.isFlags=!0,e.downClientY=o.clientY},C=o=>{e.isFlags=!0,e.downClientY=o.touches[0].clientY},b=o=>{e.moveDifference=o.clientY-e.downClientY,v()},M=o=>{e.moveDifference=o.touches[0].clientY-e.downClientY,v()},v=()=>{if(e.isFlags){const o=e.querySelectorEl,i=e.transparency-=1/200;if(e.moveDifference>=0)return!1;o.setAttribute("style",`top:${e.moveDifference}px;cursor:pointer;opacity:${i};`),e.moveDifference<-400&&(o.setAttribute("style",`top:${-o.clientHeight}px;cursor:pointer;transition:all 0.3s ease;`),e.moveDifference=-o.clientHeight,setTimeout(()=>{var c;o&&((c=o.parentNode)==null||c.removeChild(o))},300)),e.moveDifference===-o.clientHeight&&(e.isShowLoockLogin=!0,f.value.focus())}},h=()=>{e.isFlags=!1,e.transparency=1,e.moveDifference>=-400&&e.querySelectorEl.setAttribute("style","top:0px;opacity:1;transition:all 0.3s ease;")},E=()=>{j(()=>{e.querySelectorEl=p.value})},k=()=>{e.time.hm=_(new Date,"HH:MM"),e.time.s=_(new Date,"SS"),e.time.mdq=_(new Date,"mm月dd日，WWW")},Y=()=>{k(),e.setIntervalTime=window.setInterval(()=>{k()},1e3)},q=()=>{s.value.isLockScreen?e.isShowLockScreenIntervalTime=window.setInterval(()=>{if(s.value.lockScreenTime<=1)return e.isShowLockScreen=!0,S(),!1;s.value.lockScreenTime--},1e3):clearInterval(e.isShowLockScreenIntervalTime)},S=()=>{s.value.isDrawer=!1,Z.set("themeConfig",s.value)},w=()=>{s.value.isLockScreen=!1,s.value.lockScreenTime=30,S()};return H(()=>{E(),Y(),q()}),$(()=>{window.clearInterval(e.setIntervalTime),window.clearInterval(e.isShowLockScreenIntervalTime)}),(o,i)=>{const c=a("SvgIcon"),A=a("ele-Right"),R=a("el-icon"),z=a("el-button"),F=a("el-input");return L((B(),N("div",null,[ee,t("div",{class:U(["layout-lock-screen-img",{"layout-lock-screen-filter":e.isShowLoockLogin}])},null,2),t("div",oe,[t("div",{class:"layout-lock-screen-date",ref_key:"layoutLockScreenDateRef",ref:p,onMousedown:I,onMousemove:b,onMouseup:h,onTouchstart:r(C,["stop"]),onTouchmove:r(M,["stop"]),onTouchend:r(h,["stop"])},[t("div",ne,[t("div",se,[W(m(e.time.hm),1),t("span",ce,m(e.time.s),1)]),t("div",ie,m(e.time.mdq),1)]),t("div",ae,[n(c,{name:"ele-Top"}),le])],40,te),n(K,{name:"el-zoom-in-center",persisted:""},{default:u(()=>[L(t("div",re,[t("div",ue,[de,me,t("div",_e,[n(F,{placeholder:"请输入密码",ref_key:"layoutLockScreenInputRef",ref:f,modelValue:e.lockScreenPassword,"onUpdate:modelValue":i[0]||(i[0]=y=>e.lockScreenPassword=y),onKeyup:i[1]||(i[1]=G(r(y=>w(),["stop"]),["enter","native"]))},{append:u(()=>[n(z,{onClick:w},{default:u(()=>[n(R,{class:"el-input__icon"},{default:u(()=>[n(A)]),_:1})]),_:1})]),_:1},8,["modelValue"])])]),t("div",pe,[n(c,{name:"ele-Microphone",size:20}),n(c,{name:"ele-AlarmClock",size:20}),n(c,{name:"ele-SwitchButton",size:20})])],512),[[T,e.isShowLoockLogin]])]),_:1})])],512)),[[T,e.isShowLockScreen]])}}});const we=Q(ve,[["__scopeId","data-v-31417299"],["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/layout/lockScreen/index.vue"]]);export{we as default};
|
