代码提交

src/views/pqs/auditManage/onlineUsers/index.vue

@@ -0,0 +1,55 @@
+<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>