R7E-16E/R7E-16F 高风险操作确认统一

client/src/pages/PaymentBatchesPage.tsx

@@ -17,6 +17,7 @@ import { mapApiErrorMessage } from "../api/errorMessages";
 import { useAuth } from "../auth/AuthContext";
 import { hasPermission } from "../auth/permissions";
 import { ListWorkspace, WorkspaceHeader } from "../components/patterns/ListWorkspace";
+import { ActionConfirmDialog } from "../components/common/ActionConfirmDialog";
 import { Button } from "../components/ui/button";
 import { Input } from "../components/ui/input";
 import { Label } from "../components/ui/label";
@@ -61,6 +62,11 @@ export function PaymentBatchesPage() {
   const [defaultPaymentChannel, setDefaultPaymentChannel] = useState<PaymentChannel | "">("");
   const [voucherPrefix, setVoucherPrefix] = useState("");
   const [error, setError] = useState("");
+  const [confirmPaymentAction, setConfirmPaymentAction] = useState<{
+    kind: "financeReview" | "financePayment" | "cancel";
+    batchId: string;
+    batchNo: string;
+  } | null>(null);
 
   const listQuery = useQuery({
     queryKey: ["payment-batches"],
@@ -330,7 +336,11 @@ export function PaymentBatchesPage() {
                         type="button"
                         variant="secondary"
                         disabled={reviewMutation.isPending || !canReviewSelectedBatch}
-                        onClick={() => reviewMutation.mutate(selectedBatch.id)}
+                        onClick={() => setConfirmPaymentAction({
+                          kind: "financeReview",
+                          batchId: selectedBatch.id,
+                          batchNo: selectedBatch.batchNo,
+                        })}
                       >
                         {selectedBatch.reviewRequirement.nextStep === "second_review" ? "二次复核" : "复核"}
                       </Button>
@@ -339,7 +349,11 @@ export function PaymentBatchesPage() {
                       <Button
                         type="button"
                         disabled={executeMutation.isPending || !canExecuteSelectedBatch}
-                        onClick={() => executeMutation.mutate(selectedBatch.id)}
+                        onClick={() => setConfirmPaymentAction({
+                          kind: "financePayment",
+                          batchId: selectedBatch.id,
+                          batchNo: selectedBatch.batchNo,
+                        })}
                       >
                         执行
                       </Button>
@@ -349,7 +363,11 @@ export function PaymentBatchesPage() {
                         type="button"
                         variant="secondary"
                         disabled={cancelMutation.isPending || !canCancelSelectedBatch}
-                        onClick={() => cancelMutation.mutate(selectedBatch.id)}
+                        onClick={() => setConfirmPaymentAction({
+                          kind: "cancel",
+                          batchId: selectedBatch.id,
+                          batchNo: selectedBatch.batchNo,
+                        })}
                       >
                         取消
                       </Button>
@@ -417,6 +435,27 @@ export function PaymentBatchesPage() {
           ) : null}
         </div>
       </div>
+      <ActionConfirmDialog
+        open={Boolean(confirmPaymentAction)}
+        onOpenChange={(open) => {
+          if (!open) setConfirmPaymentAction(null);
+        }}
+        kind={confirmPaymentAction?.kind ?? "financePayment"}
+        targetName={confirmPaymentAction?.batchNo}
+        description={
+          confirmPaymentAction?.kind === "financeReview"
+            ? "确认后将写入付款批次复核记录；高风险批次仍需满足双人复核要求。"
+            : confirmPaymentAction?.kind === "cancel"
+              ? "取消后该付款批次不能继续执行，历史记录会保留。"
+              : "确认后将执行付款批次并影响付款状态，请确认批次、金额和复核要求均已核对。"
+        }
+        onConfirm={async () => {
+          if (!confirmPaymentAction) return;
+          if (confirmPaymentAction.kind === "financeReview") reviewMutation.mutate(confirmPaymentAction.batchId);
+          if (confirmPaymentAction.kind === "financePayment") executeMutation.mutate(confirmPaymentAction.batchId);
+          if (confirmPaymentAction.kind === "cancel") cancelMutation.mutate(confirmPaymentAction.batchId);
+        }}
+      />
     </ListWorkspace>
   );
 }