From 837af62a601866e0130bb3973151936a09933541 Mon Sep 17 00:00:00 2001
From: AoXuan <aoxuan233@gmail.com>
Date: Sat, 27 Sep 2025 17:14:47 +0800
Subject: [PATCH] =?UTF-8?q?refactor(webhook):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2Webhook=E5=90=AF=E7=94=A8=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BC=98=E5=8C=96UI=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/WebhookManager.vue | 31 +++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/WebhookManager.vue b/frontend/src/components/WebhookManager.vue
index 821d577..87e0e8a 100644
--- a/frontend/src/components/WebhookManager.vue
+++ b/frontend/src/components/WebhookManager.vue
@@ -28,6 +28,14 @@
           <div class="webhook-url">{{ webhook.url }}</div>
         </div>
         <div class="webhook-actions">
+          <a-switch
+            v-model:checked="webhook.enabled"
+            @change="toggleWebhookEnabled(webhook)"
+            size="small"
+            :checked-children="'启用'"
+            :un-checked-children="'禁用'"
+            class="webhook-switch"
+          />
           <a-button type="text" size="small" @click="testWebhook(webhook)" :loading="testingWebhooks[webhook.id]">
             <template #icon>
               <PlayCircleOutlined />
@@ -163,7 +171,9 @@ import {
   EditOutlined, 
   DeleteOutlined, 
   PlayCircleOutlined,
-  ApiOutlined
+  ApiOutlined,
+  CheckCircleOutlined,
+  StopOutlined
 } from '@ant-design/icons-vue'
 import type { CustomWebhook } from '@/types/settings'
 import { WEBHOOK_TEMPLATES, TEMPLATE_VARIABLES } from '@/utils/webhookTemplates'
@@ -233,6 +243,20 @@ const editWebhook = (webhook: CustomWebhook) => {
   modalVisible.value = true
 }
 
+// 切换 Webhook 启用状态
+const toggleWebhookEnabled = (webhook: CustomWebhook) => {
+  // 由于 a-switch 已经改变了 webhook.enabled 的值，我们需要根据新值来更新
+  const newEnabled = webhook.enabled
+  const newWebhooks = webhooks.value.map(w =>
+    w.id === webhook.id 
+      ? { ...w, enabled: newEnabled }
+      : w
+  )
+  webhooks.value = newWebhooks
+  emit('change')
+  message.success(`Webhook "${webhook.name}" 已${newEnabled ? '启用' : '禁用'}`)
+}
+
 // 删除 Webhook
 const deleteWebhook = (webhook: CustomWebhook) => {
   const newWebhooks = webhooks.value.filter(w => w.id !== webhook.id)
@@ -442,6 +466,11 @@ const handleCancel = () => {
   display: flex;
   gap: 4px;
   flex-shrink: 0;
+  align-items: center;
+}
+
+.webhook-switch {
+  margin-right: 8px;
 }
 
 .empty-state {