56 lines
1.6 KiB
Vue
56 lines
1.6 KiB
Vue
|
<template>
|
||
|
|
<div class="default-main">
|
||
|
|
<TableHeader select :showReset="false" ref="TableHeaderRef"></TableHeader>
|
||
|
|
<Table ref="tableRef" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { ref, onMounted, provide, nextTick } from 'vue'
|
||
|
|
import TableStore from '@/utils/tableStore'
|
||
|
|
import Table from '@/components/table/index.vue'
|
||
|
|
import TableHeader from '@/components/table/header/index.vue'
|
||
|
|
defineOptions({
|
||
|
|
name: 'BusinessAdministrator/Audit/Operations/onlineUsers'
|
||
|
|
})
|
||
|
|
|
||
|
|
const formTabRef = ref()
|
||
|
|
const TableHeaderRef = ref()
|
||
|
|
const show = ref(false)
|
||
|
|
const tableStore: any = new TableStore({
|
||
|
|
url: '/system-boot/audit/getOnlineUsers',
|
||
|
|
method: 'POST',
|
||
|
|
column: [
|
||
|
|
// {
|
||
|
|
// field: 'index',
|
||
|
|
// title: '序号',
|
||
|
|
// width: '80',
|
||
|
|
// formatter: (row: any) => {
|
||
|
|
// return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
|
||
|
|
// }
|
||
|
|
// },
|
||
|
|
{ field: 'name', title: '昵称' },
|
||
|
|
{ field: 'loginName', title: '登录名' },
|
||
|
|
{
|
||
|
|
field: 'phone',
|
||
|
|
title: '手机号',
|
||
|
|
formatter(row: any) {
|
||
|
|
return row.phone ? row.phone : '/'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{ field: 'time', title: '登录过期时间' },
|
||
|
|
{
|
||
|
|
field: 'status',
|
||
|
|
title: '状态',
|
||
|
|
formatter(row: any) {
|
||
|
|
return row.status ? row.status : '在线'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
]
|
||
|
|
})
|
||
|
|
|
||
|
|
provide('tableStore', tableStore)
|
||
|
|
onMounted(() => {
|
||
|
|
tableStore.index()
|
||
|
|
})
|
||
|
|
</script>
|