公司-所有的表格添加斑马纹

gaoluyang

2 天以前 fe631515b71782a10a750874f6d4582fe027cd22

 src/views/monitor/online/index.vue

@@ -28,6 +28,7 @@
         v-loading="loading"

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

         style="width: 100%;"

         stripe

      >

         <el-table-column label="序号" width="50" type="index" align="center">

            <template #default="scope">

@@ -58,52 +59,52 @@
</template>



<script setup name="Online">

import { forceLogout, list as initData } from "@/api/monitor/online";

import { forceLogout, list as initData } from "@/api/monitor/online"



const { proxy } = getCurrentInstance();

const { proxy } = getCurrentInstance()



const onlineList = ref([]);

const loading = ref(true);

const total = ref(0);

const pageNum = ref(1);

const pageSize = ref(10);

const onlineList = ref([])

const loading = ref(true)

const total = ref(0)

const pageNum = ref(1)

const pageSize = ref(10)



const queryParams = ref({

  ipaddr: undefined,

  userName: undefined

});

})



/** 查询登录日志列表 */

function getList() {

  loading.value = true;

  loading.value = true

  initData(queryParams.value).then(response => {

    onlineList.value = response.rows;

    total.value = response.total;

    loading.value = false;

  });

    onlineList.value = response.rows

    total.value = response.total

    loading.value = false

  })

}



/** 搜索按钮操作 */

function handleQuery() {

  pageNum.value = 1;

  getList();

  pageNum.value = 1

  getList()

}



/** 重置按钮操作 */

function resetQuery() {

  proxy.resetForm("queryRef");

  handleQuery();

  proxy.resetForm("queryRef")

  handleQuery()

}



/** 强退按钮操作 */

function handleForceLogout(row) {

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

  return forceLogout(row.tokenId);

  return forceLogout(row.tokenId)

  }).then(() => {

    getList();

    proxy.$modal.msgSuccess("删除成功");

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

    getList()

    proxy.$modal.msgSuccess("删除成功")

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

}



getList();

getList()

</script>