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

---
 .../src/views/Cluster/MachineDetail/Base.vue  | 26 +++++++++++++++++++
 .../src/views/Cluster/MachineDetail/Index.vue |  6 ++++-
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/views/Cluster/MachineDetail/Base.vue

diff --git a/frontend/src/views/Cluster/MachineDetail/Base.vue b/frontend/src/views/Cluster/MachineDetail/Base.vue
new file mode 100644
index 0000000..3400190
--- /dev/null
+++ b/frontend/src/views/Cluster/MachineDetail/Base.vue
@@ -0,0 +1,26 @@
+<template>
+    <div class="content">
+        <el-descriptions :column="2" size="medium" border>
+            <el-descriptions-item label="机器IP"> IP </el-descriptions-item>
+            <el-descriptions-item label="所属部门"> dept </el-descriptions-item>
+            <el-descriptions-item label="监控状态"> status </el-descriptions-item>
+            <el-descriptions-item label="系统版本"> macPlatform </el-descriptions-item>
+            <el-descriptions-item label="架构"> mackernel </el-descriptions-item>
+            <el-descriptions-item label="cpu"> macCPU </el-descriptions-item>
+            <el-descriptions-item label="内存"> macMEM </el-descriptions-item>
+            <el-descriptions-item label="内核版本"> osVersion </el-descriptions-item>
+            <!-- <el-descriptions-item :label="item.device" :span="2" v-for="item in diskData" :key="item.$index">
+                <span class="diskMount">{{ "挂载点：" + item.path + "(" + item.total + ")" }}</span>
+                <p class="progress">
+                    <span :style="{ width: item.used_percent }">{{ item.used_percent }}</span>
+                </p>
+            </el-descriptions-item> -->
+        </el-descriptions>
+    </div>
+</template>
+
+<script lang="ts" setup>
+
+</script>
+
+<style lang="scss"></style>
\ No newline at end of file
diff --git a/frontend/src/views/Cluster/MachineDetail/Index.vue b/frontend/src/views/Cluster/MachineDetail/Index.vue
index 2d1651f..fcd467f 100644
--- a/frontend/src/views/Cluster/MachineDetail/Index.vue
+++ b/frontend/src/views/Cluster/MachineDetail/Index.vue
@@ -1,7 +1,9 @@
 <template>
     <div class="content">
         <el-tabs v-model="activePane">
-            <el-tab-pane name="base" label="机器信息"> 机器信息 </el-tab-pane>
+            <el-tab-pane name="base" label="机器信息">
+                <Base />
+            </el-tab-pane>
             <el-tab-pane name="user" label="用户信息"> 用户信息 </el-tab-pane>
             <el-tab-pane name="service" label="服务信息"> 服务信息 </el-tab-pane>
             <el-tab-pane name="network" label="网络配置"> 网络配置 </el-tab-pane>
@@ -15,6 +17,8 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
+import Base from "./Base.vue";
+
 const activePane = ref("base")
 
 
-- 
Gitee