From 960bdbc77b153b97d8e49c8eaf88497353204307 Mon Sep 17 00:00:00 2001
From: 田源 <tianyuan@vci-tech.com>
Date: 星期五, 27 十二月 2024 17:57:03 +0800
Subject: [PATCH] 系统运行监控调试接口以页面处理
---
Source/plt-web/plt-web-ui/src/views/systemModel/systemMonitor/index.vue | 53 ++++++++++++++++++++++++++++++-----------------------
1 files changed, 30 insertions(+), 23 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/views/systemModel/systemMonitor/index.vue b/Source/plt-web/plt-web-ui/src/views/systemModel/systemMonitor/index.vue
index cbd859f..df30d90 100644
--- a/Source/plt-web/plt-web-ui/src/views/systemModel/systemMonitor/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/systemModel/systemMonitor/index.vue
@@ -2,30 +2,24 @@
<basic-container>
<div style="display: flex;justify-content: space-between;align-items: center">
<h3>褰撳墠鍦ㄧ嚎浜哄憳淇℃伅</h3>
- <el-button type="primary" size="small" plain style="margin-right: 10px">鍒锋柊</el-button>
+ <el-button type="primary" size="small" plain style="margin-right: 10px" @click="getOnlinUsersHandler">鍒锋柊</el-button>
</div>
- <avue-crud :data="data" :option="option" ></avue-crud>
+ <avue-crud :data="data" :option="option" :table-loading="loading" ></avue-crud>
</basic-container>
</template>
<script>
import {
- getOnlineUsersNum
+ getOnlinUsers
} from "@/api/systemModel/systemConfig/api"
import basicOption from '@/util/basic-option';
+import func from "@/util/func";
export default {
name: "index",
data() {
return {
- data:[
- {
- id:'admin',
- name:'admin',
- ip:'1.0.0',
- time:'2024-12-27',
- lastTime:'2024-12-27'
- }
- ],
+ loading:false,
+ data:[],
option:{
...basicOption,
refreshBtn:false,
@@ -33,12 +27,17 @@
menu:false,
column:[
{
- label:'璐﹀彿',
- prop:'id'
+ label:'鐢ㄦ埛OID',
+ prop:'oid',
+ overHidden:true,
},
{
- label:'濮撳悕',
- prop:'name'
+ label:'鐢ㄦ埛璐﹀彿',
+ prop:'userId'
+ },
+ {
+ label:'鐢ㄦ埛濮撳悕',
+ prop:'userName'
},
{
label:'鏈哄櫒ip',
@@ -46,26 +45,34 @@
},
{
label:'鐧诲綍鏃堕棿',
- prop:'time'
+ prop:'loginTime'
},
{
label:'鏈�鍚庢搷浣滄椂闂�',
- prop:'lastTime'
+ prop:'lastRequestTs'
}
]
}
}
},
created() {
- this.getOnlineUsersNum();
+ this.getOnlinUsersHandler();
},
methods: {
// 宸︿晶鏍戞煡璇�
- getOnlineUsersNum() {
- getOnlineUsersNum().then(res => {
+ getOnlinUsersHandler() {
+ this.loading = true;
+ getOnlinUsers().then(res => {
if (res.data.code === 200) {
- const data = res.data.obj;
- this.form.currentOnlineUser = data;
+ const data = res.data.data;
+ this.data = data.map(item => {
+ return{
+ ...item,
+ loginTime:func.formattedDate(item.loginTime),
+ lastRequestTs:func.formattedDate(item.lastRequestTs),
+ }
+ })
+ this.loading = false;
}
})
}
--
Gitblit v1.9.3