diff --git a/atune/web/src/api/atune.ts b/atune/web/src/api/atune.ts
index 12553419de82971147538d0d75946d796f86c1d9..482b8b11c8b9d0997e2520c4c444e4921cf10ad5 100644
--- a/atune/web/src/api/atune.ts
+++ b/atune/web/src/api/atune.ts
@@ -25,3 +25,12 @@ export function getTuneLists(data: object) {
     params: data,
   });
 }
+
+// 删除调优模板
+export function deleteTune(data: object) {
+  return request({
+    url: '/plugin/atune/delete',
+    method: 'delete',
+    data,
+  });
+}
diff --git a/atune/web/src/components/atuneList.vue b/atune/web/src/components/atuneList.vue
index 3a936f6bab3a81fb2729787f443b4351c4bec4ee..49df928af7d3242fbef010d47805934dcfda0356 100644
--- a/atune/web/src/components/atuneList.vue
+++ b/atune/web/src/components/atuneList.vue
@@ -25,7 +25,8 @@ const pageSize = ref(10);
 const totalItems = ref(0);
 const emit = defineEmits(['selectionChange']);
 
-interface Atune {
+export interface Atune {
+  id: number
   tuneName: string
   workDir: string
   prepare: string
diff --git a/atune/web/src/views/Home.vue b/atune/web/src/views/Home.vue
index 6c8080b142fd119c1dac9b7c21616bee1e273106..c8cc8c689fb165456c0b8d16d7b9432e7da27c92 100644
--- a/atune/web/src/views/Home.vue
+++ b/atune/web/src/views/Home.vue
@@ -29,16 +29,16 @@
 
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue';
-import { getAtuneAllName } from '@/api/atune';
+import { getAtuneAllName, deleteTune } from '@/api/atune';
 import { ElTree, ElDialog } from 'element-plus';
 import { Search } from '@element-plus/icons-vue'
-import atuneList from '@/components/atuneList.vue'
+import atuneList, { Atune } from '@/components/atuneList.vue'
 import atuneTemplete from '@/components/atuneTemplete.vue'
 
 const atuneTree = ref([]);
 const selectedNodeData = ref("");
 const showDialog = ref(false);
-const selectedRows = ref([])
+const selectedRows = ref([] as Atune[])
 const defaultProps = ref({
   label: 'label',
 });
@@ -61,8 +61,22 @@ const handleSelectionChange = (selected_Rows: any) => {
 
 // 删除
 const handleDelete = () => {
-  console.log('删除行：', selectedRows.value);
-  // 调用删除 API 或执行其他操作
+  let ids = ref<number[]>([])
+  selectedRows.value.forEach(item => {
+    ids.value.push(item.id)
+  })
+  deleteTune({ ids: ids.value }).then(res => {
+    if (res.data && res.data.code === 200) {
+      // Handle success, you may want to update the UI or perform other actions
+      console.log('删除成功');
+    } else {
+      // Handle error, show a message, or take appropriate actions
+      console.error('删除失败:', res.data.msg);
+    }
+  }).catch(error => {
+    // Handle network or other errors
+    console.error('删除请求错误:', error);
+  });
 }
 
 onMounted(async () => {