fix(admin): 调整在线用户列表展示

优化 OnlineUserList 列展示与交互细节。
This commit is contained in:
DaxPay Dev
2026-07-17 08:24:29 +08:00
parent 10f5909b79
commit be9c63ba85

View File

@@ -111,27 +111,6 @@
selectedRows.value = xTable.value?.getCheckboxRecords() || [];
}
/**
* 获取操作菜单配置
*/
function getActionMenu(row: any): MenuProps {
return {
items: [
// 强制下线
{
key: 'kickout',
label: $t('system.monitor.online-user.kickout'),
disabled: !hasPermission(PermCodes.Iam.Online.KICKOUT),
},
],
onClick: ({ key }: { key: string }) => {
if (key === 'kickout') {
handleKickout([row.sessionId]);
}
},
};
}
/**
* 获取批量操作菜单配置
*/
@@ -231,15 +210,18 @@
min-width="160"
formatter="formatDateTime"
/>
<!-- 操作 -->
<vxe-column fixed="right" width="100" :show-overflow="false" :title="$t('common.operation')">
<!-- 操作单按钮直接展示加宽以容纳多语言文案 -->
<vxe-column fixed="right" width="160" :show-overflow="false" :title="$t('common.operation')">
<template #default="{ row }">
<a-dropdown :menu="getActionMenu(row)">
<a href="javascript:">
{{ $t('common.more') }}
<IconifyIcon icon="ant-design:down-outlined" class="inline" />
</a>
</a-dropdown>
<a-button
v-if="hasPermission(PermCodes.Iam.Online.KICKOUT)"
type="link"
size="small"
danger
@click="handleKickout([row.sessionId])"
>
{{ $t('system.monitor.online-user.kickout') }}
</a-button>
</template>
</vxe-column>
</vxe-table>