diff --git a/frontend/src/request/cluster.ts b/frontend/src/request/cluster.ts
index e25b6295a96c6c23afc80d1871c2bd7aa139e863..0b44718311ae8f8fcedc731c310fa17d97d4c500 100644
--- a/frontend/src/request/cluster.ts
+++ b/frontend/src/request/cluster.ts
@@ -18,6 +18,15 @@ export function getDepartMachines(data: any) {
     })
 }
 
+// 删除机器接口
+export function deleteMachine(data:any) {
+  return request({
+    url: 'macList/deletemachine',
+    method: 'post',
+    data
+  })
+}
+
 // 获取指定部门下的子部门
 export function getSubDepartment(data: any) {
     return request({
diff --git a/frontend/src/views/Cluster/Cluster.vue b/frontend/src/views/Cluster/Cluster.vue
index ec85599cf338d78389fc9603ea16bc08f9e9a344..4684889ef169d704ea8fd3d8d9e87ff125fcc29e 100644
--- a/frontend/src/views/Cluster/Cluster.vue
+++ b/frontend/src/views/Cluster/Cluster.vue
@@ -25,7 +25,7 @@
                   </auth-button>
                 </el-dropdown-item>
                 <el-dropdown-item>
-                  <auth-button auth="button/machine_delete" :show="true">
+                  <auth-button auth="button/machine_delete" :show="true" @click="handleDeleteMachine">
                     删除
                   </auth-button>
                 </el-dropdown-item>
@@ -75,7 +75,7 @@
 
 <script lang="ts" setup>
 import { ref, onMounted, reactive, watch } from "vue";
-import { ElMessage } from 'element-plus';
+import { ElMessage, ElMessageBox } from 'element-plus';
 import axios from "axios";
 import AuthButton from "@/components/AuthButton.vue";
 import PGTable from "@/components/PGTable.vue";
@@ -83,8 +83,8 @@ import PGTree from "@/components/PGTree.vue";
 import StateDot from "@/components/StateDot.vue";
 import ChangeDepart from "./components/ChangeDepart.vue";
 import { directTo } from "@/router/index"
-import { getPagedDepartMachines, getMachineTags } from "@/request/cluster";
-import { RespCodeOK } from "@/request/request";
+import { getPagedDepartMachines, getMachineTags, deleteMachine } from "@/request/cluster";
+import { RespCodeOK, type RespInterface } from "@/request/request";
 import { usePluginStore } from "@/stores/plugin";
 // 部门树
 const departmentID = ref(1)
@@ -178,6 +178,42 @@ const handlePluginAPI = (url: string) => {
   })
 }
 
+/* 
+* 删除机器
+* @params deluuid[] 机器的uuid列表 
+*  */
+const handleDeleteMachine = () => {
+  ElMessageBox.confirm(
+    'Are you sure yoou want to delete these machines. Continue?',
+    'Warning',
+    {
+      confirmButtonText: 'OK',
+      cancelButtonText: 'Cancel',
+      type: 'warning',
+    }
+  )
+    .then(() => {
+      let uuidArr = Array<string>();
+      selectedMachines.value.forEach((item: any) => {
+        uuidArr.push(item.uuid);
+      })
+      deleteMachine({ deluuid: uuidArr }).then((res: RespInterface) => {
+        if (res.code === RespCodeOK) {
+          updateDepartmentMachines(1, 1, 10);
+          ElMessage.success(res.msg);
+        } else {
+          ElMessage.success(res.msg)
+        }
+      })
+    })
+    .catch(() => {
+      ElMessage({
+        type: 'info',
+        message: 'Delete canceled',
+      })
+    })
+}
+
 const selectedMachines = ref([])