优化视频复刻和商品内容大小

core/frontend/src/routes/admin/admin-reviews.tsx

@@ -32,6 +32,7 @@ export function AdminReviewsPage({ notify }: { notify: Notify }) {
   const [loading, setLoading] = useState(true);
   const [page, setPage] = useState(1);
   const [tab, setTab] = useState("");
+  const [selected, setSelected] = useState<Set<string>>(new Set());
   const [busy, setBusy] = useState(false);
   const [preview, setPreview] = useState<{ src: string; name: string } | null>(null);
 
@@ -42,6 +43,11 @@ export function AdminReviewsPage({ notify }: { notify: Notify }) {
       if (res.results.length === 0 && res.count > 0 && page > 1) { setPage((p) => Math.max(1, p - 1)); return; }
       setAssets(res.results);
       setCount(res.count);
+      if (!silent) setSelected(new Set());
+      else {
+        const ids = new Set(res.results.map((a) => a.id));
+        setSelected((s) => new Set([...s].filter((id) => ids.has(id))));
+      }
     } catch {
       if (!silent) notify("error", "加载审核队列失败");
     } finally {
@@ -71,15 +77,27 @@ export function AdminReviewsPage({ notify }: { notify: Notify }) {
     };
   }, [load]);
 
-  async function retry(id: string) {
-    if (busy) return;
+  function toggleOne(id: string) {
+    setSelected((s) => {
+      const next = new Set(s);
+      if (next.has(id)) next.delete(id); else next.add(id);
+      return next;
+    });
+  }
+  function toggleAll() {
+    setSelected((s) => (s.size === assets.length ? new Set() : new Set(assets.map((a) => a.id))));
+  }
+
+  async function submit(ids: string[]) {
+    if (busy || ids.length === 0) return;
     setBusy(true);
     try {
-      await adminApi.submitReviews([id]);
-      notify("success", "已重新送审");
+      const res = await adminApi.submitReviews(ids);
+      notify("success", `已提交 ${res.submitted} 个资产送审`);
+      setSelected(new Set());
       await load({ silent: true });
     } catch {
-      notify("error", "重试失败");
+      notify("error", "送审失败");
     } finally {
       setBusy(false);
     }
@@ -113,7 +131,7 @@ export function AdminReviewsPage({ notify }: { notify: Notify }) {
       <div className="page-head">
         <div>
           <h1>资产审核</h1>
-          <div className="sub"><span className="mono">{count} 个真人资产</span> · 未送审会自动提交火山审核，无需手动点送审</div>
+          <div className="sub"><span className="mono">{count} 个真人资产</span> · 未送审会自动提交火山审核，也可勾选批量送审</div>
         </div>
         <div className="actions">
           <button className="btn" type="button" disabled={busy} onClick={() => void poll()}>
@@ -139,6 +157,7 @@ export function AdminReviewsPage({ notify }: { notify: Notify }) {
           <table className="t admin-table">
             <thead>
               <tr>
+                <th className="col-check"><input type="checkbox" checked={selected.size === assets.length && assets.length > 0} onChange={toggleAll} aria-label="全选" /></th>
                 <th>预览</th>
                 <th>团队</th>
                 <th>名称</th>
@@ -149,6 +168,7 @@ export function AdminReviewsPage({ notify }: { notify: Notify }) {
             <tbody>
               {assets.map((a) => (
                 <tr key={a.id}>
+                  <td className="col-check"><input type="checkbox" checked={selected.has(a.id)} onChange={() => toggleOne(a.id)} aria-label="选择" /></td>
                   <td>
                     {a.preview_url
                       ? (
@@ -171,11 +191,11 @@ export function AdminReviewsPage({ notify }: { notify: Notify }) {
                     {a.review_status === "failed" && a.review_error && <span className="admin-review-err mono" title={a.review_error}>!</span>}
                   </td>
                   <td className="col-actions">
-                    {a.review_status === "failed" ? (
-                      <button className="btn btn-sm btn-ghost" type="button" disabled={busy} onClick={() => void retry(a.id)}>
-                        重试
+                    {(a.review_status === "failed" || a.review_status === "") && (
+                      <button className="btn btn-sm btn-ghost" type="button" disabled={busy} onClick={() => void submit([a.id])}>
+                        {a.review_status === "failed" ? "重试" : "送审"}
                       </button>
-                    ) : null}
+                    )}
                   </td>
                 </tr>
               ))}
@@ -185,6 +205,14 @@ export function AdminReviewsPage({ notify }: { notify: Notify }) {
         </div>
       )}
 
+      {selected.size > 0 && (
+        <div className="admin-bulk-bar" role="toolbar" aria-label="批量送审">
+          <span className="admin-bulk-count">已选 {selected.size} 个</span>
+          <button className="btn btn-sm" type="button" onClick={() => setSelected(new Set())}>取消</button>
+          <button className="btn btn-sm btn-primary" type="button" disabled={busy} onClick={() => void submit([...selected])}>批量送审</button>
+        </div>
+      )}
+
       <MediaLightbox open={!!preview} src={preview?.src || ""} kind="image" name={preview?.name} close={() => setPreview(null)} />
     </>
   );