表格与页面样式调整

src/app/(root)/cust/create.tsx

@@ -14,6 +14,7 @@ import {
   DialogContent,
   DialogHeader,
   DialogTitle,
+  DialogTrigger,
 } from "@/components/ui/dialog"
 import {
   Field,
@@ -72,16 +73,11 @@ const addUserSchema = z
 export type AddUserFormValues = z.infer<typeof addUserSchema>
 
 interface AddUserDialogProps {
-  open: boolean
-  onOpenChange: (open: boolean) => void
   onSuccess?: () => void
 }
 
-export function AddUserDialog({
-  open,
-  onOpenChange,
-  onSuccess,
-}: AddUserDialogProps) {
+export function AddUserDialog({ onSuccess }: AddUserDialogProps) {
+  const [open, setOpen] = useState(false)
   const [isAdding, setIsAdding] = useState(false)
   const [discountList, setDiscountList] = useState<ProductDiscount[]>([])
   const [isLoadingDiscount, setIsLoadingDiscount] = useState(false)
@@ -176,7 +172,7 @@ export function AddUserDialog({
       const result = await createCust(payload)
       if (result?.success) {
         toast.success("添加用户成功")
-        onOpenChange(false)
+        setOpen(false)
         resetAddForm()
         onSuccess?.()
       } else {
@@ -194,11 +190,14 @@ export function AddUserDialog({
     if (!open) {
       resetAddForm()
     }
-    onOpenChange(open)
+    setOpen(open)
   }
 
   return (
     <Dialog open={open} onOpenChange={handleOpenChange}>
+      <DialogTrigger asChild>
+        <Button type="button">添加用户</Button>
+      </DialogTrigger>
       <DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto">
         <DialogHeader>
           <DialogTitle>添加用户</DialogTitle>
@@ -396,7 +395,7 @@ export function AddUserDialog({
             <Button
               type="button"
               variant="outline"
-              onClick={() => onOpenChange(false)}
+              onClick={() => setOpen(false)}
             >
               取消
             </Button>