diff --git a/src/common/js/util.js b/src/common/js/util.js index b9ed034c..c8e63a22 100644 --- a/src/common/js/util.js +++ b/src/common/js/util.js @@ -150,23 +150,37 @@ export default { } return classNames[typeIndex] }, - calcTableMaxHeight(cssSelector) { + + calcMaxHeight(cssSelector) { + debugger; var table=cssSelector; if(typeof cssSelector == 'string'){ table=document.querySelector(cssSelector); + } + var innerHeight=window.innerHeight + var top=150; + + + if(table!=null){ + var rect=table.getBoundingClientRect() + + if(rect && rect.top){ + top=rect.top; + } } + var maxTableHeight =innerHeight-top; + return maxTableHeight; + }, + calcTableMaxHeight(cssSelector) { + var table=cssSelector; + if(typeof cssSelector == 'string'){ + table=document.querySelector(cssSelector); + } var innerHeight=window.innerHeight - var defaultInnerHeight=616; - var pageHeight=32/defaultInnerHeight*innerHeight - var top=150/defaultInnerHeight*innerHeight; - var bottomHeight=36/defaultInnerHeight*innerHeight - if(innerHeight>=916){ - bottomHeight=20/defaultInnerHeight*innerHeight - }else if(innerHeight>=800){ - bottomHeight=26/defaultInnerHeight*innerHeight - }else if(innerHeight>=700){ - bottomHeight=32/defaultInnerHeight*innerHeight - } + var pageHeight=32 + var top=150; + var bottomHeight=32 + if(table!=null){ var rect=table.getBoundingClientRect() diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue index 7c824531..6e512333 100644 --- a/src/views/layout/Layout.vue +++ b/src/views/layout/Layout.vue @@ -4,7 +4,7 @@
- +
@@ -20,10 +20,38 @@ export default { AppMain, TagsView }, + data(){ + return { + maxHeight:null, + } + }, + methods:{ + + calcMaxHeight(cssSelector) { + var table=cssSelector; + debugger; + if(typeof cssSelector == 'string'){ + table=document.querySelector(cssSelector); + } + var innerHeight=window.innerHeight + var top=150; + if(table!=null){ + var rect=table.getBoundingClientRect() + if(rect && rect.top!=0){ + top=rect.top; + } + } + var maxTableHeight =innerHeight-top; + return maxTableHeight; + }, + }, computed: { sidebar() { return this.$store.state.app.sidebar } + }, + mounted(){ + this.maxHeight=this.calcMaxHeight(this.$refs.main.$el) } } diff --git a/src/views/xm/XmOverview.vue b/src/views/xm/XmOverview.vue index bb0c6d4d..51827d25 100644 --- a/src/views/xm/XmOverview.vue +++ b/src/views/xm/XmOverview.vue @@ -1,6 +1,6 @@