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 |   78 +++++++++++++++++++++++++++++++++++++-
 1 files changed, 75 insertions(+), 3 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 54b19c1..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,13 +1,85 @@
 <template>
-
+  <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>
+    </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"
+  name: "index",
+  data() {
+    return {
+      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>
 
 <style scoped>
-
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 500px;
+  height: 500px;
+  margin: auto;
+}
 </style>

--
Gitblit v1.9.3