From bce5128f2b33735774e0777b00bca4ca4a61962a Mon Sep 17 00:00:00 2001 From: wangting <wangting@vci-tech.com> Date: 星期五, 27 十二月 2024 18:16:27 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- Source/plt-web/plt-web-ui/src/views/systemModel/systemMonitor/index.vue | 71 +++++++++++++++++++++++++++-------- 1 files changed, 54 insertions(+), 17 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..df30d90 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,78 @@ <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 type="primary" size="small" plain style="margin-right: 10px" @click="getOnlinUsersHandler">鍒锋柊</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"; 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' + } + ] } } }, 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; } }) } -- Gitblit v1.9.3