fix: 全览按钮z-index修复+产品ID点击弹二维码

frontend/src/pages/admin/AdminTasksPage.tsx

@@ -55,6 +55,7 @@ export default function AdminTasksPage() {
   // 弹窗
   const [modalTarget, setModalTarget] = useState<ModalTarget | null>(null);
   const [submitting, setSubmitting] = useState(false);
+  const [qrSerial, setQrSerial] = useState<string | null>(null); // 🔧 QR弹窗
 
   // ---- 加载产品列表（始终拉全量，不做服务端状态过滤） ----
   async function loadProducts(kw: string) {
@@ -373,7 +374,7 @@ export default function AdminTasksPage() {
                       return (
                         <div key={p.id}>
                           <div className="grid grid-cols-12 gap-2 border-t border-gray-50 px-5 py-3 items-center text-sm hover:bg-gray-50/50">
-                            <div className="col-span-2 font-mono text-xs font-semibold text-gray-800 tracking-wider">{p.serial_number}</div>
+                            <div className="col-span-2 font-mono text-xs font-semibold text-gray-800 tracking-wider cursor-pointer hover:text-blue-600 underline decoration-dotted" onClick={() => setQrSerial(p.serial_number)} title="点击查看二维码">{p.serial_number}</div>
                             <div className="col-span-1 font-mono text-xs text-gray-600 truncate">{p.external_serial || "—"}</div>
                             <div className="col-span-2 text-xs text-gray-500 truncate">{p.spec_model || p.material_name || p.material_id || "—"}</div>
                             <div className="col-span-1"><span className="text-xs font-medium text-gray-700">{p.overall_status || "—"}</span></div>
@@ -437,6 +438,19 @@ export default function AdminTasksPage() {
         </div>
       )}
 
+      {/* 🔧 二维码弹窗 */}
+      {qrSerial && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center" onClick={() => setQrSerial(null)}>
+          <div className="absolute inset-0 bg-black/40 backdrop-blur-sm" />
+          <div className="relative z-10 rounded-xl bg-white p-6 shadow-2xl text-center" onClick={e => e.stopPropagation()}>
+            <h3 className="mb-3 text-sm font-bold text-gray-800">产品二维码</h3>
+            <img src={`/api/v1/products/qrcode/${qrSerial}`} alt={`QR-${qrSerial}`} className="mx-auto h-64 w-64 rounded-lg border" />
+            <p className="mt-3 font-mono text-sm font-bold tracking-wider text-gray-700">{qrSerial}</p>
+            <button onClick={() => setQrSerial(null)} className="mt-4 rounded-lg bg-blue-600 px-6 py-2 text-sm text-white hover:bg-blue-700">关闭</button>
+          </div>
+        </div>
+      )}
+
       {/* ---- 弹窗 ---- */}
       <ReceiveConfirmModal
         open={modalTarget?.action === "receive"}