| | |
| | | layout: 'side', //导航布局,可选 side 和 head,分别为侧边导航和顶部导航 |
| | | fixedHeader: false, //固定头部状态栏,true:固定,false:不固定 |
| | | fixedSideBar: true, //固定侧边栏,true:固定,false:不固定 |
| | | fixedTabs: false, //固定页签头,true:固定,false:不固定 |
| | | fixedTabs: true, //固定页签头,true:固定,false:不固定 |
| | | pageWidth: 'fixed', //内容区域宽度,fixed:固定宽度,fluid:流式宽度 |
| | | weekMode: false, //色弱模式,true:开启,false:不开启 |
| | | multiPage: false, //多页签模式,true:开启,false:不开启 |
| | |
| | | data () { |
| | | return { |
| | | minHeight: window.innerHeight - 64 - 122, |
| | | collapsed: false, |
| | | collapsed: true, |
| | | showSetting: false, |
| | | drawerOpen: false |
| | | } |
| | |
| | | if(!val) { |
| | | this.drawerOpen = false |
| | | } |
| | | }, |
| | | affixed() { |
| | | this.resize(); |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapState('setting', ['isMobile', 'theme', 'layout', 'footerLinks', 'copyright', 'fixedHeader', 'fixedSideBar', |
| | | 'fixedTabs', 'hideSetting', 'multiPage']), |
| | | ...mapGetters('setting', ['firstMenu', 'subMenu', 'menuData']), |
| | | ...mapGetters('setting', ['firstMenu', 'subMenu', 'menuData', 'affixed']), |
| | | sideMenuWidth() { |
| | | return this.collapsed ? '80px' : '256px' |
| | | }, |
| | |
| | | } |
| | | }, |
| | | resize() { |
| | | this.minHeight = window.innerHeight - 64 - 122; |
| | | if(this.affixed) { |
| | | this.minHeight = window.innerHeight - 122; |
| | | }else { |
| | | this.minHeight = window.innerHeight - 64 - 122; |
| | | } |
| | | this.setMinHeight(this.minHeight); |
| | | } |
| | | }, |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | affixed: false, |
| | | affixed: true, |
| | | } |
| | | }, |
| | | inject:['adminLayout'], |
| | |
| | | const bar = document.querySelectorAll(".header-bar")[0].clientHeight; |
| | | const workPlaceTop = document.querySelectorAll(".work-place-top")[0].clientHeight; |
| | | this.y = this.minHeight-bar-workPlaceTop-56; |
| | | if(this.affixed) { |
| | | this.y = this.y+60; |
| | | } |
| | | } |
| | | }, |
| | | affixed() { |
| | |
| | | customTitles, |
| | | ...config, |
| | | ...localSetting, |
| | | affixed: false, |
| | | affixed: true, |
| | | minHeight: window.innerHeight - 64 - 122, |
| | | }, |
| | | getters: { |