<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>
|
