Commit b099d236 authored by nick zheng's avatar nick zheng

chore: 优化应用列表展示

parent 19dfcd47
<script setup lang="ts"> <script setup lang="ts">
import { onMounted, ref } from 'vue' import { computed, onMounted, ref } from 'vue'
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import CustomIcon from '@/components/custom-icon/custom-icon.vue' import CustomIcon from '@/components/custom-icon/custom-icon.vue'
import CustomPagination, { PaginationInfo } from '@/components/custom-pagination/custom-pagination.vue' import CustomPagination, { PaginationInfo } from '@/components/custom-pagination/custom-pagination.vue'
...@@ -32,6 +32,10 @@ const agentAppList = ref<PersonalAppConfigState[]>([]) ...@@ -32,6 +32,10 @@ const agentAppList = ref<PersonalAppConfigState[]>([])
const agentSearchInputValue = ref('') const agentSearchInputValue = ref('')
const agentAppListTableLoading = ref(false) const agentAppListTableLoading = ref(false)
const isLoadingPagination = computed(() => {
return tableContentY.value > 0
})
onMounted(async () => { onMounted(async () => {
await handleGetApplicationList() await handleGetApplicationList()
}) })
...@@ -196,7 +200,7 @@ async function handleGetApplicationListUpdatePageSize(pageSize: number) { ...@@ -196,7 +200,7 @@ async function handleGetApplicationListUpdatePageSize(pageSize: number) {
</NDataTable> </NDataTable>
</div> </div>
<footer class="flex justify-end"> <footer v-show="isLoadingPagination" class="flex justify-end">
<CustomPagination <CustomPagination
:paging-info="pagingInfo" :paging-info="pagingInfo"
@update-page-no="handleGetApplicationListUpdatePageNo" @update-page-no="handleGetApplicationListUpdatePageNo"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment