From daa3d9edea915514e28c568b7288e6415f02fef4 Mon Sep 17 00:00:00 2001
From: 田源 <tianyuan@vci-tech.com>
Date: 星期二, 07 一月 2025 17:24:20 +0800
Subject: [PATCH] 页面按钮权限以及图标和样式
---
Source/plt-web/plt-web-ui/src/views/systemModel/systemMonitor/index.vue | 91 +++++++++++++++++++++++++++++++++------------
1 files changed, 66 insertions(+), 25 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 9fb216f..881f785 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,41 +1,90 @@
<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.currentOnlineUser" :readOnly="true"></el-input>
- <el-button plain type="primary" style="margin-left: 10px" @click="getOnlineUsersNum"> 鍒锋柊</el-button>
- </div>
- </el-form-item>
- </el-form>
+ <div style="display: flex;justify-content: space-between;align-items: center">
+ <h3>褰撳墠鍦ㄧ嚎浜哄憳淇℃伅</h3>
+ <el-button v-if="permissionList.referBtn" class="button-custom-icon" type="primary" size="small" plain style="margin-right: 10px" @click="getOnlinUsersHandler">
+ <icon-show :name="permissionList.referBtn.source"></icon-show>
+ 鍒锋柊
+ </el-button>
</div>
+ <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";
+import {mapGetters} from "vuex";
export default {
name: "index",
data() {
return {
- form: {
- currentOnlineUser: '0'
+ loading:false,
+ data:[],
+ option:{
+ ...basicOption,
+ refreshBtn:false,
+ addBtn:false,
+ menu:false,
+ column:[
+ {
+ label:'鐢ㄦ埛OID',
+ prop:'oid',
+ overHidden:true,
+ },
+ {
+ label:'鐢ㄦ埛璐﹀彿',
+ prop:'userId'
+ },
+ {
+ label:'鐢ㄦ埛濮撳悕',
+ prop:'userName'
+ },
+ {
+ label:'鏈哄櫒ip',
+ prop:'ip'
+ },
+ {
+ label:'鐧诲綍鏃堕棿',
+ prop:'loginTime'
+ },
+ {
+ label:'鏈�鍚庢搷浣滄椂闂�',
+ prop:'lastRequestTs'
+ }
+ ]
}
}
},
+ computed:{
+ ...mapGetters(["permission"]),
+ permissionList() {
+ return {
+ referBtn: this.vaildData(this.permission[this.$route.query.id].REFRESH, false),
+ };
+ },
+ },
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;
}
})
}
@@ -44,12 +93,4 @@
</script>
<style scoped>
-.container {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 500px;
- height: 500px;
- margin: auto;
-}
</style>
--
Gitblit v1.9.3