|  |  | 
 |  |  | }) | 
 |  |  |  | 
 |  |  | router.afterEach((to, from, failure) => { | 
 |  |  |   setTimeout(function () { computeTableHeightIndex() }, 1000) | 
 |  |  |   window.addEventListener('resize', computeTableHeightIndex()) | 
 |  |  |   setTimeout(function () { | 
 |  |  |     computeTableHeightIndex() | 
 |  |  |     window.addEventListener('resize', function(){ | 
 |  |  |       computeTableHeightIndex()} | 
 |  |  |     ) | 
 |  |  |   }, 1000) | 
 |  |  |  | 
 |  |  | }) | 
 |  |  | function computeTableHeightIndex () { | 
 |  |  |   const height = window.innerHeight | 
 |  |  |   console.log('beforeEach========================:' + height) | 
 |  |  |   // console.log('beforeEach========================:' + height) | 
 |  |  |   const height13 = getEleHeghtByClassName('common-header', 0) | 
 |  |  |   const height4 = getEleHeghtByClassName('table-pagination', 0,-20) | 
 |  |  |   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 = getEleHeghtByClassName('main-header', 0) | 
 |  |  |     const height4 = getEleHeghtByClassName('table-pagination', 0) | 
 |  |  |     const height2 = getEleHeghtByClassName('toolbar', 0) | 
 |  |  |     const height6 = getEleHeghtByClassName('doumee-filter', 0, 16) | 
 |  |  |     const height7 = getEleHeghtByClassName('pt16', 0, 0) | 
 |  |  | 
 |  |  |     router.app.$store.commit('setTableHeightNew', height -10 - height2 - height3 - height4 - height5 - height6 - height7 - height9 - height10 - height11 - height12 - height13) | 
 |  |  |     console.log('gableHeightNew', router.app.$store.state.tableHeightNew) | 
 |  |  |   } else { | 
 |  |  |     console.log('tableLayout========================') | 
 |  |  |     // console.log('tableLayout========================') | 
 |  |  |     const height1 = getEleHeghtByClassName('table-search-form', 40, 16) | 
 |  |  |     const height3 = getEleHeghtByClassName('main-header', 0) | 
 |  |  |     const height4 = getEleHeghtByClassName('table-pagination', 0) | 
 |  |  |     // const height4 = getEleHeghtByClassName('table-pagination', 0,-20) | 
 |  |  |     const height2 = getEleHeghtByClassName('toolbar', 0) | 
 |  |  |     console.log('defualtlength', document.getElementsByClassName('table-search-form').length) | 
 |  |  |     router.app.$store.commit('setTableHeightNew', height - height4 - height3 - height2 - height1 - height5 - height13) | 
 |  |  | 
 |  |  |   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) |