gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-31 22:18:07 +08:00
Code

fix: 修改表格分页偶发的数据丢失问题 (#1911)

Browse Source 
Refs #1834
This commit is contained in:
ssongliu 2023-08-10 22:36:13 +08:00 committed by GitHub
parent 8dca519068
commit b4033471e7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/components/complex-table/index.vue
View File

@ -3,23 +3,6 @@
<div class="complex-table__header" v-if="$slots.header || header"> <div class="complex-table__header" v-if="$slots.header || header">
<slot name="header">{{ header }}</slot> <slot name="header">{{ header }}</slot>
</div> </div>
<div v-if="$slots.toolbar && !searchConfig" style="margin-bottom: 10px">
<slot name="toolbar"></slot>
</div>
<template v-if="searchConfig">
<fu-filter-bar v-bind="searchConfig" @exec="search">
<template #tl>
<slot name="toolbar"></slot>
</template>
<template #default>
<slot name="complex"></slot>
</template>
<template #buttons>
<slot name="buttons"></slot>
</template>
</fu-filter-bar>
</template>
<div class="complex-table__body"> <div class="complex-table__body">
<fu-table v-bind="$attrs" ref="tableRef" @selection-change="handleSelectionChange"> <fu-table v-bind="$attrs" ref="tableRef" @selection-change="handleSelectionChange">
@ -30,13 +13,14 @@
</fu-table> </fu-table>
</div> </div>
<div class="complex-table__pagination" v-if="$slots.pagination || paginationConfig"> <div class="complex-table__pagination" v-if="props.paginationConfig">
<slot name="pagination"> <slot name="pagination">
<fu-table-pagination <fu-table-pagination
v-model:current-page="paginationConfig.currentPage" v-model:current-page="paginationConfig.currentPage"
v-model:page-size="paginationConfig.pageSize" v-model:page-size="paginationConfig.pageSize"
v-bind="paginationConfig" :total="paginationConfig.total"
@change="search" @size-change="sizeChange"
@current-change="currentChange"
:small="mobile" :small="mobile"
:layout="mobile ? 'total, prev, pager, next' : 'total, sizes, prev, pager, next, jumper'" :layout="mobile ? 'total, prev, pager, next' : 'total, sizes, prev, pager, next, jumper'"
/> />
@ -49,15 +33,15 @@ import { ref, computed } from 'vue';
import { GlobalStore } from '@/store'; import { GlobalStore } from '@/store';
defineOptions({ name: 'ComplexTable' }); defineOptions({ name: 'ComplexTable' });
defineProps({ const props = defineProps({
header: String, header: String,
searchConfig: Object,
paginationConfig: { paginationConfig: {
type: Object, type: Object,
required: false,
default: () => {}, default: () => {},
}, },
}); });
const emit = defineEmits(['search', 'update:selects']); const emit = defineEmits(['search', 'update:selects', 'update:paginationConfig']);
const globalStore = GlobalStore(); const globalStore = GlobalStore();
@ -65,13 +49,15 @@ const mobile = computed(() => {
return globalStore.isMobile(); return globalStore.isMobile();
}); });
const condition = ref({});
const tableRef = ref(); const tableRef = ref();
function search(conditions: any, e: any) {
if (conditions) { function currentChange() {
condition.value = conditions; emit('search');
} }
emit('search', condition.value, e);
function sizeChange() {
props.paginationConfig.currentPage = 1;
emit('search');
} }
function handleSelectionChange(row: any) { function handleSelectionChange(row: any) {