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