From 6d23c8acaff3a686be396fb596961afafb48ba12 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Tue, 20 Jan 2026 01:55:44 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E4=BA=A7=E5=93=81?=
 =?UTF-8?q?=E6=BF=80=E6=B4=BB=E7=8A=B6=E6=80=81=E6=98=BE=E7=A4=BA=EF=BC=8C?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=A0=87=E7=AD=BE=E7=BB=84=E4=BB=B6=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E7=8A=B6=E6=80=81=EF=BC=8C=E5=B9=B6=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=90=AF=E7=94=A8/=E5=81=9C=E7=94=A8=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E7=A1=AE=E8=AE=A4=E5=AF=B9=E8=AF=9D=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/product/index.vue | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/views/product/index.vue b/src/views/product/index.vue
index 51be5ac..fba2ef3 100644
--- a/src/views/product/index.vue
+++ b/src/views/product/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { h, useTemplateRef } from 'vue';
-import { useDialog, useMessage } from 'naive-ui';
+import { NTag, useDialog, useMessage } from 'naive-ui';
 import dayjs from 'dayjs';
 import { client, safeClient } from '@/service/api';
 import type { TableBaseColumns, TableFetchData, TableInst } from '@/components/table';
@@ -79,8 +79,8 @@ const columns: TableBaseColumns = [
   {
     key: 'isActive',
     title: '是否激活',
-    render: (row: any) => {
-      return row.isActive ? '是' : '否';
+    render(row) {
+      return row.isActive ? h(NTag, { type: 'primary' }, '是') : h(NTag, { type: 'error' }, '否');
     }
   },
   {
@@ -97,7 +97,7 @@ const columns: TableBaseColumns = [
   {
     key: 'operations',
     title: '操作',
-    width: 120,
+    width: 200,
     fixed: 'right',
     operations: row => [
       {
@@ -106,6 +106,25 @@ const columns: TableBaseColumns = [
         onClick() {
           handleEdit(row);
         }
+      },
+      {
+        contentText: row.isActive ? '停用' : '启用',
+        size: 'small',
+        type: row.isActive ? 'error' : 'success',
+        ghost: true,
+        onClick() {
+          dialog.warning({
+            title: `确认${row.isActive ? '停用' : '启用'}该产品吗？`,
+            content: `${row.isActive ? '停用' : '启用'}后用户将无法订阅该产品`,
+            positiveText: '确认',
+            negativeText: '取消',
+            onPositiveClick: async () => {
+              await safeClient(() => client.api.admin.subscription.products({ productId: row.id as string }).delete());
+              message.success('操作成功');
+              tableInst.value?.reload();
+            }
+          });
+        }
       }
     ]
   }