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