修复分页组件请求两次问题(I4SQOR)

RuoYi

2022-02-17 d734bfc34f65b6cd036b5f21b718294152fecacf

 ruoyi-ui/src/views/monitor/online/index.vue

@@ -1,7 +1,7 @@
<template>

  <div class="app-container">

    <el-form :inline="true">

      <el-form-item label="登录地址">

    <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">

      <el-form-item label="登录地址" prop="ipaddr">

        <el-input

          v-model="queryParams.ipaddr"

          placeholder="请输入登录地址"

@@ -10,7 +10,7 @@
          @keyup.enter.native="handleQuery"

        />

      </el-form-item>

      <el-form-item label="用户名称">

      <el-form-item label="用户名称" prop="userName">

        <el-input

          v-model="queryParams.userName"

          placeholder="请输入用户名称"

@@ -21,9 +21,10 @@
      </el-form-item>

      <el-form-item>

        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>

        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>

      </el-form-item>

    </el-form>



    </el-form>

    <el-table

      v-loading="loading"

      :data="list.slice((pageNum-1)*pageSize,pageNum*pageSize)"

@@ -38,7 +39,7 @@
      <el-table-column label="登录名称" align="center" prop="userName" :show-overflow-tooltip="true" />

      <el-table-column label="部门名称" align="center" prop="deptName" />

      <el-table-column label="主机" align="center" prop="ipaddr" :show-overflow-tooltip="true" />

      <el-table-column label="登录地点" align="center" prop="loginLocation" />

      <el-table-column label="登录地点" align="center" prop="loginLocation" :show-overflow-tooltip="true" />

      <el-table-column label="浏览器" align="center" prop="browser" />

      <el-table-column label="操作系统" align="center" prop="os" />

      <el-table-column label="登录时间" align="center" prop="loginTime" width="180">

@@ -67,6 +68,7 @@
import { list, forceLogout } from "@/api/monitor/online";



export default {

  name: "Online",

  data() {

    return {

      // 遮罩层

@@ -102,18 +104,19 @@
      this.pageNum = 1;

      this.getList();

    },

    /** 重置按钮操作 */

    resetQuery() {

      this.resetForm("queryForm");

      this.handleQuery();

    },

    /** 强退按钮操作 */

    handleForceLogout(row) {

      this.$confirm('是否确认强退名称为"' + row.userName + '"的数据项?', "警告", {

          confirmButtonText: "确定",

          cancelButtonText: "取消",

          type: "warning"

        }).then(function() {

          return forceLogout(row.tokenId);

        }).then(() => {

          this.getList();

          this.msgSuccess("强退成功");

        }).catch(function() {});

      this.$modal.confirm('是否确认强退名称为"' + row.userName + '"的用户？').then(function() {

        return forceLogout(row.tokenId);

      }).then(() => {

        this.getList();

        this.$modal.msgSuccess("强退成功");

      }).catch(() => {});

    }

  }

};