1

src/views/monitor/online/index.vue

@@ -19,12 +19,12 @@
     </el-form>
     <el-table
       v-loading="loading"
-      :data="onlineList"
+      :data="onlineList.slice((pageNum - 1) * pageSize, pageNum * pageSize)"
       style="width: 100%"
     >
-      <el-table-column label="序号" width="50" type="index" align="center">
+      <el-table-column label="序号" width="100" type="index" align="center">
         <template #default="scope">
-          <span>{{ scope.$index + 1 }}</span>
+          <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
         </template>
       </el-table-column>
       <el-table-column
@@ -94,9 +94,8 @@
     <pagination
       v-show="total > 0"
       :total="total"
-      v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
+      v-model:page="pageNum"
+      v-model:limit="pageSize"
     />
   </div>
 </template>
@@ -109,11 +108,12 @@ const { proxy } = getCurrentInstance();
 const onlineList = ref([]);
 const loading = ref(true);
 const total = ref(0);
+const pageNum = ref(1);
+const pageSize = ref(10);
 
 const queryParams = ref({
+  ip: undefined,
   username: undefined,
-  pageNum: 1,
-  pageSize: 10
 });
 
 /** 查询登录日志列表 */