"use strict";(self["webpackChunklin_cms_vue"]=self["webpackChunklin_cms_vue"]||[]).push([[4986,3291,7,3681],{64016:function(e,t,s){s.r(t),s.d(t,{default:function(){return C}});var i=s(20641),a=s(90033);const l={style:{height:"100%"}},h={class:"left"},n={class:"operate",ref:"operate"};function o(e,t,s,o,r,d){const c=(0,i.g2)("sidebar"),u=(0,i.g2)("el-aside"),p=(0,i.g2)("nav-bar"),b=(0,i.g2)("reuse-tab"),f=(0,i.g2)("el-collapse-transition"),S=(0,i.g2)("el-header"),g=(0,i.g2)("menu-tab"),m=(0,i.g2)("app-main"),C=(0,i.g2)("el-main"),k=(0,i.g2)("back-top"),v=(0,i.g2)("el-container");return(0,i.uX)(),(0,i.CE)("div",l,[(0,i.bF)(v,null,{default:(0,i.k6)((()=>[(0,i.bF)(u,{width:r.sidebarWidth,class:"aside",style:(0,a.Tr)(d.asideStyle)},{default:(0,i.k6)((()=>[(0,i.bF)(c,{isCollapse:r.isCollapse,"is-phone":r.isPhone},null,8,["isCollapse","is-phone"])])),_:1},8,["width","style"]),(0,i.bF)(v,null,{default:(0,i.k6)((()=>[(0,i.bF)(S,{class:"header"},{default:(0,i.k6)((()=>[(0,i.Lk)("div",h,[(0,i.Lk)("div",n,[(0,i.Lk)("i",{class:(0,a.C4)(["iconfont icon-fold",{rotate:r.foldState}]),onClick:t[0]||(t[0]=(...e)=>d.changeSlidebarState&&d.changeSlidebarState(...e))},null,2),(0,i.bF)(p)],512),(0,i.bF)(f,null,{default:(0,i.k6)((()=>[(0,i.bF)(b,{ref:"reuse"},null,512)])),_:1})])])),_:1}),(0,i.bF)(C,{ref:"main"},{default:(0,i.k6)((()=>[(0,i.bF)(g),(0,i.bF)(m,{ref:"appMain"},null,512)])),_:1},512),(0,i.bF)(k,{right:50,bottom:50,fontSize:34})])),_:1}),(0,i.Lk)("div",{class:(0,a.C4)(["sidenav-mask",{show:r.isPhone&&r.isCollapse}]),onClick:t[1]||(t[1]=(...e)=>d.changeSlidebarState&&d.changeSlidebarState(...e))},null,2)])),_:1})])}var r=s(41337),d=s(40698);const c=66,u=70,p=20,b="210px",f=c+u+p;var S={components:{NavBar:d.NavBar,Sidebar:d.Sidebar,AppMain:d.AppMain,ReuseTab:d.ReuseTab,MenuTab:d.MenuTab,BackTop:d.BackTop},data(){return{isCollapse:!1,sidebarWidth:b,clientWidth:0,clientHeight:0,foldState:!1,isPhone:!1}},mounted(){this.setResize(),this.clientWidth<500?this.isPhone=!0:(this.isPhone=!1,this.clientWidth<=768?(r["default"].emit("removeSidebarSearch"),this.isCollapse=!0):(this.isCollapse=!1,r["default"].emit("showSidebarSearch"))),window.onresize=()=>{this.setResize(),this.clientWidth<=500?this.isPhone=!0:this.clientWidth<=800&&(this.isPhone=!1)},r["default"].on("noReuse",(()=>{this.$refs.operate.style.height="86px"})),r["default"].on("hasReuse",(()=>{this.$refs.operate.style.height="45px"}))},computed:{elMenuCollapse(){return!this.isPhone&&this.isCollapse},asideStyle(){const e={};return this.isPhone&&(e.position="absolute",e.height=`${this.clientHeight}px`,e.zIndex=12,!1===this.isCollapse?e.transform=`translateX(-${b})`:e.transform="translateX(0)"),e}},methods:{changeSlidebarState(){this.isCollapse=!this.isCollapse,this.isCollapse?r["default"].emit("removeSidebarSearch"):r["default"].emit("showSidebarSearch"),this.foldState=!this.foldState},setResize(){this.clientHeight=document.body.clientHeight,this.clientWidth=document.body.clientWidth,this.$refs.appMain.$el.style.minHeight=this.clientHeight-f+20+"px"}},watch:{isCollapse(){this.isPhone?(this.sidebarWidth=b,!1===this.isCollapse?this.transX=0:this.transX=-1*b):(this.transX=0,this.sidebarWidth=!1===this.isCollapse?b:"64px")},$route(){this.showBackTop=!1,this.scrollY<=70&&this.backTop(),this.isPhone&&this.isCollapse&&this.changeSlidebarState()}},beforeUnmount(){r["default"].off("noReuse"),r["default"].off("hasReuse")}},g=s(66262);const m=(0,g.A)(S,[["render",o],["__scopeId","data-v-1e0cc3f8"]]);var C=m}}]);
//# sourceMappingURL=4986.f084141a.js.map