Commit f67445e5692cb2ee5ca6703eee163347d1bf68ce
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 | 30 | const dataBoardList = ref<DataBoardRecord[]>([]); |
31 | 31 | //分页相关 |
32 | 32 | const page = ref(1); |
33 | - const pageSize = ref(36); | |
33 | + const pageSize = ref(10); | |
34 | 34 | const total = ref(0); |
35 | 35 | const paginationProp = ref({ |
36 | 36 | showSizeChanger: false, |
... | ... | @@ -46,9 +46,11 @@ |
46 | 46 | function pageChange(p, pz) { |
47 | 47 | page.value = p; |
48 | 48 | pageSize.value = pz; |
49 | + getDatasource(); | |
49 | 50 | } |
50 | 51 | function pageSizeChange(_current, size) { |
51 | 52 | pageSize.value = size; |
53 | + getDatasource(); | |
52 | 54 | } |
53 | 55 | |
54 | 56 | const createShareUrl = (boardId: string, tenantId: string, name: string) => { |
... | ... | @@ -147,9 +149,14 @@ |
147 | 149 | const listContainerHeight = |
148 | 150 | clientHeight - rect.top - paginationHeight - listContainerMarginBottom; |
149 | 151 | const listContainerEl = (unref(listEL).$el as HTMLElement).querySelector( |
150 | - '.ant-spin-nested-loading' | |
152 | + '.ant-spin-container' | |
151 | 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 | 162 | onMounted(() => { | ... | ... |