1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
| <template>
| <BasicTable @register="registerTable" :rowSelection="rowSelection">
| <template #action="{ record }">
| <TableAction :actions="getTableAction(record)" />
| </template>
| </BasicTable>
| </template>
|
| <script lang="ts" name="online-user" setup>
| import { BasicTable, TableAction } from '/@/components/Table';
| import { columns, searchFormSchema } from './OnlineUser.data';
| import { list, forceLogout } from './OnlineUser.api';
| import { useListPage } from '/@/hooks/system/useListPage';
| import { useMessage } from "/@/hooks/web/useMessage";
| // 列表页面公共参数、方法
| const { prefixCls, tableContext, onImportXls, onExportXls } = useListPage({
| designScope: 'online-user',
| tableProps: {
| title: '在线用户',
| api: list,
| columns: columns,
| formConfig: {
| schemas: searchFormSchema,
| },
| actionColumn: {
| width: 120,
| },
| rowSelection: null,
| },
| });
| const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
| const $message = useMessage();
|
| //操作栏
| function getTableAction(record) {
| return [
| {
| label: '强退',
| popConfirm: {
| title: '强制退出用户？',
| confirm: handleForce.bind(null, record),
| },
| },
| ];
| }
|
| /**
| * 强退
| * @param record
| */
| function handleForce(record) {
| forceLogout({ token: record.token }).then((res)=>{
| if(res.success){
| reload();
| $message.createMessage.success('强制退出用户”'+record.realname+'“成功！');
| }else{
| $message.createMessage.warn(res.message);
| }
| })
| }
| </script>
|
| <style scoped>
|
| </style>
|
|
