|  |  | 
 |  |  |   const height = window.innerHeight | 
 |  |  |   // 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 | 
 |  |  |     // console.log('tableLayout========================') | 
 |  |  |     const height1 = getEleHeghtByClassName('table-search-form', 40, 16) | 
 |  |  |     const height3 = getEleHeghtByClassName('main-header', 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) | 
 |  |  |     // console.log('gableHeightNew', router.app.$store.state.tableHeightNew) | 
 |  |  |   const height4 = getEleHeghtByClassName('table-pagination', 0,16) | 
 |  |  |   const height1 = getEleHeghtByClassName('table-search-form', 40, 16) | 
 |  |  |   const height3 = getEleHeghtByClassName('main-header', 0) | 
 |  |  |   const height2 = getEleHeghtByClassName('toolbar', 0) | 
 |  |  |   const height5 = getEleHeghtByClassName('status-bar', 0) | 
 |  |  |   router.app.$store.commit('setTableHeightNew', height - height4 - height3 - height2 - height1 - height13 - height5) | 
 |  |  | } | 
 |  |  |  | 
 |  |  | function getEleHeghtByClassName (name, dv, margin) { |