R108/A1-A7 固化企业微信移动端视觉门禁

client/src/pages/MobileCapturePage.tsx

@@ -243,10 +243,13 @@ export function MobileCapturePage() {
               setError("");
 
               if (!isOnline) {
+                const enqueuedItems: MobileUploadQueueItem[] = [];
                 for (const file of selectedFiles) {
-                  await enqueueInvoiceUpload(file);
+                  enqueuedItems.push(await enqueueInvoiceUpload(file));
                 }
-                await queryClient.invalidateQueries({ queryKey: ["mobile", "invoice-upload-queue"] });
+                queryClient.setQueryData<MobileUploadQueueItem[]>(["mobile", "invoice-upload-queue"], (current) =>
+                  [...(current ?? []), ...enqueuedItems].sort((a, b) => a.createdAt.localeCompare(b.createdAt)),
+                );
                 setSelectedFiles([]);
                 setMessage(`当前离线，已加入待上传队列 ${selectedFiles.length} 项`);
                 return;
@@ -296,7 +299,9 @@ export function MobileCapturePage() {
                 data-testid={`mobile-capture-remove-${item.id}`}
                 onClick={async () => {
                   await removeQueuedInvoiceUpload(item.id);
-                  await queryClient.invalidateQueries({ queryKey: ["mobile", "invoice-upload-queue"] });
+                  queryClient.setQueryData<MobileUploadQueueItem[]>(["mobile", "invoice-upload-queue"], (current) =>
+                    (current ?? []).filter((queuedItem) => queuedItem.id !== item.id),
+                  );
                 }}
                 size="sm"
                 type="button"