diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue index 6e1e9a89e..658350f09 100644 --- a/frontend/src/views/container/container/index.vue +++ b/frontend/src/views/container/container/index.vue @@ -540,14 +540,15 @@ const portsDialogContainer = ref(''); const portFilter = ref(''); const showIPv6Ports = ref(true); const selects = ref([]); +const defaultSort = { prop: 'name', order: 'ascending' }; const paginationConfig = reactive({ cacheSizeKey: 'container-page-size', currentPage: 1, pageSize: Number(localStorage.getItem('container-page-size')) || 20, total: 0, state: 'all', - orderBy: 'name', - order: 'ascending', + orderBy: defaultSort.prop, + order: defaultSort.order, }); const searchName = ref(); useSearchReset({ search: searchName, page: toRef(paginationConfig, 'currentPage') }, { onRevisit: () => search() }); @@ -723,8 +724,10 @@ const search = async (column?: any) => { } localStorage.setItem('includeAppStore', includeAppStore.value ? 'true' : 'false'); let filterItem = (router.currentRoute.value.query?.filters as string) || ''; - paginationConfig.orderBy = column?.order ? column.prop : paginationConfig.orderBy; - paginationConfig.order = column?.order ? column.order : paginationConfig.order; + if (column) { + paginationConfig.orderBy = column.order ? column.prop : defaultSort.prop; + paginationConfig.order = column.order || defaultSort.order; + } let params = { name: searchName.value, state: paginationConfig.state || 'all',