From f50e1f8f20d98a255044d938a7e98bfc0b18d1b0 Mon Sep 17 00:00:00 2001
From: 田源 <tianyuan@vci-tech.com>
Date: 星期五, 27 十二月 2024 16:51:46 +0800
Subject: [PATCH] 业务功能模块 管理功能模块更改菜单唯一标识以及样式 操作类型管理添加按钮图标功能 系统运行监控修改为当前在线人员信息图标
---
Source/plt-web/plt-web-ui/src/views/systemModel/systemMonitor/index.vue | 69 +++++++++++++++++++++++++++++-----
1 files changed, 58 insertions(+), 11 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 24f5dce..cbd859f 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
@@ -1,27 +1,74 @@
<template>
<basic-container>
- <div class="container">
- <el-form ref="form" :model="form" label-width="150px">
- <el-form-item label="褰撳墠鍦ㄧ嚎鐢ㄦ埛浜烘暟">
- <div style="display: flex;">
- <el-input v-model="form.name" :readOnly="true"></el-input>
- <el-button plain style="margin-left: 10px"> 鍒锋柊</el-button>
- </div>
- </el-form-item>
- </el-form>
+ <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>
</div>
+ <avue-crud :data="data" :option="option" ></avue-crud>
</basic-container>
</template>
<script>
+import {
+ getOnlineUsersNum
+} from "@/api/systemModel/systemConfig/api"
+import basicOption from '@/util/basic-option';
export default {
name: "index",
data() {
return {
- form: {
- name: '0'
+ data:[
+ {
+ id:'admin',
+ name:'admin',
+ ip:'1.0.0',
+ time:'2024-12-27',
+ lastTime:'2024-12-27'
+ }
+ ],
+ option:{
+ ...basicOption,
+ refreshBtn:false,
+ addBtn:false,
+ menu:false,
+ column:[
+ {
+ label:'璐﹀彿',
+ prop:'id'
+ },
+ {
+ label:'濮撳悕',
+ prop:'name'
+ },
+ {
+ label:'鏈哄櫒ip',
+ prop:'ip'
+ },
+ {
+ label:'鐧诲綍鏃堕棿',
+ prop:'time'
+ },
+ {
+ label:'鏈�鍚庢搷浣滄椂闂�',
+ prop:'lastTime'
+ }
+ ]
}
}
+ },
+ created() {
+ this.getOnlineUsersNum();
+ },
+ methods: {
+ // 宸︿晶鏍戞煡璇�
+ getOnlineUsersNum() {
+ getOnlineUsersNum().then(res => {
+ if (res.data.code === 200) {
+ const data = res.data.obj;
+ this.form.currentOnlineUser = data;
+ }
+ })
+ }
}
}
</script>
--
Gitblit v1.9.3