优化

MrShi

2025-09-24 0e555ff7887e46c5bdd9d8ca237f7ed1e1634c0f

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
43
44
45
46
47
48
49
50
<script>
import router from "@/router";
import {mapState} from "vuex";
 
export default {
  name: 'BaseComputeHeightDefault',
  data () {
    return {
      // tableHeightNew: 300
    }
  },
  computed: {
    ...mapState(['tableHeightNew'])
  },
  created() {
    // console.log('created' ,this.tableHeightNew)
    // this.computeTableHeight()
  },
  mounted () {
    // this.computeTableHeight()
    // console.log('mounted' ,this.tableHeightNew)
    // window.addEventListener('resize', this.computeTableHeight)
  },
  activated() {
    // console.log('activated' ,this.tableHeightNew)
    // this.computeTableHeight()
  },
  methods: {
    computeTableHeight () {
      this.$nextTick(() => {
        let height = window.innerHeight
        let height6 = (document.getElementsByClassName('common-header') && document.getElementsByClassName('common-header')[0] ? document.getElementsByClassName('common-header')[0].clientHeight:0)
        // alert(height)
        let height1 = (document.getElementsByClassName('table-search-form') && document.getElementsByClassName('table-search-form')[0])? document.getElementsByClassName('table-search-form')[document.getElementsByClassName('table-search-form').length-1].clientHeight:0
        height1 = height1===0? 40:height1+10
        let height3 = document.getElementsByClassName('main-header') && document.getElementsByClassName('main-header')[0]?document.getElementsByClassName('main-header')[0].clientHeight:0
        let height4 = document.getElementsByClassName('table-pagination') && document.getElementsByClassName('table-pagination')[0]? document.getElementsByClassName('table-pagination')[0].clientHeight:0
        let height2 = document.getElementsByClassName('toolbar') && document.getElementsByClassName('toolbar')[0]?document.getElementsByClassName('toolbar')[0].clientHeight:0
        let height5 = document.getElementsByTagName('thead') && document.getElementsByTagName('thead')[0]? document.getElementsByTagName('thead')[0].clientHeight:0
        // this.tableHeightNew = height-height4-height3-height2-height1-height5-height6-height7-height8-height9 -height10// 打印高度
        // this.tableHeightNew = height-height4-height3-height2-height1-height5 -height6
        console.log('defualt',height,height6,height3 ,height1,height2,height4,height4)
        console.log('defualt',this.tableHeightNew)
        console.log('defualtlength',document.getElementsByClassName('table-search-form').length)
        router.app.$store.commit('setTableHeightNew', height-height4-height3-height2-height1-height5 -height6)
      })
    }
  }
}
</script>