Showing
4 changed files
with
6 additions
and
4 deletions
| ... | @@ -4,7 +4,7 @@ | ... | @@ -4,7 +4,7 @@ |
| 4 | <sidebar class="sidebar-container" | 4 | <sidebar class="sidebar-container" |
| 5 | :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg }" /> | 5 | :style="{ backgroundColor: sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg }" /> |
| 6 | <div :class="{ hasTagsView: needTagsView }" class="main-container"> | 6 | <div :class="{ hasTagsView: needTagsView }" class="main-container"> |
| 7 | - <div :class="{ 'fixed-header': fixedHeader }" ref="headerRef"> | 7 | + <div class="headerRef" :class="{ 'fixed-header': fixedHeader }" ref="headerRef"> |
| 8 | <navbar /> | 8 | <navbar /> |
| 9 | <tags-view v-if="needTagsView" /> | 9 | <tags-view v-if="needTagsView" /> |
| 10 | </div> | 10 | </div> | ... | ... |
| ... | @@ -50,7 +50,6 @@ export default { | ... | @@ -50,7 +50,6 @@ export default { |
| 50 | let appMainHeight = this.$refs.appMainBlock.$el.clientHeight; | 50 | let appMainHeight = this.$refs.appMainBlock.$el.clientHeight; |
| 51 | this.$store.dispatch("app/setAppHeaderBlockCH", appHeaderHeight); | 51 | this.$store.dispatch("app/setAppHeaderBlockCH", appHeaderHeight); |
| 52 | this.$store.dispatch("app/setAppMainBlockCH", appMainHeight); | 52 | this.$store.dispatch("app/setAppMainBlockCH", appMainHeight); |
| 53 | - console.log(appHeaderHeight); | ||
| 54 | }, | 53 | }, |
| 55 | }, | 54 | }, |
| 56 | }; | 55 | }; | ... | ... |
| ... | @@ -448,5 +448,7 @@ export function restTableHeight($refs) { | ... | @@ -448,5 +448,7 @@ export function restTableHeight($refs) { |
| 448 | heigth += getPropertyValue($refs[key]); | 448 | heigth += getPropertyValue($refs[key]); |
| 449 | } | 449 | } |
| 450 | }); | 450 | }); |
| 451 | - return heigth; | 451 | + let topHeaderClientHeight = |
| 452 | + document.querySelector(".headerRef").clientHeight; | ||
| 453 | + return heigth + topHeaderClientHeight; | ||
| 452 | } | 454 | } | ... | ... |
| ... | @@ -71,11 +71,12 @@ export default { | ... | @@ -71,11 +71,12 @@ export default { |
| 71 | }); | 71 | }); |
| 72 | }, | 72 | }, |
| 73 | mounted() { | 73 | mounted() { |
| 74 | + let headerRef = document.querySelector('.headerRef'); | ||
| 74 | this.$nextTick(() => { | 75 | this.$nextTick(() => { |
| 75 | this.tableAttr.maxHeight = | 76 | this.tableAttr.maxHeight = |
| 76 | window.innerHeight - restTableHeight(this.$refs); | 77 | window.innerHeight - restTableHeight(this.$refs); |
| 78 | + // console.log(headerRef.clientHeight) | ||
| 77 | }); | 79 | }); |
| 78 | - console.log(store.getters.appHeaderBlockClientHeight) | ||
| 79 | }, | 80 | }, |
| 80 | methods: { | 81 | methods: { |
| 81 | // ET86查询 | 82 | // ET86查询 | ... | ... |
-
Please register or login to post a comment