添加终端信息查看

src/views/system/vpn-server-online-user.vue

@@ -54,12 +54,9 @@
                         <el-table-column prop="id" label="密钥ID" width="120" />
                         <el-table-column prop="user_name" label="用户名" width="120" />
                         <el-table-column prop="private_ipv4" label="内网IPv4" width="140" />
-                        <el-table-column prop="private_ipv6" label="内网IPv6" width="180">
-                            <template #default="scope">
-                                {{ scope.row.private_ipv6 || '-' }}
-                            </template>
-                        </el-table-column>
                         <el-table-column prop="uuid" label="会话ID" min-width="200" show-overflow-tooltip />
+                        <el-table-column prop="host_info.hostname" label="主机名" min-width="200" show-overflow-tooltip />
+                        <el-table-column prop="host_info.os" label="操作系统" min-width="200" show-overflow-tooltip />
                         <el-table-column prop="last_update_time" label="最后更新时间" width="180">
                             <template #default="scope">
                                 {{ formatTime(scope.row.last_update_time) }}
@@ -67,6 +64,7 @@
                         </el-table-column>
                         <el-table-column prop="last_update_time" label="操作" width="180" #default="scope">
                             <el-button type="primary" @click="KickOutSomeUser(scope.row)">踢出</el-button>
+                            <el-button type="primary" @click="showHostInfo(scope.row)">主机信息</el-button>
                         </el-table-column>
                     </el-table>
 
@@ -79,6 +77,47 @@
             </el-col>
         </el-row>
     </div>
+    <!-- 主机信息弹窗 -->
+    <el-dialog title="主机信息" :visible.sync="show_host_info" width="50%">
+        <template #footer>
+            <el-button type="primary" @click="show_host_info = false">确定</el-button>
+        </template>
+        <el-form :model="hostInfo" :rules="rules" ref="hostInfoForm" label-width="120px">
+            <el-form-item label="主机名" prop="hostname">
+                <el-input v-model="hostInfo.hostname" placeholder="请输入主机名" />
+            </el-form-item>
+        </el-form>
+        <el-form-item label="操作系统" prop="os">
+            <el-input v-model="hostInfo.os" placeholder="请输入操作系统" />
+        </el-form-item>
+        <el-form-item label="平台" prop="platform">
+            <el-input v-model="hostInfo.platform" placeholder="请输入平台" />
+        </el-form-item>
+        <el-form-item label="平台家族" prop="platformFamily">
+            <el-input v-model="hostInfo.platformFamily" placeholder="请输入平台家族" />
+        </el-form-item>
+        <el-form-item label="平台版本" prop="platformVersion">
+            <el-input v-model="hostInfo.platformVersion" placeholder="请输入平台版本" />
+        </el-form-item>
+        <el-form-item label="内核版本" prop="kernelVersion">
+            <el-input v-model="hostInfo.kernelVersion" placeholder="请输入内核版本" />
+        </el-form-item>
+        <el-form-item label="内核架构" prop="kernelArch">
+            <el-input v-model="hostInfo.kernelArch" placeholder="请输入内核架构" />
+        </el-form-item>
+        <el-form-item label="虚拟化系统" prop="virtualizationSystem">
+            <el-input v-model="hostInfo.virtualizationSystem" placeholder="请输入虚拟化系统" />
+        </el-form-item>
+        <el-form-item label="虚拟化角色" prop="virtualizationRole">
+            <el-input v-model="hostInfo.virtualizationRole" placeholder="请输入虚拟化角色" />
+        </el-form-item>
+        <el-form-item label="主机ID" prop="hostId">
+            <el-input v-model="hostInfo.hostId" placeholder="请输入主机ID" />
+        </el-form-item>
+        <el-form-item label="客户端版本" prop="client_version">
+            <el-input v-model="hostInfo.client_version" placeholder="请输入客户端版本" />
+        </el-form-item>
+    </el-dialog>
 </template>
 
 <script setup lang="ts">
@@ -121,6 +160,24 @@ interface OnlineUserInfo {
     vpn_dp_secret: string;
     uuid: string;
     last_update_time: number;
+    host_info: HostInfo;
+}
+
+interface HostInfo {
+  hostname: string;
+  uptime: number;
+  bootTime: number;
+  procs: number;
+  os: string;
+  platform: string;
+  platformFamily: string;
+  platformVersion: string;
+  kernelVersion: string;
+  kernelArch: string;
+  virtualizationSystem: string;
+  virtualizationRole: string;
+  hostId: string;
+  client_version: string;
 }
 
 const serverList = ref<ServerConfig[]>([]);
@@ -128,6 +185,7 @@ const selectedServer = ref<ServerConfig | null>(null);
 const onlineUsers = ref<OnlineUserInfo[]>([]);
 const onlineServers = ref<string[]>([]);
 const loading = ref(false);
+const show_host_info = ref(false);
 let timer: number | null = null;
 let timer2: number | null = null;
 
@@ -142,6 +200,10 @@ const getServerConfigs = async () => {
     }
 };
 
+const showHostInfo = (user:OnlineUserInfo) =>{
+    show_host_info.value = true;
+}
+
 const KickOutAllOnlineUser = async() =>{
     let req = {
         server_id: selectedServer.value.server_id,
@@ -326,7 +388,7 @@ onUnmounted(() => {
 }
 
 .server-list {
-    max-height: 600px;
+    max-height: 400px;
     overflow-y: auto;
 }