feat: add withdrawal management pages

apps/admin/.env.example

@@ -1,5 +1,5 @@
 # API base URL
-VITE_API_BASE_URL=https://tapi.hifast.biz
+VITE_API_BASE_URL=
 # API prefix path
 VITE_API_PREFIX=
 

apps/admin/.env.production

@@ -1 +0,0 @@
-VITE_API_BASE_URL=https://tapi.hifast.biz

apps/admin/public/assets/locales/en-US/menu.json

@@ -34,6 +34,5 @@
   "Traffic Details": "Traffic Details",
   "Device Group": "Device Group",
   "User Management": "User Management",
-  "Users & Support": "Users & Support",
+  "Users & Support": "Users & Support"
-  "Withdrawal Management": "Withdrawal Management"
 }

apps/admin/public/assets/locales/en-US/order.json

@@ -1,25 +1,17 @@
 {
   "amount": "Amount",
   "couponDiscount": "Coupon Discount",
-  "confirmRefund": "Confirm refund",
   "discount": "Discount Amount",
   "feeAmount": "Fee Amount",
   "method": "Payment Method",
   "orderNumber": "Order Number",
-  "refund": "Refund",
-  "refundConfirmDescription": "This refund will immediately invalidate the user's subscription and deduct the related agent commission.",
-  "refundConfirmTitle": "Confirm refund",
-  "refundConfirmWarning": "This action cannot be repeated after the order is refunded.",
-  "refundSubmitting": "Refunding...",
-  "refundSuccess": "Refund completed.",
   "status": {
     "0": "Status",
     "1": "Pending",
     "2": "Paid",
     "3": "Cancelled",
     "4": "Closed",
-    "5": "Completed",
+    "5": "Completed"
-    "6": "Refunded"
   },
   "subscribe": "Subscribe",
   "subscribePrice": "Subscription Price",

apps/admin/public/assets/locales/zh-CN/menu.json

@@ -34,6 +34,5 @@
   "Traffic Details": "流量详情",
   "Device Group": "设备组",
   "User Management": "用户管理",
-  "Users & Support": "用户与支持",
+  "Users & Support": "用户与支持"
-  "Withdrawal Management": "提现管理"
 }

apps/admin/public/assets/locales/zh-CN/order.json

