1

src/views/monitor/online/index.vue

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