feat: 增加管理端多语言与多模块界面国际化支持

src/modules/jackpot/jackpot-records-console.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useCallback, useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
 
 import { getAdminJackpotContributions, getAdminJackpotPayoutLogs } from "@/api/admin-jackpot";
 import { AdminListPaginationFooter } from "@/components/admin/admin-list-pagination-footer";
@@ -26,6 +27,7 @@ import type {
 } from "@/types/api/admin-jackpot";
 
 export function JackpotRecordsConsole() {
+  const { t } = useTranslation(["jackpot", "common"]);
   const formatDt = useAdminDateTimeFormatter();
   const [drawNo, setDrawNo] = useState("");
   const [appliedDrawNo, setAppliedDrawNo] = useState("");
@@ -52,11 +54,11 @@ export function JackpotRecordsConsole() {
       });
       setPayouts(d);
     } catch (e) {
-      setErr(e instanceof LotteryApiBizError ? e.message : "派彩记录加载失败");
+      setErr(e instanceof LotteryApiBizError ? e.message : t("payoutLoadFailed"));
     } finally {
       setLoadingP(false);
     }
-  }, [pPage, pPer, appliedDrawNo]);
+  }, [pPage, pPer, appliedDrawNo, t]);
 
   const loadContribs = useCallback(async () => {
     setLoadingC(true);
@@ -68,11 +70,11 @@ export function JackpotRecordsConsole() {
       });
       setContribs(d);
     } catch (e) {
-      setErr(e instanceof LotteryApiBizError ? e.message : "蓄水记录加载失败");
+      setErr(e instanceof LotteryApiBizError ? e.message : t("contributionLoadFailed"));
     } finally {
       setLoadingC(false);
     }
-  }, [cPage, cPer, appliedDrawNo]);
+  }, [cPage, cPer, appliedDrawNo, t]);
 
   useEffect(() => {
     queueMicrotask(() => {
@@ -96,21 +98,21 @@ export function JackpotRecordsConsole() {
     <ModuleScaffold>
       <Card className="mb-6">
         <CardHeader className="pb-3">
-          <CardTitle className="text-base">筛选</CardTitle>
+          <CardTitle className="text-base">{t("filter")}</CardTitle>
         </CardHeader>
         <CardContent className="flex flex-col gap-3 sm:flex-row sm:items-end">
           <div className="flex max-w-xs flex-1 flex-col gap-1.5">
-            <Label htmlFor="jk-draw">期号</Label>
+            <Label htmlFor="jk-draw">{t("drawNo")}</Label>
             <Input
               id="jk-draw"
               className="font-mono"
               value={drawNo}
               onChange={(e) => setDrawNo(e.target.value)}
-              placeholder="可选"
+              placeholder={t("optional")}
             />
           </div>
           <Button type="button" onClick={applyDraw}>
-            应用
+            {t("apply")}
           </Button>
         </CardContent>
       </Card>
@@ -119,21 +121,21 @@ export function JackpotRecordsConsole() {
 
       <Card className="mb-8">
         <CardHeader>
-          <CardTitle className="text-base">Jackpot 派彩记录</CardTitle>
+          <CardTitle className="text-base">{t("payoutRecords")}</CardTitle>
         </CardHeader>
         <CardContent>
           {loadingP && !payouts ? (
-            <p className="text-muted-foreground text-sm">加载中…</p>
+            <p className="text-muted-foreground text-sm">{t("states.loading", { ns: "common" })}</p>
           ) : (
             <Table>
               <TableHeader>
                 <TableRow>
                   <TableHead>ID</TableHead>
-                  <TableHead>期号</TableHead>
-                  <TableHead>触发</TableHead>
-                  <TableHead className="text-right">派彩额</TableHead>
-                  <TableHead className="text-right">中奖人数</TableHead>
-                  <TableHead>时间</TableHead>
+                  <TableHead>{t("drawNo")}</TableHead>
+                  <TableHead>{t("trigger")}</TableHead>
+                  <TableHead className="text-right">{t("payoutAmount")}</TableHead>
+                  <TableHead className="text-right">{t("winnerCount")}</TableHead>
+                  <TableHead>{t("time")}</TableHead>
                 </TableRow>
               </TableHeader>
               <TableBody>
@@ -174,21 +176,21 @@ export function JackpotRecordsConsole() {
 
       <Card>
         <CardHeader>
-          <CardTitle className="text-base">Jackpot 蓄水记录</CardTitle>
+          <CardTitle className="text-base">{t("contributionRecords")}</CardTitle>
         </CardHeader>
         <CardContent>
           {loadingC && !contribs ? (
-            <p className="text-muted-foreground text-sm">加载中…</p>
+            <p className="text-muted-foreground text-sm">{t("states.loading", { ns: "common" })}</p>
           ) : (
             <Table>
               <TableHeader>
                 <TableRow>
                   <TableHead>ID</TableHead>
-                  <TableHead>期号</TableHead>
-                  <TableHead>注单</TableHead>
-                  <TableHead>玩家</TableHead>
-                  <TableHead className="text-right">蓄水额</TableHead>
-                  <TableHead>时间</TableHead>
+                  <TableHead>{t("drawNo")}</TableHead>
+                  <TableHead>{t("ticketNo")}</TableHead>
+                  <TableHead>{t("player")}</TableHead>
+                  <TableHead className="text-right">{t("contributionAmount")}</TableHead>
+                  <TableHead>{t("time")}</TableHead>
                 </TableRow>
               </TableHeader>
               <TableBody>