refactor: 重构显示total的逻辑

This commit is contained in:
dap 2025-01-10 15:41:55 +08:00
parent d00e37a619
commit ca7373cd63

View File

@ -4,6 +4,8 @@ import type { VbenFormProps } from '@vben/common-ui';
import type { VxeGridProps } from '#/adapter/vxe-table'; import type { VxeGridProps } from '#/adapter/vxe-table';
import type { OnlineUser } from '#/api/monitor/online/model'; import type { OnlineUser } from '#/api/monitor/online/model';
import { ref } from 'vue';
import { Page } from '@vben/common-ui'; import { Page } from '@vben/common-ui';
import { getVxePopupContainer } from '@vben/utils'; import { getVxePopupContainer } from '@vben/utils';
@ -25,6 +27,7 @@ const formOptions: VbenFormProps = {
wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4', wrapperClass: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4',
}; };
const onlineCount = ref(0);
const gridOptions: VxeGridProps = { const gridOptions: VxeGridProps = {
columns, columns,
height: 'auto', height: 'auto',
@ -34,10 +37,12 @@ const gridOptions: VxeGridProps = {
}, },
proxyConfig: { proxyConfig: {
ajax: { ajax: {
query: async (_, formValues) => { query: async (_, formValues = {}) => {
return await onlineList({ const resp = await onlineList({
...formValues, ...formValues,
}); });
onlineCount.value = resp.total;
return resp;
}, },
}, },
}, },
@ -58,10 +63,6 @@ async function handleForceOffline(row: OnlineUser) {
await forceLogout(row.tokenId); await forceLogout(row.tokenId);
await tableApi.query(); await tableApi.query();
} }
function onlineCount() {
return tableApi?.grid?.getData?.()?.length ?? 0;
}
</script> </script>
<template> <template>
@ -71,7 +72,7 @@ function onlineCount() {
<div class="mr-1 pl-1 text-[1rem]"> <div class="mr-1 pl-1 text-[1rem]">
<div> <div>
在线用户列表 ( 在线用户列表 (
<span class="text-primary font-bold">{{ onlineCount() }}</span> <span class="text-primary font-bold">{{ onlineCount }}</span>
人在线) 人在线)
</div> </div>
</div> </div>