diff --git a/frontend/src/views/Cluster/MachineDetail/Index.vue b/frontend/src/views/Cluster/MachineDetail/Index.vue
index 5b5549bf8c020c254d58419e560b729e955d829c..096212523b4a8b0d6793fe41a9a2225ededdb44c 100644
--- a/frontend/src/views/Cluster/MachineDetail/Index.vue
+++ b/frontend/src/views/Cluster/MachineDetail/Index.vue
@@ -16,8 +16,12 @@
             <el-tab-pane name="systl" label="内核参数">
                 <Sysctl />
             </el-tab-pane>
-            <el-tab-pane name="npm" label="软件包"> <Package /> </el-tab-pane>
-            <el-tab-pane name="terminal" label="远程终端"> 远程终端 </el-tab-pane>
+            <el-tab-pane name="npm" label="软件包">
+                <Package />
+            </el-tab-pane>
+            <el-tab-pane name="terminal" label="远程终端">
+                <Terminal />
+            </el-tab-pane>
         </el-tabs>
     </div>
 </template>
@@ -31,6 +35,7 @@ import Service from "./Service.vue";
 import Network from "./Network.vue";
 import Sysctl from "./Sysctl.vue";
 import Package from "./Package.vue";
+import Terminal from "./Terminal.vue";
 
 const activePane = ref("base")
 
diff --git a/frontend/src/views/Cluster/MachineDetail/Terminal.vue b/frontend/src/views/Cluster/MachineDetail/Terminal.vue
new file mode 100644
index 0000000000000000000000000000000000000000..24763655753743efdceea71dc61bb8b2ddb6fcd1
--- /dev/null
+++ b/frontend/src/views/Cluster/MachineDetail/Terminal.vue
@@ -0,0 +1,43 @@
+<template>
+    <div class="content">
+        <div class="form">
+            <el-form v-if="!showTerm" :model="ruleForm" status-icon ref="ruleForm" label-width="100px" class="demo-ruleForm"
+                label-position="left">
+
+                <el-form-item label="ip地址" prop="ipaddress">
+                    <el-input clearable type="text" v-model="ruleForm.ipaddress"></el-input>
+                </el-form-item>
+                <el-form-item label="用户名" prop="username">
+                    <el-input clearable type="text" v-model="ruleForm.username"></el-input>
+                </el-form-item>
+                <el-form-item label="密码" prop="pass">
+                    <el-input clearable type="password" v-model="ruleForm.pass" autocomplete="off"></el-input>
+                </el-form-item>
+                <el-form-item label="端口" prop="port">
+                    <el-input clearable v-model.number="ruleForm.port"></el-input>
+                </el-form-item>
+                <el-form-item style="text-align: center;">
+                    <el-button type="primary" plain>连接</el-button>
+                    <el-button>重置</el-button>
+                </el-form-item>
+            </el-form>
+        </div>
+        <div class="term" v-if="showTerm">
+            <div class="term_head">
+                <span class="termTitle">终端调试</span>
+                <span class="closeChart">✕</span>
+            </div>
+            <!-- <ky-terminal :msg="msg" :handleClose="handleClose"></ky-terminal> -->
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from "vue";
+
+const showTerm = ref(false)
+const ruleForm = ref<any>({})
+
+</script>
+
+<style lang="scss"></style>
\ No newline at end of file