Commit f67445e5692cb2ee5ca6703eee163347d1bf68ce

Authored by ww
1 parent d7cb02da

fix: data board list page add scroll bar

Showing 1 changed file with 10 additions and 3 deletions
@@ -30,7 +30,7 @@ @@ -30,7 +30,7 @@
30 const dataBoardList = ref<DataBoardRecord[]>([]); 30 const dataBoardList = ref<DataBoardRecord[]>([]);
31 //分页相关 31 //分页相关
32 const page = ref(1); 32 const page = ref(1);
33 - const pageSize = ref(36); 33 + const pageSize = ref(10);
34 const total = ref(0); 34 const total = ref(0);
35 const paginationProp = ref({ 35 const paginationProp = ref({
36 showSizeChanger: false, 36 showSizeChanger: false,
@@ -46,9 +46,11 @@ @@ -46,9 +46,11 @@
46 function pageChange(p, pz) { 46 function pageChange(p, pz) {
47 page.value = p; 47 page.value = p;
48 pageSize.value = pz; 48 pageSize.value = pz;
  49 + getDatasource();
49 } 50 }
50 function pageSizeChange(_current, size) { 51 function pageSizeChange(_current, size) {
51 pageSize.value = size; 52 pageSize.value = size;
  53 + getDatasource();
52 } 54 }
53 55
54 const createShareUrl = (boardId: string, tenantId: string, name: string) => { 56 const createShareUrl = (boardId: string, tenantId: string, name: string) => {
@@ -147,9 +149,14 @@ @@ -147,9 +149,14 @@
147 const listContainerHeight = 149 const listContainerHeight =
148 clientHeight - rect.top - paginationHeight - listContainerMarginBottom; 150 clientHeight - rect.top - paginationHeight - listContainerMarginBottom;
149 const listContainerEl = (unref(listEL).$el as HTMLElement).querySelector( 151 const listContainerEl = (unref(listEL).$el as HTMLElement).querySelector(
150 - '.ant-spin-nested-loading' 152 + '.ant-spin-container'
151 ) as HTMLElement; 153 ) as HTMLElement;
152 - listContainerEl && (listContainerEl.style.minHeight = listContainerHeight + 'px'); 154 + listContainerEl &&
  155 + // (listContainerEl.style.minHeight = listContainerHeight + 'px') &&
  156 + // (listContainerEl.style.maxHeight = listContainerHeight + 'px') &&
  157 + (listContainerEl.style.height = listContainerHeight + 'px') &&
  158 + (listContainerEl.style.overflowY = 'auto') &&
  159 + (listContainerEl.style.overflowX = 'hidden');
153 }; 160 };
154 161
155 onMounted(() => { 162 onMounted(() => {