feat(P19AI1-3): 前端AI智能建议卡片挂件注入报销/采购/资产详情

client/src/pages/AssetRegistryPage.tsx

@@ -27,6 +27,7 @@ import { isApiError } from "../api/types";
 import { useAuth } from "../auth/AuthContext";
 import { hasAnyPermission, hasPermission } from "../auth/permissions";
 import { PageHeader } from "../components/common/PageHeader";
+import { AiSuggestionCard } from "../components/ai/AiSuggestionCard";
 import { StatusBadge } from "../components/common/StatusBadge";
 import { TableSkeleton } from "../components/common/TableSkeleton";
 import { Button } from "../components/ui/button";
@@ -996,6 +997,10 @@ export function AssetRegistryPage() {
                   </div>
                 ) : null}
 
+                {selectedAssetId && !isCreatingAsset && currentAsset ? (
+                  <AiSuggestionCard targetType="asset_card" targetId={currentAsset.id} />
+                ) : null}
+
                 <div className="flex items-center gap-2">
                   {canManage ? (
                     <Button type="button" data-testid="asset-save" disabled={saveAssetMutation.isPending || !canEditCurrent} onClick={() => saveAssetMutation.mutate()}>

client/src/pages/PurchaseRequestsPage.tsx

@@ -32,6 +32,7 @@ import {
 import { useAuth } from "../auth/AuthContext";
 import { hasPermission } from "../auth/permissions";
 import { PageHeader } from "../components/common/PageHeader";
+import { AiSuggestionCard } from "../components/ai/AiSuggestionCard";
 import { Pagination } from "../components/common/Pagination";
 import { StatusBadge } from "../components/common/StatusBadge";
 import { TableSkeleton } from "../components/common/TableSkeleton";
@@ -1266,6 +1267,8 @@ export function PurchaseRequestsPage() {
                   )}
                 </div>
               ) : null}
+
+              <AiSuggestionCard targetType="purchase_request" targetId={detail.id} />
             </>
           ) : null}
         </div>

client/src/pages/ReimbursementDetailPage.tsx

@@ -21,6 +21,7 @@ import { hasPermission } from "../auth/permissions";
 import { CardSkeleton } from "../components/common/CardSkeleton";
 import { ConfirmDialog } from "../components/common/ConfirmDialog";
 import { PageHeader } from "../components/common/PageHeader";
+import { AiSuggestionCard } from "../components/ai/AiSuggestionCard";
 import { Button } from "../components/ui/button";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../components/ui/table";
 import { ReimbursementActions, type PayPayload } from "./reimbursement-detail/ReimbursementActions";
@@ -413,6 +414,8 @@ export function ReimbursementDetailPage() {
         </div>
       ) : null}
 
+      <AiSuggestionCard targetType="reimbursement" targetId={detail.id} />
+
       <div className="card-std space-y-4 p-6" data-testid="reimbursement-items">
         <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
           <div className="space-y-1">