修改客户认领和客户管理页面的查询和操作功能并且包含按钮权限 & 产品管理添加启动/禁用和最低价格字段

src/app/(root)/product/page.tsx

@@ -1,26 +1,16 @@
 "use client"
 
 import { format } from "date-fns"
+import { Loader2 } from "lucide-react"
 import { Suspense, useCallback, useEffect, useMemo, useState } from "react"
 import { toast } from "sonner"
 import {
-  deleteProductSku,
+  activeProductSku,
   getAllProduct,
   getPageProductSku,
 } from "@/actions/product"
 import { DataTable, useDataTable } from "@/components/data-table"
 import { SkuCodeBadge } from "@/components/products/format"
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-  AlertDialogTrigger,
-} from "@/components/ui/alert-dialog"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import type { ProductCode } from "@/lib/base"
@@ -108,6 +98,7 @@ function ProductSkus(props: {
   )
 
   const table = useDataTable(action)
+  console.log(table, "table")
 
   return (
     <div className="flex-auto overflow-hidden flex flex-col items-stretch gap-3">
@@ -149,6 +140,7 @@ function ProductSkus(props: {
                 return Number(value.toFixed(2))
               },
             },
+            { header: "最低价格", accessorKey: "price_min" },
             {
               header: "创建时间",
               accessorFn: row => format(row.created_at, "yyyy-MM-dd HH:mm"),
@@ -167,7 +159,7 @@ function ProductSkus(props: {
                     sku={row.original}
                     onSuccess={table.refresh}
                   />
-                  <DeleteButton sku={row.original} onSuccess={table.refresh} />
+                  <ActiveButton sku={row.original} onSuccess={table.refresh} />
                 </div>
               ),
             },
@@ -178,18 +170,22 @@ function ProductSkus(props: {
   )
 }
 
-function DeleteButton(props: { sku: ProductSku; onSuccess?: () => void }) {
+function ActiveButton(props: { sku: ProductSku; onSuccess?: () => void }) {
   const [loading, setLoading] = useState(false)
 
   const handleConfirm = async () => {
     setLoading(true)
     try {
-      const resp = await deleteProductSku(props.sku.id)
+      const newStatus = props.sku.status === 1 ? 0 : 1
+      const resp = await activeProductSku({
+        id: props.sku.id,
+        status: newStatus,
+      })
       if (resp.success) {
-        toast.success("删除成功")
+        toast.success(newStatus === 1 ? "已启用" : "已禁用")
         props.onSuccess?.()
       } else {
-        toast.error(resp.message ?? "删除失败")
+        toast.error(resp.message ?? "操作失败")
       }
     } catch (error) {
       const message = error instanceof Error ? error.message : error
@@ -200,26 +196,17 @@ function DeleteButton(props: { sku: ProductSku; onSuccess?: () => void }) {
   }
 
   return (
-    <AlertDialog>
-      <AlertDialogTrigger asChild>
-        <Button size="sm" variant="destructive" disabled={loading}>
-          删除
-        </Button>
-      </AlertDialogTrigger>
-      <AlertDialogContent size="sm">
-        <AlertDialogHeader>
-          <AlertDialogTitle>确认删除</AlertDialogTitle>
-          <AlertDialogDescription>
-            确定要删除套餐「{props.sku.name}」吗？此操作不可撤销。
-          </AlertDialogDescription>
-        </AlertDialogHeader>
-        <AlertDialogFooter>
-          <AlertDialogCancel>取消</AlertDialogCancel>
-          <AlertDialogAction variant="destructive" onClick={handleConfirm}>
-            删除
-          </AlertDialogAction>
-        </AlertDialogFooter>
-      </AlertDialogContent>
-    </AlertDialog>
+    <Button
+      size="sm"
+      variant={props.sku?.status === 1 ? "outline" : "default"}
+      onClick={handleConfirm}
+      disabled={loading}
+    >
+      {loading ? (
+        <Loader2 className="h-4 w-4 animate-spin" />
+      ) : (
+        <>{props.sku?.status === 1 ? "禁用" : "启用"}</>
+      )}
+    </Button>
   )
 }