diff --git a/nezha-fronted/src/components/page/alert/config.vue b/nezha-fronted/src/components/page/alert/config.vue index 1e0cea251..dfbf64edf 100644 --- a/nezha-fronted/src/components/page/alert/config.vue +++ b/nezha-fronted/src/components/page/alert/config.vue @@ -72,7 +72,7 @@ - + - + - + - - + - +
+ +
@@ -275,6 +277,7 @@ v-show="subResizeShow" style="width: 100%; margin-top: 5px;"> @@ -1788,15 +1792,18 @@ this.selectedEndpoints=[]; this.showTableData = []; //移动分页组件的位置 - let pagination = document.querySelector(".pagination-top"); - if (pagination.classList.contains("pagination-top-show")) { - pagination.classList.remove("pagination-top-show"); + let paginationTop = document.querySelector(".pagination-top"); + let paginationBottom = document.querySelector(".pagination-bottom"); + paginationTop.classList.remove("display-none"); + if (paginationTop.classList.contains("pagination-top-show")) { + paginationTop.classList.remove("pagination-top-show"); } - if (!pagination.classList.contains("pagination-top-hide")) { - pagination.classList.add("pagination-top-hide"); + if (!paginationTop.classList.contains("pagination-top-hide")) { + paginationTop.classList.add("pagination-top-hide"); } setTimeout(() => { - pagination.classList.add("display-none"); + paginationTop.classList.add("display-none"); + paginationBottom.appendChild(paginationTop.removeChild(document.querySelector(".pagination"))); }, 210); this.showTopBtn1 = false; @@ -1808,14 +1815,15 @@ } else if (n == 3) { this.mainTableHeight = this.$tableHeight.openSubList.mainList; //重置table高度 //移动分页组件的位置 - let pagination = document.querySelector(".pagination-top"); - pagination.classList.remove("display-none"); + let paginationTop = document.querySelector(".pagination-top"); + paginationTop.appendChild(document.querySelector(".pagination-bottom").removeChild(document.querySelector(".pagination"))); + paginationTop.classList.remove("display-none"); setTimeout(() => { - if (pagination.classList.contains("pagination-top-hide")) { - pagination.classList.remove("pagination-top-hide"); + if (paginationTop.classList.contains("pagination-top-hide")) { + paginationTop.classList.remove("pagination-top-hide"); } - if (!pagination.classList.contains("pagination-top-show")) { - pagination.classList.add("pagination-top-show"); + if (!paginationTop.classList.contains("pagination-top-show")) { + paginationTop.classList.add("pagination-top-show"); } }, 210); }