From a63543a5c793c8954fa2f9da0ee4fb215c62d8c2 Mon Sep 17 00:00:00 2001
From: 疯狂的狮子Li <15040126243@163.com>
Date: 星期一, 20 五月 2024 10:26:46 +0800
Subject: [PATCH] !118 ♥️发布 5.2.0-BETA 公测版本 Merge pull request !118 from 疯狂的狮子Li/dev
---
src/views/system/user/profile/onlineDevice.vue | 59 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 59 insertions(+), 0 deletions(-)
diff --git a/src/views/system/user/profile/onlineDevice.vue b/src/views/system/user/profile/onlineDevice.vue
new file mode 100644
index 0000000..8da96f6
--- /dev/null
+++ b/src/views/system/user/profile/onlineDevice.vue
@@ -0,0 +1,59 @@
+<template>
+ <div>
+ <el-table :data="devices" style="width: 100%; height: 100%; font-size: 14px">
+ <el-table-column label="璁惧绫诲瀷" align="center">
+ <template #default="scope">
+ <dict-tag :options="sys_device_type" :value="scope.row.deviceType" />
+ </template>
+ </el-table-column>
+ <el-table-column label="涓绘満" align="center" prop="ipaddr" :show-overflow-tooltip="true" />
+ <el-table-column label="鐧诲綍鍦扮偣" align="center" prop="loginLocation" :show-overflow-tooltip="true" />
+ <el-table-column label="鎿嶄綔绯荤粺" align="center" prop="os" :show-overflow-tooltip="true" />
+ <el-table-column label="娴忚鍣�" align="center" prop="browser" :show-overflow-tooltip="true" />
+ <el-table-column label="鐧诲綍鏃堕棿" align="center" prop="loginTime" width="180">
+ <template #default="scope">
+ <span>{{ parseTime(scope.row.loginTime) }}</span>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+ <template #default="scope">
+ <el-tooltip content="鍒犻櫎" placement="top">
+ <el-button link type="primary" icon="Delete" @click="handldDelOnline(scope.row)">
+ </el-button>
+ </el-tooltip>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+</template>
+
+<script name="Online" lang="ts" setup>
+import { delOnline } from '@/api/monitor/online';
+import { propTypes } from '@/utils/propTypes';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { sys_device_type } = toRefs<any>(proxy?.useDict('sys_device_type'));
+
+const props = defineProps({
+ devices: propTypes.any.isRequired
+});
+const devices = computed(() => props.devices);
+
+/** 鍒犻櫎鎸夐挳鎿嶄綔 */
+const handldDelOnline = (row: any) => {
+ ElMessageBox.confirm('鍒犻櫎璁惧鍚庯紝鍦ㄨ璁惧鐧诲綍闇�瑕侀噸鏂拌繘琛岄獙璇�')
+ .then(() => {
+ return delOnline(row.tokenId);
+ })
+ .then((res: any) => {
+ if (res.code === 200) {
+ proxy?.$modal.msgSuccess('鍒犻櫎鎴愬姛');
+ proxy?.$tab.refreshPage();
+ } else {
+ proxy?.$modal.msgError(res.msg);
+ }
+ })
+ .catch(() => {});
+};
+
+</script>
--
Gitblit v1.9.3