From 354cad3d3ab22ba147169beb6a0f6f51b9bab3a8 Mon Sep 17 00:00:00 2001 From: wangting <wangting@vci-tech.com> Date: 星期三, 08 一月 2025 09:07:22 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/plt-web/plt-web-ui/src/views/systemModel/systemMonitor/index.vue | 96 ++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 77 insertions(+), 19 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..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,38 +1,96 @@ <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 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 { + 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: { - name: '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.getOnlinUsersHandler(); + }, + methods: { + // 宸︿晶鏍戞煡璇� + getOnlinUsersHandler() { + this.loading = true; + getOnlinUsers().then(res => { + if (res.data.code === 200) { + 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; + } + }) } } } </script> <style scoped> -.container { - display: flex; - justify-content: center; - align-items: center; - width: 500px; - height: 500px; - margin: auto; -} </style> -- Gitblit v1.9.3