Преглед изворни кода

fix: 修复周报月报切换tab滚动高度计算问题

cuiyalong пре 2 година
родитељ
комит
6cf9d7b2f3
2 измењених фајлова са 8 додато и 3 уклоњено
  1. 7 2
      src/views/reportData/pageMonth.vue
  2. 1 1
      src/views/reportData/pageWeek.vue

+ 7 - 2
src/views/reportData/pageMonth.vue

@@ -1078,7 +1078,7 @@ export default {
     calcStickyTop () {
       const tabs = this.$el.querySelector('.tabs.sticky-tab-container')
       if (tabs) {
-        this.scrollTopInfo.stickyTop = tabs.offsetTop
+        this.scrollTopInfo.stickyTop = tabs.offsetTop - 64
       }
     },
     recoverScrollTop (targetActiveName) {
@@ -1098,7 +1098,12 @@ export default {
       this.scrollTopInfo[tab] = scrolled
     },
     beforeTabLeave (targetActiveName) {
-      this.recordScrollTop(this.tabActiveName)
+      // 修复使用this.tabActiveName='2'跳转时,this.tabActiveName取值错误问题
+      let currentTab = '1'
+      if (targetActiveName === '1') {
+        currentTab = '2'
+      }
+      this.recordScrollTop(currentTab)
       if (targetActiveName === '1') {
         // 恢复到默认位置
         this.recoverScrollTop(targetActiveName)

+ 1 - 1
src/views/reportData/pageWeek.vue

@@ -434,7 +434,7 @@ export default {
     calcStickyTop () {
       const tabs = this.$el.querySelector('.tabs.sticky-tab-container')
       if (tabs) {
-        this.scrollTopInfo.stickyTop = tabs.offsetTop
+        this.scrollTopInfo.stickyTop = tabs.offsetTop - 64
       }
     },
     recoverScrollTop (targetActiveName) {