feat(P17B-3,P17B-4): 增加采购归档前端与审批链路E2E

client/src/components/common/StatusBadge.tsx

@@ -1,3 +1,4 @@
+import type { ComponentPropsWithoutRef } from "react";
 // 状态气泡组件
 import { cn } from "../../lib/utils";
 
@@ -26,15 +27,15 @@ export function StatusBadge({
   status,
   label,
   className,
-}: {
+  ...props
+}: ComponentPropsWithoutRef<"span"> & {
   status: string;
   label?: string;
-  className?: string;
 }) {
   const config = STATUS_MAP[status] || { label: status, className: "badge-neutral" };
 
   return (
-    <span className={cn(config.className, className)}>
+    <span className={cn(config.className, className)} {...props}>
       {label ?? config.label}
     </span>
   );