OnlineUserManager.vue
2.04 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<template>
<el-container class="fullheight">
<ht-table
@load="loadData"
:data="data"
:pageResult="pageResult"
:selectable="false"
:show-custom-column="false"
:show-export="false"
ref="htTable"
>
<template>
<ht-table-column type="index" width="50" align="center" label="序号" />
<ht-table-column prop="account" label="账号" />
<ht-table-column prop="loginType" label="设备类型" width="120">
<template v-slot="{row}">
<el-tag v-if="row.loginType == 'pc'">电脑端</el-tag>
<el-tag type="success" v-else>移动端</el-tag>
</template>
</ht-table-column>
<ht-table-column prop="tenantId" label="租户ID" />
<ht-table-column width="150" label="操作">
<template v-slot="{row}">
<el-popconfirm
title="确定踢出该用户吗？"
@onConfirm="kickOff(row)"
@confirm="kickOff(row)"
>
<el-button type="text" slot="reference">踢出用户</el-button>
</el-popconfirm>
</template>
</ht-table-column>
</template>
</ht-table>
</el-container>
</template>
<script>
import uc from '@/api/uc.js'
export default {
data() {
return {
data: [],
pageResult: {},
}
},
mounted() {},
methods: {
loadData(param, cb) {
uc.getOnlineUsers(param)
.then((response) => {
this.data = response.rows
this.pageResult = {
page: response.page,
pageSize: response.pageSize,
total: response.total,
}
})
.finally(() => cb())
},
kickOff(row) {
uc.kickOffOnlineUser(row).then((rep) => {
if (rep.state) {
this.$message.success('操作成功')
} else {
this.$message.error('操作失败')
}
this.loadData()
})
},
},
}
</script>
<style lang="scss" scoped>
</style>