@@ -1,25 +1,17 @@
 {
   "amount": "金额",
   "couponDiscount": "优惠券折扣",
-  "confirmRefund": "确认退费",
   "discount": "折扣金额",
   "feeAmount": "手续费",
   "method": "支付方式",
   "orderNumber": "订单编号",
-  "refund": "退费",
-  "refundConfirmDescription": "该退费操作会使用户订阅立即失效，并扣减关联代理佣金。",
-  "refundConfirmTitle": "确认退费",
-  "refundConfirmWarning": "订单退费后不可再次重复执行，请谨慎操作。",
-  "refundSubmitting": "退费中...",
-  "refundSuccess": "退费成功。",
   "status": {
     "0": "状态",
     "1": "待支付",
     "2": "已支付",
     "3": "已取消",
     "4": "已关闭",
-    "5": "已完成",
+    "5": "已完成"
-    "6": "已退费"
   },
   "subscribe": "订阅",
   "subscribePrice": "订阅价格",

apps/admin/src/routeTree.gen.ts

@@ -20,9 +20,6 @@ const DashboardWithdrawalLazyRouteImport = createFileRoute(
 )()
 const DashboardServersLazyRouteImport = createFileRoute('/dashboard/servers')()
 const DashboardNodesLazyRouteImport = createFileRoute('/dashboard/nodes')()
-const DashboardWithdrawalIndexLazyRouteImport = createFileRoute(
-  '/dashboard/withdrawal/',
-)()
 const DashboardUserIndexLazyRouteImport = createFileRoute('/dashboard/user/')()
 const DashboardTicketIndexLazyRouteImport =
   createFileRoute('/dashboard/ticket/')()
@@ -136,14 +133,6 @@ const DashboardNodesLazyRoute = DashboardNodesLazyRouteImport.update({
 } as any).lazy(() =>
   import('./routes/dashboard/nodes.lazy').then((d) => d.Route),
 )
-const DashboardWithdrawalIndexLazyRoute =
-  DashboardWithdrawalIndexLazyRouteImport.update({
-    id: '/withdrawal/',
-    path: '/withdrawal/',
-    getParentRoute: () => DashboardRouteLazyRoute,
-  } as any).lazy(() =>
-    import('./routes/dashboard/withdrawal/index.lazy').then((d) => d.Route),
-  )
 const DashboardUserIndexLazyRoute = DashboardUserIndexLazyRouteImport.update({
   id: '/user/',
   path: '/user/',
@@ -397,7 +386,6 @@ export interface FileRoutesByFullPath {
   '/dashboard/system': typeof DashboardSystemIndexLazyRoute
   '/dashboard/ticket': typeof DashboardTicketIndexLazyRoute
   '/dashboard/user': typeof DashboardUserIndexLazyRoute
-  '/dashboard/withdrawal': typeof DashboardWithdrawalIndexLazyRoute
 }
 export interface FileRoutesByTo {
   '/': typeof IndexLazyRoute
@@ -433,7 +421,6 @@ export interface FileRoutesByTo {
   '/dashboard/system': typeof DashboardSystemIndexLazyRoute
   '/dashboard/ticket': typeof DashboardTicketIndexLazyRoute
   '/dashboard/user': typeof DashboardUserIndexLazyRoute
-  '/dashboard/withdrawal': typeof DashboardWithdrawalIndexLazyRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
@@ -471,7 +458,6 @@ export interface FileRoutesById {
   '/dashboard/system/': typeof DashboardSystemIndexLazyRoute
   '/dashboard/ticket/': typeof DashboardTicketIndexLazyRoute
   '/dashboard/user/': typeof DashboardUserIndexLazyRoute
-  '/dashboard/withdrawal/': typeof DashboardWithdrawalIndexLazyRoute
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
@@ -510,7 +496,6 @@ export interface FileRouteTypes {
     | '/dashboard/system'
     | '/dashboard/ticket'
     | '/dashboard/user'
-    | '/dashboard/withdrawal'
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
@@ -546,7 +531,6 @@ export interface FileRouteTypes {
     | '/dashboard/system'
     | '/dashboard/ticket'
     | '/dashboard/user'
-    | '/dashboard/withdrawal'
   id:
     | '__root__'
     | '/'
@@ -583,7 +567,6 @@ export interface FileRouteTypes {
     | '/dashboard/system/'
     | '/dashboard/ticket/'
     | '/dashboard/user/'
-    | '/dashboard/withdrawal/'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
@@ -635,13 +618,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof DashboardNodesLazyRouteImport
       parentRoute: typeof DashboardRouteLazyRoute
     }
-    '/dashboard/withdrawal/': {
-      id: '/dashboard/withdrawal/'
-      path: '/withdrawal'
-      fullPath: '/dashboard/withdrawal'
-      preLoaderRoute: typeof DashboardWithdrawalIndexLazyRouteImport
-      parentRoute: typeof DashboardRouteLazyRoute
-    }
     '/dashboard/user/': {
       id: '/dashboard/user/'
       path: '/user'
@@ -874,7 +850,6 @@ interface DashboardRouteLazyRouteChildren {
   DashboardSystemIndexLazyRoute: typeof DashboardSystemIndexLazyRoute
   DashboardTicketIndexLazyRoute: typeof DashboardTicketIndexLazyRoute
   DashboardUserIndexLazyRoute: typeof DashboardUserIndexLazyRoute
-  DashboardWithdrawalIndexLazyRoute: typeof DashboardWithdrawalIndexLazyRoute
 }
 
 const DashboardRouteLazyRouteChildren: DashboardRouteLazyRouteChildren = {
@@ -910,7 +885,6 @@ const DashboardRouteLazyRouteChildren: DashboardRouteLazyRouteChildren = {
   DashboardSystemIndexLazyRoute: DashboardSystemIndexLazyRoute,
   DashboardTicketIndexLazyRoute: DashboardTicketIndexLazyRoute,
   DashboardUserIndexLazyRoute: DashboardUserIndexLazyRoute,
-  DashboardWithdrawalIndexLazyRoute: DashboardWithdrawalIndexLazyRoute,
 }
 
 const DashboardRouteLazyRouteWithChildren =

apps/admin/src/routes/dashboard/withdrawal/index.lazy.tsx

@@ -1,6 +0,0 @@
-import { createLazyFileRoute } from "@tanstack/react-router";
-import WithdrawalPage from "@/sections/withdrawal";
-
-export const Route = createLazyFileRoute("/dashboard/withdrawal/")({
-  component: WithdrawalPage,
-});

apps/admin/src/sections/order/index.tsx

@@ -1,16 +1,4 @@
-import { useMutation } from "@tanstack/react-query";
 import { useSearch } from "@tanstack/react-router";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-  AlertDialogTrigger,
-} from "@workspace/ui/components/alert-dialog";
 import { Badge } from "@workspace/ui/components/badge";
 import { Button } from "@workspace/ui/components/button";
 import {
@@ -28,27 +16,18 @@ import { cn } from "@workspace/ui/lib/utils";
 import {
   activateOrder,
   getOrderList,
-  refundOrder,
   updateOrderStatus,
 } from "@workspace/ui/services/admin/order";
-import { useRef, useState } from "react";
+import { useRef } from "react";
 import { useTranslation } from "react-i18next";
-import { toast } from "sonner";
 import { Display } from "@/components/display";
-import { useGlobalStore } from "@/stores/global";
 import { useSubscribe } from "@/stores/subscribe";
 import { formatDate } from "@/utils/common";
 import { UserDetail } from "../user/user-detail";
 
-const REFUNDED_ORDER_STATUS = 6;
-
 export default function Order() {
   const { t } = useTranslation("order");
   const sp = useSearch({ strict: false }) as Record<string, string | undefined>;
-  const user = useGlobalStore((state) => state.user);
-  const [confirmingOrderId, setConfirmingOrderId] = useState<number | null>(
-    null
-  );
   const initialFilters = {
     user_id: sp.user_id ? Number(sp.user_id) : undefined,
     search: sp.search || undefined,
@@ -74,11 +53,6 @@ export default function Order() {
       label: t("status.5", "Completed"),
       className: "bg-green-500",
     },
-    {
-      value: REFUNDED_ORDER_STATUS,
-      label: t("status.6", "Refunded"),
-      className: "bg-red-500",
-    },
   ];
 
   const typeOptions = [
@@ -91,101 +65,10 @@ export default function Order() {
   const ref = useRef<ProTableActions>(null);
 
   const { subscribes, getSubscribeName } = useSubscribe();
-  const canRefundOrders = Boolean(user?.is_admin);
-
-  const refundMutation = useMutation({
-    mutationFn: async (order: API.Order) => {
-      await refundOrder({ id: order.id });
-    },
-    onSuccess: () => {
-      toast.success(t("refundSuccess", "Refund completed."));
-      setConfirmingOrderId(null);
-      ref.current?.refresh();
-    },
-    onError: (error) => {
-      console.error("Refund order failed", error);
-      setConfirmingOrderId(null);
-    },
-  });
-
-  const isRefundedOrder = (order: API.Order) =>
-    order.status === REFUNDED_ORDER_STATUS ||
-    order.status_name === t("status.6", "Refunded") ||
-    order.status_name?.toLowerCase() === "refunded";
-
-  const canRefundOrder = (order: API.Order) =>
-    canRefundOrders && !isRefundedOrder(order);
 
   return (
     <ProTable<API.Order, any>
       action={ref}
-      actions={{
-        render: (order) => {
-          if (!canRefundOrder(order)) return [];
-
-          const isPending =
-            refundMutation.isPending && confirmingOrderId === order.id;
-
-          return [
-            <AlertDialog
-              key={`refund-${order.id}`}
-              onOpenChange={(open) => {
-                setConfirmingOrderId(open ? order.id : null);
-              }}
-              open={confirmingOrderId === order.id}
-            >
-              <AlertDialogTrigger asChild>
-                <Button disabled={isPending} size="sm" variant="destructive">
-                  {isPending
-                    ? t("refundSubmitting", "Refunding...")
-                    : t("refund", "Refund")}
-                </Button>
-              </AlertDialogTrigger>
-              <AlertDialogContent>
-                <AlertDialogHeader>
-                  <AlertDialogTitle>
-                    {t("refundConfirmTitle", "Confirm refund")}
-                  </AlertDialogTitle>
-                  <AlertDialogDescription asChild>
-                    <div className="space-y-2">
-                      <p>
-                        {t(
-                          "refundConfirmDescription",
-                          "This refund will immediately invalidate the user's subscription and deduct the related agent commission."
-                        )}
-                      </p>
-                      <p className="font-medium text-foreground">
-                        {t(
-                          "refundConfirmWarning",
-                          "This action cannot be repeated after the order is refunded."
-                        )}
-                      </p>
-                    </div>
-                  </AlertDialogDescription>
-                </AlertDialogHeader>
-                <AlertDialogFooter>
-                  <AlertDialogCancel disabled={isPending}>
-                    {t("cancel", "Cancel")}
-                  </AlertDialogCancel>
-                  <AlertDialogAction
-                    className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-                    disabled={isPending}
-                    onClick={async (event) => {
-                      event.preventDefault();
-                      if (isPending) return;
-                      await refundMutation.mutateAsync(order);
-                    }}
-                  >
-                    {isPending
-                      ? t("refundSubmitting", "Refunding...")
-                      : t("confirmRefund", "Confirm refund")}
-                  </AlertDialogAction>
-                </AlertDialogFooter>
-              </AlertDialogContent>
-            </AlertDialog>,
-          ];
-        },
-      }}
       columns={[
         {
           accessorKey: "order_no",
@@ -370,13 +253,8 @@ export default function Order() {
               );
             }
             return (
-              <Badge
+              <Badge>
-                variant={isRefundedOrder(order) ? "destructive" : "default"}
+                {option?.label || t(`status.${row.getValue("status")}`)}
-              >
-                {option?.label ||
-                  (order.status_name
-                    ? t(`status.${row.getValue("status")}`, order.status_name)
-                    : t(`status.${row.getValue("status")}`))}
               </Badge>
             );
           },

apps/admin/src/sections/user/index.tsx

@@ -329,20 +329,10 @@ export default function User() {
                         CloseComponent={PopoverClose}
                         onSave={async (remark) => {
                           const {
-                            auth_methods: _auth_methods,
-                            user_devices: _user_devices,
-                            enable_balance_notify: _enable_balance_notify,
-                            enable_login_notify: _enable_login_notify,
-                            enable_subscribe_notify: _enable_subscribe_notify,
-                            enable_trade_notify: _enable_trade_notify,
-                            updated_at: _updated_at,
-                            created_at: _created_at,
                             id,
-                            ...rest
                           } = row.original;
                           await updateUserBasicInfo({
                             user_id: id,
-                            ...rest,
                             remark,
                           } as unknown as API.UpdateUserBasiceInfoRequest);
                           toast.success(t('updateSuccess'));

apps/admin/src/sections/withdrawal/index.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { zodResolver } from "@hookform/resolvers/zod";
-import { useMutation } from "@tanstack/react-query";
 import { Badge } from "@workspace/ui/components/badge";
 import { Button } from "@workspace/ui/components/button";
 import {
@@ -11,6 +10,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
+  DialogTrigger,
 } from "@workspace/ui/components/dialog";
 import {
   Form,
@@ -21,17 +21,15 @@ import {
   FormMessage,
 } from "@workspace/ui/components/form";
 import { Textarea } from "@workspace/ui/components/textarea";
-import { ConfirmButton } from "@workspace/ui/composed/confirm-button";
+import type { ProTableActions } from "@workspace/ui/composed/pro-table/pro-table";
-import {
+import { ProTable } from "@workspace/ui/composed/pro-table/pro-table";
-  ProTable,
-  type ProTableActions,
-} from "@workspace/ui/composed/pro-table/pro-table";
 import {
   approveWithdrawal,
   getWithdrawalList,
   rejectWithdrawal,
 } from "@workspace/ui/services/admin/withdrawal";
-import { useRef, useState } from "react";
+import { LoaderCircle } from "lucide-react";
+import { useRef, useState, useTransition } from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
@@ -40,263 +38,291 @@ import { Display } from "@/components/display";
 import { UserDetail } from "@/sections/user/user-detail";
 import { formatDate } from "@/utils/common";
 
-const rejectSchema = z.object({
+const rejectionSchema = z.object({
   reason: z
     .string()
     .trim()
-    .min(2, "请填写拒绝原因")
+    .min(1, "Reason is required")
-    .max(500, "拒绝原因不能超过 500 个字符"),
+    .max(500, "Reason must be 500 characters or fewer"),
 });
 
-export default function WithdrawalPage() {
+const WITHDRAWAL_STATUS_OPTIONS = [
+  { label: "All", value: "all" },
+  { label: "Pending", value: "0" },
+  { label: "Approved", value: "1" },
+  { label: "Rejected", value: "2" },
+] as const;
+
+function getStatusMeta(
+  status: number,
+  t: ReturnType<typeof useTranslation<"user">>["t"]
+) {
+  switch (status) {
+    case 1:
+      return {
+        label: t("withdrawal.status.approved", "Approved"),
+        variant: "default" as const,
+      };
+    case 2:
+      return {
+        label: t("withdrawal.status.rejected", "Rejected"),
+        variant: "destructive" as const,
+      };
+    default:
+      return {
+        label: t("withdrawal.status.pending", "Pending"),
+        variant: "secondary" as const,
+      };
+  }
+}
+
+function RejectWithdrawalDialog({
+  row,
+  onSuccess,
+}: {
+  row: API.AdminWithdrawalLog;
+  onSuccess: () => Promise<void> | void;
+}) {
   const { t } = useTranslation("user");
-  const ref = useRef<ProTableActions>(null);
+  const [open, setOpen] = useState(false);
-  const [rejectOpen, setRejectOpen] = useState(false);
+  const [loading, startTransition] = useTransition();
-  const [currentRow, setCurrentRow] = useState<API.WithdrawalLog | null>(null);
+  const form = useForm<z.infer<typeof rejectionSchema>>({
-  const form = useForm<z.infer<typeof rejectSchema>>({
+    resolver: zodResolver(rejectionSchema),
-    resolver: zodResolver(rejectSchema),
     defaultValues: {
       reason: "",
     },
   });
 
-  const approveMutation = useMutation({
+  const handleSubmit = (values: z.infer<typeof rejectionSchema>) => {
-    mutationFn: async (withdrawalId: number) =>
+    startTransition(async () => {
-      approveWithdrawal({ withdrawal_id: withdrawalId }),
+      await rejectWithdrawal({
-    onSuccess: () => {
+        withdrawal_id: row.id,
-      toast.success("提现申请已通过");
+        reason: values.reason.trim(),
-      ref.current?.refresh();
+      });
-    },
+      toast.success(t("withdrawal.rejectSuccess", "Withdrawal rejected"));
-    onError: (error) => {
+      await onSuccess();
-      console.error("Approve withdrawal failed", error);
+      setOpen(false);
-      toast.error("提现通过失败");
+      form.reset();
-    },
+    });
-  });
-
-  const rejectMutation = useMutation({
-    mutationFn: async (values: { withdrawal_id: number; reason: string }) =>
-      rejectWithdrawal(values),
-    onSuccess: () => {
-      toast.success("提现申请已拒绝");
-      setRejectOpen(false);
-      setCurrentRow(null);
-      form.reset({ reason: "" });
-      ref.current?.refresh();
-    },
-    onError: (error) => {
-      console.error("Reject withdrawal failed", error);
-      toast.error("提现拒绝失败");
-    },
-  });
-
-  const statusOptions = [
-    { value: "0", label: "审核中" },
-    { value: "1", label: "已通过" },
-    { value: "2", label: "已拒绝" },
-  ];
-
-  const statusMap: Record<number, { label: string; className: string }> = {
-    0: {
-      label: "审核中",
-      className: "bg-amber-100 text-amber-700 border-amber-200",
-    },
-    1: {
-      label: "已通过",
-      className: "bg-emerald-100 text-emerald-700 border-emerald-200",
-    },
-    2: {
-      label: "已拒绝",
-      className: "bg-rose-100 text-rose-700 border-rose-200",
-    },
   };
 
   return (
-    <>
+    <Dialog
-      <ProTable<API.WithdrawalLog, { status?: string; user_id?: string }>
+      onOpenChange={(nextOpen) => {
-        action={ref}
+        setOpen(nextOpen);
-        actions={{
+        if (!nextOpen) form.reset();
-          render: (row) => {
+      }}
-            if (row.status !== 0) return [];
+      open={open}
-
+    >
-            return [
+      <DialogTrigger asChild>
-              <ConfirmButton
+        <Button size="sm" variant="destructive">
-                cancelText={t("cancel", "Cancel")}
+          {t("withdrawal.reject", "Reject")}
-                confirmText={t("confirm", "Confirm")}
+        </Button>
-                description="确认后将标记该提现为已通过，请确保线下打款流程已完成。"
+      </DialogTrigger>
-                key="approve"
+      <DialogContent>
-                onConfirm={async () => {
+        <DialogHeader>
-                  await approveMutation.mutateAsync(row.id);
+          <DialogTitle>
-                }}
+            {t("withdrawal.rejectTitle", "Reject Withdrawal")}
-                title="确认通过提现吗？"
+          </DialogTitle>
-                trigger={
+          <DialogDescription>
-                  <Button
+            {t(
-                    disabled={approveMutation.isPending}
+              "withdrawal.rejectDescription",
-                    size="sm"
+              "Provide a reason that will be shown in the user's withdrawal history."
-                    variant="default"
+            )}
-                  >
+          </DialogDescription>
-                    通过
+        </DialogHeader>
-                  </Button>
+        <Form {...form}>
-                }
+          <form
-              />,
+            className="space-y-4"
-              <Button
+            id={`reject-withdrawal-${row.id}`}
-                key="reject"
+            onSubmit={form.handleSubmit(handleSubmit)}
-                onClick={() => {
+          >
-                  setCurrentRow(row);
+            <FormField
-                  setRejectOpen(true);
+              control={form.control}
-                }}
+              name="reason"
-                size="sm"
+              render={({ field }) => (
-                variant="destructive"
+                <FormItem>
-              >
+                  <FormLabel>
-                拒绝
+                    {t("withdrawal.rejectReason", "Reject Reason")}
-              </Button>,
+                  </FormLabel>
-            ];
+                  <FormControl>
-          },
+                    <Textarea
-        }}
+                      placeholder={t(
-        columns={[
+                        "withdrawal.rejectReasonPlaceholder",
-          {
+                        "Explain why this withdrawal cannot be approved"
-            accessorKey: "id",
+                      )}
-            header: "ID",
+                      rows={4}
-          },
+                      {...field}
-          {
+                    />
-            accessorKey: "user_id",
+                  </FormControl>
-            header: t("user", "User"),
+                  <FormMessage />
-            cell: ({ row }) => <UserDetail id={row.original.user_id} />,
+                </FormItem>
-          },
+              )}
-          {
+            />
-            accessorKey: "amount",
+          </form>
-            header: "提现金额",
+        </Form>
-            cell: ({ row }) => (
+        <DialogFooter>
-              <Display type="currency" value={row.original.amount} />
+          <Button
-            ),
+            disabled={loading}
-          },
+            onClick={() => setOpen(false)}
-          {
+            variant="outline"
-            accessorKey: "content",
+          >
-            header: "收款信息",
+            {t("cancel", "Cancel")}
-            cell: ({ row }) => (
+          </Button>
-              <div className="max-w-[360px] break-all text-sm">
+          <Button
-                {row.original.content || "--"}
+            disabled={loading}
-              </div>
+            form={`reject-withdrawal-${row.id}`}
-            ),
+            type="submit"
-          },
+            variant="destructive"
-          {
+          >
-            accessorKey: "status",
+            {loading && <LoaderCircle className="mr-2 h-4 w-4 animate-spin" />}
-            header: "状态",
+            {t("withdrawal.rejectConfirm", "Reject Withdrawal")}
-            cell: ({ row }) => {
+          </Button>
-              const status = statusMap[row.original.status] ?? {
+        </DialogFooter>
-                label: `未知 (${row.original.status})`,
+      </DialogContent>
-                className: "",
+    </Dialog>
-              };
+  );
-              return (
+}
-                <Badge className={status.className} variant="outline">
+
-                  {status.label}
+export default function WithdrawalManagementPage() {
-                </Badge>
+  const { t } = useTranslation("user");
-              );
+  const [approvingId, setApprovingId] = useState<number | null>(null);
-            },
+  const tableActionRef = useRef<ProTableActions | undefined>(undefined);
-          },
+
-          {
+  return (
-            accessorKey: "reason",
+    <ProTable<API.AdminWithdrawalLog, { user_id?: string; status?: string }>
-            header: "拒绝原因",
+      action={tableActionRef}
-            cell: ({ row }) => row.original.reason || "--",
+      actions={{
-          },
+        render: (row) => {
-          {
+          if (Number(row.status) !== 0) return [];
-            accessorKey: "created_at",
+
-            header: "申请时间",
+          const handleApprove = async () => {
-            cell: ({ row }) => formatDate(row.original.created_at),
+            try {
-          },
+              await approveWithdrawal({
-          {
+                withdrawal_id: Number(row.id),
-            accessorKey: "updated_at",
+              });
-            header: "更新时间",
+              toast.success(
-            cell: ({ row }) => formatDate(row.original.updated_at),
+                t("withdrawal.approveSuccess", "Withdrawal approved")
-          },
+              );
-        ]}
+              await tableActionRef.current?.refresh();
-        header={{ title: "提现管理" }}
+            } finally {
-        params={[
+              setApprovingId(null);
-          {
+            }
-            key: "status",
+          };
-            options: statusOptions,
+
-            placeholder: "状态",
+          return [
-          },
+            <Button
-          {
+              disabled={approvingId === Number(row.id)}
-            key: "user_id",
+              key={`approve-${row.id}`}
-            placeholder: "用户 ID",
+              onClick={() => {
-          },
+                setApprovingId(Number(row.id));
-        ]}
+                handleApprove();
-        request={async (pagination, filter) => {
+              }}
-          const { data } = await getWithdrawalList({
+              size="sm"
-            page: pagination.page,
+            >
-            size: pagination.size,
+              {approvingId === Number(row.id) && (
-            status: filter.status ? Number(filter.status) : undefined,
+                <LoaderCircle className="mr-2 h-4 w-4 animate-spin" />
-            user_id: filter.user_id ? Number(filter.user_id) : undefined,
+              )}
-          });
+              {t("withdrawal.approve", "Approve")}
-
+            </Button>,
-          return {
+            <RejectWithdrawalDialog
-            list: data.data?.list || [],
+              key={`reject-${row.id}`}
-            total: data.data?.total || 0,
+              onSuccess={() => tableActionRef.current?.refresh()}
-          };
+              row={row}
-        }}
+            />,
-      />
+          ];
-
+        },
-      <Dialog
+      }}
-        onOpenChange={(open) => {
+      columns={[
-          setRejectOpen(open);
+        {
-          if (!open) {
+          accessorKey: "id",
-            setCurrentRow(null);
+          header: t("withdrawal.column.id", "ID"),
-            form.reset({ reason: "" });
+        },
-          }
+        {
-        }}
+          accessorKey: "user_id",
-        open={rejectOpen}
+          header: t("withdrawal.column.user", "User"),
-      >
+          cell: ({ row }) => <UserDetail id={Number(row.original.user_id)} />,
-        <DialogContent>
+        },
-          <DialogHeader>
+        {
-            <DialogTitle>拒绝提现申请</DialogTitle>
+          accessorKey: "amount",
-            <DialogDescription>
+          header: t("withdrawal.column.amount", "Amount"),
-              为用户填写本次拒绝原因，提交后该记录会更新为已拒绝。
+          cell: ({ row }) => (
-            </DialogDescription>
+            <Display type="currency" value={Number(row.original.amount)} />
-          </DialogHeader>
+          ),
-          <Form {...form}>
+        },
-            <form
+        {
-              className="space-y-4"
+          accessorKey: "content",
-              onSubmit={form.handleSubmit(async (values) => {
+          header: t("withdrawal.column.content", "Withdrawal Info"),
-                if (!currentRow) return;
+          cell: ({ row }) => (
-                await rejectMutation.mutateAsync({
+            <div className="max-w-[280px] whitespace-pre-wrap break-words text-sm">
-                  withdrawal_id: currentRow.id,
+              {row.original.content}
-                  reason: values.reason.trim(),
+            </div>
-                });
+          ),
-              })}
+        },
-            >
+        {
-              <FormField
+          accessorKey: "status",
-                control={form.control}
+          header: t("withdrawal.column.status", "Status"),
-                name="reason"
+          cell: ({ row }) => {
-                render={({ field }) => (
+            const meta = getStatusMeta(Number(row.original.status), t);
-                  <FormItem>
+            return <Badge variant={meta.variant}>{meta.label}</Badge>;
-                    <FormLabel>拒绝原因</FormLabel>
+          },
-                    <FormControl>
+        },
-                      <Textarea
+        {
-                        placeholder="请输入拒绝原因，用户端会看到这条说明"
+          accessorKey: "reason",
-                        rows={5}
+          header: t("withdrawal.column.reason", "Reject Reason"),
-                        {...field}
+          cell: ({ row }) =>
-                      />
+            row.original.reason ? (
-                    </FormControl>
+              <div className="max-w-[220px] whitespace-pre-wrap break-words text-muted-foreground text-sm">
-                    <FormMessage />
+                {row.original.reason}
-                  </FormItem>
+              </div>
-                )}
+            ) : (
-              />
+              <span className="text-muted-foreground text-sm">-</span>
-              <DialogFooter>
+            ),
-                <Button
+        },
-                  onClick={() => setRejectOpen(false)}
+        {
-                  type="button"
+          accessorKey: "created_at",
-                  variant="outline"
+          header: t("withdrawal.column.createdAt", "Created At"),
-                >
+          cell: ({ row }) => formatDate(Number(row.original.created_at)),
-                  {t("cancel", "Cancel")}
+        },
-                </Button>
+      ]}
-                <Button disabled={rejectMutation.isPending} type="submit">
+      header={{
-                  {rejectMutation.isPending ? "提交中..." : "确认拒绝"}
+        title: t("withdrawal.title", "Withdrawal Management"),
-                </Button>
+      }}
-              </DialogFooter>
+      params={[
-            </form>
+        {
-          </Form>
+          key: "status",
-        </DialogContent>
+          type: "select",
-      </Dialog>
+          placeholder: t("withdrawal.filter.status", "Status"),
-    </>
+          options: WITHDRAWAL_STATUS_OPTIONS.map((option) => ({
+            label: t(`withdrawal.statusOption.${option.value}`, option.label),
+            value: option.value,
+          })),
+        },
+        {
+          key: "user_id",
+          placeholder: t("withdrawal.filter.userId", "User ID"),
+        },
+      ]}
+      request={async (pagination, filter) => {
+        const status =
+          filter.status && filter.status !== "all"
+            ? Number(filter.status)
+            : undefined;
+        const userId = filter.user_id ? Number(filter.user_id) : undefined;
+
+        const { data } = await getWithdrawalList({
+          page: pagination.page,
+          size: pagination.size,
+          status,
+          user_id: Number.isFinite(userId) ? userId : undefined,
+        });
+
+        const list = (data.data?.list || []) as API.AdminWithdrawalLog[];
+        return {
+          list,
+          total: Number(data.data?.total || list.length),
+        };
+      }}
+    />
   );
 }

apps/user/public/assets/locales/en-US/affiliate.json

@@ -1,37 +1,11 @@
 {
-  "accountInfo": "Payout Details",
-  "accountPlaceholder": "Enter bank card, Alipay, USDT wallet, or other payout details",
-  "accountRequired": "Payout details are required",
-  "accountTooLong": "Payout details must be 200 characters or fewer",
-  "amountInvalid": "Enter a valid amount",
-  "amountPositive": "Withdrawal amount must be greater than 0",
-  "applyTime": "Applied At",
-  "applyWithdraw": "Request Withdrawal",
-  "cancel": "Cancel",
   "commissionInfo": "Commission Info",
   "commissionRate": "Commission Rate",
   "copyInviteLink": "Copy Invite Link",
   "copySuccess": "Copy Success",
-  "currentCommission": "Current Commission",
   "inviteCode": "Invite Code",
   "inviteRecords": "Invite Records",
-  "noReason": "None",
-  "rejectReason": "Reject Reason",
   "registrationTime": "Registration Time",
-  "submitWithdraw": "Submit Request",
-  "submitting": "Submitting...",
   "totalCommission": "Total Commission",
-  "unknownStatus": "Unknown Status",
+  "userIdentifier": "User Identifier"
-  "userIdentifier": "User Identifier",
-  "withdrawAmount": "Withdrawal Amount",
-  "withdrawAmountPlaceholder": "Enter the withdrawal amount in dollars",
-  "withdrawDescription": "Submit the withdrawal amount and payout details, then wait for review.",
-  "withdrawError": "Failed to submit withdrawal request",
-  "withdrawRecords": "Withdrawal Records",
-  "withdrawStatus": {
-    "approved": "Approved",
-    "pending": "Pending Review",
-    "rejected": "Rejected"
-  },
-  "withdrawSuccess": "Withdrawal request submitted"
 }

apps/user/public/assets/locales/zh-CN/affiliate.json

@@ -1,37 +1,11 @@
 {
-  "accountInfo": "收款信息",
-  "accountPlaceholder": "请输入银行卡、支付宝、USDT 地址等收款信息",
-  "accountRequired": "请填写收款信息",
-  "accountTooLong": "收款信息不能超过 200 个字符",
-  "amountInvalid": "请输入有效金额",
-  "amountPositive": "提现金额必须大于 0",
-  "applyTime": "申请时间",
-  "applyWithdraw": "申请提现",
-  "cancel": "取消",
   "commissionInfo": "佣金信息",
   "commissionRate": "佣金比例",
   "copyInviteLink": "复制邀请链接",
   "copySuccess": "复制成功",
-  "currentCommission": "当前可见佣金",
   "inviteCode": "邀请码",
   "inviteRecords": "邀请记录",
-  "noReason": "无",
-  "rejectReason": "拒绝原因",
   "registrationTime": "注册时间",
-  "submitWithdraw": "提交申请",
-  "submitting": "提交中...",
   "totalCommission": "累计佣金",
-  "unknownStatus": "未知状态",
+  "userIdentifier": "用户标识"
-  "userIdentifier": "用户标识",
-  "withdrawAmount": "提现金额",
-  "withdrawAmountPlaceholder": "请输入提现金额，单位为元",
-  "withdrawDescription": "填写提现金额和收款信息后提交申请，等待后台审核。",
-  "withdrawError": "提现申请提交失败",
-  "withdrawRecords": "提现记录",
-  "withdrawStatus": {
-    "approved": "已通过",
-    "pending": "审核中",
-    "rejected": "已拒绝"
-  },
-  "withdrawSuccess": "提现申请已提交"
 }

bun.lock

@@ -49,9 +49,7 @@
         "motion": "^12.23.24",
         "qrcode.react": "^4.2.0",
         "radash": "^12.1.1",
-        "react": "^19.2.0",
         "react-copy-to-clipboard": "^5.1.0",
-        "react-dom": "^19.2.0",
         "react-helmet-async": "^2.0.5",
         "react-turnstile": "^1.1.4",
         "zustand": "^5.0.8",
@@ -87,9 +85,7 @@
         "framer-motion": "^12.23.24",
         "js-yaml": "^4.1.1",
         "qrcode.react": "^4.2.0",
-        "react": "^19.2.0",
         "react-copy-to-clipboard": "^5.1.0",
-        "react-dom": "^19.2.0",
         "react-helmet-async": "^2.0.5",
         "react-turnstile": "^1.1.4",
         "zustand": "^5.0.8",

packages/ui/src/services/admin/order.ts

@@ -78,21 +78,3 @@ export async function activateOrder(
     }
   );
 }
-
-/** Refund order POST /v1/admin/order/refund */
-export async function refundOrder(
-  body: API.RefundOrderRequest,
-  options?: { [key: string]: any }
-) {
-  return request<API.Response & { data?: any }>(
-    `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/order/refund`,
-    {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      data: body,
-      ...(options || {}),
-    }
-  );
-}

packages/ui/src/services/admin/typings.d.ts

@@ -133,10 +133,6 @@ declare namespace API {
     port: number;
   };
 
-  type ApproveWithdrawalRequest = {
-    withdrawal_id: number;
-  };
-
   type AuthConfig = {
     mobile: MobileAuthenticateConfig;
     email: EmailAuthticateConfig;
@@ -1185,18 +1181,6 @@ declare namespace API {
     list: User[];
   };
 
-  type GetWithdrawalListParams = {
-    page: number;
-    size: number;
-    user_id?: number;
-    status?: number;
-  };
-
-  type GetWithdrawalListResponse = {
-    total: number;
-    list: WithdrawalLog[];
-  };
-
   type GetUserLoginLogsParams = {
     page: number;
     size: number;
@@ -1466,7 +1450,6 @@ declare namespace API {
     fee_amount: number;
     trade_no: string;
     status: number;
-    status_name?: string;
     subscribe_id: number;
     created_at: number;
     updated_at: number;
@@ -1490,7 +1473,6 @@ declare namespace API {
     fee_amount: number;
     trade_no: string;
     status: number;
-    status_name?: string;
     subscribe_id: number;
     subscribe: Subscribe;
     created_at: number;
@@ -1801,11 +1783,6 @@ declare namespace API {
     total: number;
   };
 
-  type RejectWithdrawalRequest = {
-    withdrawal_id: number;
-    reason: string;
-  };
-
   type QuotaTask = {
     id: number;
     subscribers: number[];
@@ -2777,11 +2754,6 @@ declare namespace API {
     order_no: string;
   };
 
-  type RefundOrderRequest = {
-    id: number;
-    reason?: string;
-  };
-
   type RedemptionCode = {
     id: number;
     code: string;
@@ -3124,15 +3096,4 @@ declare namespace API {
       }>;
     }>;
   };
-
-  type WithdrawalLog = {
-    id: number;
-    user_id: number;
-    amount: number;
-    content: string;
-    status: number;
-    reason?: string;
-    created_at: number;
-    updated_at: number;
-  };
 }

packages/ui/src/services/admin/withdrawal.ts

@@ -23,7 +23,7 @@ export async function approveWithdrawal(
   body: API.ApproveWithdrawalRequest,
   options?: { [key: string]: any }
 ) {
-  return request<API.Response & { data?: any }>(
+  return request<API.Response>(
     `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/user/withdrawal/approve`,
     {
       method: "POST",
@@ -41,7 +41,7 @@ export async function rejectWithdrawal(
   body: API.RejectWithdrawalRequest,
   options?: { [key: string]: any }
 ) {
-  return request<API.Response & { data?: any }>(
+  return request<API.Response>(
     `${import.meta.env.VITE_API_PREFIX || ""}/v1/admin/user/withdrawal/reject`,
     {
       method: "POST",