From 83ea84bf110da090744a1c23800a0f6a6d6781f1 Mon Sep 17 00:00:00 2001
From: MSuMshk <2039814060@qq.com>
Date: Sat, 21 Feb 2026 09:42:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8A=A0=E6=96=99=E7=BB=84=E8=A1=A5?=
 =?UTF-8?q?=E9=BD=90=E5=81=9C=E7=94=A8=E8=83=BD=E5=8A=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../addons/components/AddonGroupCard.vue      | 13 +++++-
 .../composables/addons-page/group-actions.ts  | 44 ++++++++++++++-----
 .../composables/useProductAddonsPage.ts       |  3 +-
 .../src/views/product/addons/index.vue        |  2 +
 4 files changed, 48 insertions(+), 14 deletions(-)

diff --git a/apps/web-antd/src/views/product/addons/components/AddonGroupCard.vue b/apps/web-antd/src/views/product/addons/components/AddonGroupCard.vue
index a533a0a..dc3b8cd 100644
--- a/apps/web-antd/src/views/product/addons/components/AddonGroupCard.vue
+++ b/apps/web-antd/src/views/product/addons/components/AddonGroupCard.vue
@@ -12,6 +12,7 @@ const props = defineProps<{
 
 const emit = defineEmits<{
   bindProducts: [item: AddonGroupCardViewModel];
+  disable: [item: AddonGroupCardViewModel];
   edit: [item: AddonGroupCardViewModel];
   enable: [item: AddonGroupCardViewModel];
   removeGroup: [item: AddonGroupCardViewModel];
@@ -112,6 +113,14 @@ function getStockClass(stock: number) {
       <button type="button" class="g-action" @click="emit('edit', item)">
         编辑
       </button>
+      <button
+        v-if="item.status === 'enabled'"
+        type="button"
+        class="g-action"
+        @click="emit('bindProducts', item)"
+      >
+        关联商品
+      </button>
       <button
         v-if="item.status === 'disabled'"
         type="button"
@@ -124,9 +133,9 @@ function getStockClass(stock: number) {
         v-else
         type="button"
         class="g-action"
-        @click="emit('bindProducts', item)"
+        @click="emit('disable', item)"
       >
-        关联商品
+        停用
       </button>
       <button
         type="button"
diff --git a/apps/web-antd/src/views/product/addons/composables/addons-page/group-actions.ts b/apps/web-antd/src/views/product/addons/composables/addons-page/group-actions.ts
index 25ef67d..6f59c67 100644
--- a/apps/web-antd/src/views/product/addons/composables/addons-page/group-actions.ts
+++ b/apps/web-antd/src/views/product/addons/composables/addons-page/group-actions.ts
@@ -27,6 +27,26 @@ interface CreateGroupActionsOptions {
 }
 
 export function createGroupActions(options: CreateGroupActionsOptions) {
+  async function changeGroupStatus(
+    item: AddonGroupCardViewModel,
+    status: 'disabled' | 'enabled',
+    successMessage: string,
+  ) {
+    if (!options.selectedStoreId.value) return;
+    try {
+      await changeProductAddonGroupStatusApi({
+        storeId: options.selectedStoreId.value,
+        groupId: item.id,
+        status,
+      });
+      message.success(successMessage);
+      await options.loadAddonGroups();
+    } catch (error) {
+      console.error(error);
+      message.error('加料组状态更新失败');
+    }
+  }
+
   function removeGroup(item: AddonGroupCardViewModel) {
     if (!options.selectedStoreId.value) return;
     Modal.confirm({
@@ -45,18 +65,19 @@ export function createGroupActions(options: CreateGroupActionsOptions) {
   }
 
   async function enableGroup(item: AddonGroupCardViewModel) {
+    await changeGroupStatus(item, 'enabled', '加料组已启用');
+  }
+
+  function disableGroup(item: AddonGroupCardViewModel) {
     if (!options.selectedStoreId.value) return;
-    try {
-      await changeProductAddonGroupStatusApi({
-        storeId: options.selectedStoreId.value,
-        groupId: item.id,
-        status: 'enabled',
-      });
-      message.success('加料组已启用');
-      await options.loadAddonGroups();
-    } catch (error) {
-      console.error(error);
-    }
+    Modal.confirm({
+      title: `确认停用加料组「${item.name}」吗？`,
+      okText: '确认停用',
+      cancelText: '取消',
+      async onOk() {
+        await changeGroupStatus(item, 'disabled', '加料组已停用');
+      },
+    });
   }
 
   async function saveGroupInline(
@@ -167,6 +188,7 @@ export function createGroupActions(options: CreateGroupActionsOptions) {
   }
 
   return {
+    disableGroup,
     enableGroup,
     removeCardItem,
     removeGroup,
diff --git a/apps/web-antd/src/views/product/addons/composables/useProductAddonsPage.ts b/apps/web-antd/src/views/product/addons/composables/useProductAddonsPage.ts
index d477fdf..587671f 100644
--- a/apps/web-antd/src/views/product/addons/composables/useProductAddonsPage.ts
+++ b/apps/web-antd/src/views/product/addons/composables/useProductAddonsPage.ts
@@ -131,7 +131,7 @@ export function useProductAddonsPage() {
     selectedStoreId,
   });
 
-  const { enableGroup, removeCardItem, removeGroup, renameItem } =
+  const { disableGroup, enableGroup, removeCardItem, removeGroup, renameItem } =
     createGroupActions({
       selectedStoreId,
       loadAddonGroups,
@@ -166,6 +166,7 @@ export function useProductAddonsPage() {
 
   return {
     addItem,
+    disableGroup,
     drawerSubmitText,
     drawerTitle,
     enableGroup,
diff --git a/apps/web-antd/src/views/product/addons/index.vue b/apps/web-antd/src/views/product/addons/index.vue
index 79334f3..c9d072a 100644
--- a/apps/web-antd/src/views/product/addons/index.vue
+++ b/apps/web-antd/src/views/product/addons/index.vue
@@ -15,6 +15,7 @@ import { useProductAddonsPage } from './composables/useProductAddonsPage';
 
 const {
   addItem,
+  disableGroup,
   drawerSubmitText,
   drawerTitle,
   enableGroup,
@@ -112,6 +113,7 @@ const {
             @bind-products="openBindProducts"
             @remove-group="removeGroup"
             @enable="enableGroup"
+            @disable="disableGroup"
             @rename-item="renameItem"
             @remove-item="removeCardItem"
           />