|  |  |  | 
|---|
|  |  |  | computeTableHeight () { | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | const height = window.innerHeight | 
|---|
|  |  |  | console.log('main_app========================:'+height) | 
|---|
|  |  |  | // console.log('main_app========================:'+height) | 
|---|
|  |  |  | const height13 = this.getEleHeghtByClassName('common-header',0) | 
|---|
|  |  |  | const height5 = document.getElementsByTagName('thead') && document.getElementsByTagName('thead')[0] ? document.getElementsByTagName('thead')[0].clientHeight : 0 | 
|---|
|  |  |  | if (document.getElementsByClassName('main_app') && document.getElementsByClassName('main_app')[0]) { | 
|---|
|  |  |  | console.log('main_app========================') | 
|---|
|  |  |  | // console.log('main_app========================') | 
|---|
|  |  |  | // alert(height) | 
|---|
|  |  |  | const height3 = this.getEleHeghtByClassName('main-header',0) | 
|---|
|  |  |  | const height4 = this.getEleHeghtByClassName('table-pagination',0) | 
|---|
|  |  |  | 
|---|
|  |  |  | const height11 = this.getEleHeghtByClassName('el-tabs-ele',0) | 
|---|
|  |  |  | const height12 = this.getEleHeghtByClassName('platgroup_tabs',0) | 
|---|
|  |  |  | this.$router.app.$store.commit('setTableHeightNew', height - height13- height3 - height5 - height6 - height2 - height7 - height4 - height9 - height10 - height11 - height12) | 
|---|
|  |  |  | console.log('gableHeightNew', this.$router.app.$store.state.tableHeightNew) | 
|---|
|  |  |  | // console.log('gableHeightNew', this.$router.app.$store.state.tableHeightNew) | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | console.log('tableLayout========================') | 
|---|
|  |  |  | // console.log('tableLayout========================') | 
|---|
|  |  |  | const height1 = this.getEleHeghtByClassName('table-search-form', 40,16) | 
|---|
|  |  |  | const height3 = this.getEleHeghtByClassName('main-header', 0) | 
|---|
|  |  |  | const height4 = this.getEleHeghtByClassName('table-pagination', 0) | 
|---|
|  |  |  | const height2 = this.getEleHeghtByClassName('toolbar', 0) | 
|---|
|  |  |  | console.log('defualtlength', document.getElementsByClassName('table-search-form').length) | 
|---|
|  |  |  | // console.log('defualtlength', document.getElementsByClassName('table-search-form').length) | 
|---|
|  |  |  | this.$router.app.$store.commit('setTableHeightNew', height - height4 - height3 - height2 - height1 - height5 - height13) | 
|---|
|  |  |  | console.log('gableHeightNew', this.$router.app.$store.state.tableHeightNew) | 
|---|
|  |  |  | // console.log('gableHeightNew', this.$router.app.$store.state.tableHeightNew) | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | if ((document.getElementsByClassName(name) && document.getElementsByClassName(name)[0])) { | 
|---|
|  |  |  | let t = 0 | 
|---|
|  |  |  | document.getElementsByClassName(name).forEach(e => { | 
|---|
|  |  |  | console.log(name+'========================' + t + ':' + e.clientHeight) | 
|---|
|  |  |  | // console.log(name+'========================' + t + ':' + e.clientHeight) | 
|---|
|  |  |  | t++ | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | return document.getElementsByClassName(name)[document.getElementsByClassName(name).length - 1].clientHeight+(margin||0) | 
|---|