diff --git a/frontend/src/views/Cluster/MachineDetail/Base.vue b/frontend/src/views/Cluster/MachineDetail/Base.vue
new file mode 100644
index 0000000000000000000000000000000000000000..34001905c5a53f3e4c4f5283b19d91bc95a61974
--- /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 2d1651fde018921efcb815618cd7875757cae413..fcd467f19421822449a19f985731aa2505da633a 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")