From 2ad9fabc48666b360ab49149fb411d8f1fb846b6 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Tue, 28 Nov 2023 10:51:36 +0800
Subject: [PATCH] add machine user info pane

---
 .../src/views/Cluster/MachineDetail/Index.vue |  5 ++-
 .../src/views/Cluster/MachineDetail/User.vue  | 32 +++++++++++++++++++
 2 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/views/Cluster/MachineDetail/User.vue

diff --git a/frontend/src/views/Cluster/MachineDetail/Index.vue b/frontend/src/views/Cluster/MachineDetail/Index.vue
index fcd467f..dda74ac 100644
--- a/frontend/src/views/Cluster/MachineDetail/Index.vue
+++ b/frontend/src/views/Cluster/MachineDetail/Index.vue
@@ -4,7 +4,9 @@
             <el-tab-pane name="base" label="机器信息">
                 <Base />
             </el-tab-pane>
-            <el-tab-pane name="user" label="用户信息"> 用户信息 </el-tab-pane>
+            <el-tab-pane name="user" label="用户信息">
+                <User />
+            </el-tab-pane>
             <el-tab-pane name="service" label="服务信息"> 服务信息 </el-tab-pane>
             <el-tab-pane name="network" label="网络配置"> 网络配置 </el-tab-pane>
             <el-tab-pane name="systl" label="内核参数"> 内核参数 </el-tab-pane>
@@ -18,6 +20,7 @@
 import { ref } from "vue";
 
 import Base from "./Base.vue";
+import User from "./User.vue";
 
 const activePane = ref("base")
 
diff --git a/frontend/src/views/Cluster/MachineDetail/User.vue b/frontend/src/views/Cluster/MachineDetail/User.vue
new file mode 100644
index 0000000..b4ce514
--- /dev/null
+++ b/frontend/src/views/Cluster/MachineDetail/User.vue
@@ -0,0 +1,32 @@
+<template>
+    <div class="content">
+        <div class="users">
+            <div class="current">
+                当前用户： currentUser
+            </div>
+            <div class="search">
+                <el-autocomplete style="width:50%" class="inline-input" v-model="userName"
+                    placeholder="请输入用户名"></el-autocomplete>
+                <el-button plain type="primary">搜索</el-button>
+            </div>
+        </div>
+        <div class="info">
+            <p class="title">用户信息详情：</p>
+            <el-descriptions :column="3" size="medium" border>
+                <el-descriptions-item label="用户名"> Username </el-descriptions-item>
+                <el-descriptions-item label="用户ID"> UserId </el-descriptions-item>
+                <el-descriptions-item label="用户组ID"> GroupId </el-descriptions-item>
+                <el-descriptions-item label="家目录"> HomeDir </el-descriptions-item>
+                <el-descriptions-item label="shell类型"> ShellType </el-descriptions-item>
+                <el-descriptions-item label="描述"> Description </el-descriptions-item>
+            </el-descriptions>
+        </div>
+    </div>
+</template>
+<script lang="ts" setup>
+import { ref } from "vue";
+
+const userName = ref("")
+
+</script>
+<style lang="scss" scoped></style>
\ No newline at end of file
-- 
Gitee