ll

liukangdong

2025-03-11 1f700ccb3297e1251b7eac7c75ca5ef5b0a59d3e

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<script>
export default {
  name: 'BaseComputeHeight',
  data () {
    return {
      tableHeightNew: 300
    }
  },
  created() {
    this.computeTableHeight()
  },
  mounted () {
    this.computeTableHeight()
    window.addEventListener('resize', this.computeTableHeight)
  },
  activated() {
    this.computeTableHeight()
  },
  methods: {
    computeTableHeight () {
      this.$nextTick(() => {
        const height = window.innerHeight -(document.getElementsByClassName('common-header') && document.getElementsByClassName('common-header')[0]?document.getElementsByClassName('common-header')[0].clientHeight:0)
        // alert(height)
        const height3 = document.getElementsByClassName('main-header') && document.getElementsByClassName('main-header')[0]?document.getElementsByClassName('main-header')[0].clientHeight:0
        const height4 = document.getElementsByClassName('table-pagination') && document.getElementsByClassName('table-pagination')[0]? document.getElementsByClassName('table-pagination')[0].clientHeight:0
        const height2 = document.getElementsByClassName('toolbar') && document.getElementsByClassName('toolbar')[0]?document.getElementsByClassName('toolbar')[0].clientHeight:0
        const height5 = document.getElementsByTagName('thead') && document.getElementsByTagName('thead')[0]? document.getElementsByTagName('thead')[0].clientHeight:0
        const height6 = document.getElementsByClassName('doumee-filter') && document.getElementsByClassName('doumee-filter')[0]? document.getElementsByClassName('doumee-filter')[document.getElementsByClassName('doumee-filter').length-1].clientHeight:0
        const height7 = (document.getElementsByClassName('pt16') && document.getElementsByClassName('pt16')[0]?1+document.getElementsByClassName('pt16')[0].clientHeight:0)
        const height9 = document.getElementsByClassName('static_wrap') && document.getElementsByClassName('static_wrap')[0]? 20+document.getElementsByClassName('df_sb')[0].clientHeight:0
        const height10 = document.getElementsByClassName('query_btns') && document.getElementsByClassName('query_btns')[0]? document.getElementsByClassName('query_btns')[0].clientHeight:0
        const height11 = document.getElementsByClassName('el-tabs-ele') && document.getElementsByClassName('el-tabs-ele')[0]? document.getElementsByClassName('el-tabs-ele')[0].clientHeight:0
        const height12 = document.getElementsByClassName('platgroup_tabs') && document.getElementsByClassName('platgroup_tabs')[0]?20+ document.getElementsByClassName('platgroup_tabs')[0].clientHeight:0
        // this.tableHeightNew = height-height4-height3-height2-height1-height5-height6-height7-height8-height9 -height10// 打印高度
       this.tableHeightNew = height-height3 -height5-height6-height2-height7-height4-height9-height10 -height11 -height12
        // console.log('self',height,height3 ,height5,(height6==0?20:height6),height2,height7,height4,height9,height10 ,height11 ,height12)
        // console.log('self',this.tableHeightNew)
      })
    }
  }
}
</script>