[CLAUDE] PE+Contract+Budget integration — link Budget vào PE/HĐ + cột So với ngân sách

BE wire BudgetId nullable FK qua command + DTO bundle:
- Budgets.Dtos: + BudgetSummaryDto (compact header snapshot, không kèm Details — gọi /budgets/{id} riêng nếu cần đối chiếu chi tiết)
- PurchaseEvaluations.Dtos: + BudgetId? + Budget? BudgetSummaryDto vào PurchaseEvaluationDetailBundleDto
- Contracts.Dtos: + BudgetId? + Budget? BudgetSummaryDto vào ContractDetailDto
- CreatePE + UpdatePEDraft + handlers: + BudgetId? param + validate (cùng Project + Phase=DaDuyet) + persist
- CreateContract + UpdateContractDraft + handlers: + BudgetId? param + validate + persist + log diff
- GetPE + GetContract handlers: load BudgetSummary nếu có link
- CreateContractFromEvaluation: carry forward pe.BudgetId → contract.BudgetId (nếu phiếu PE đã link)

FE PE (cả 2 app):
- types/purchaseEvaluation.ts: + BudgetSummary type + budgetId/budget vào PeDetailBundle
- PurchaseEvaluationCreatePage: thêm Select 'Ngân sách' filter Phase=DaDuyet + Project match (BE-side filter qua /budgets?projectId=&phase=4). Disabled khi chưa pick Project. Edit mode preserve.
- PeDetailTabs InfoTab: hiển thị Budget link với mã + tên + tổng (clickable → /budgets?id=)
- PeDetailTabs ItemsTab: thêm cột 'NS link · Δ' chỉ hiện khi ev.budgetId. Match per-row qua key groupCode|itemCode → fetch /budgets/{id} riêng. Footer aggregate row 'Tổng' + delta indicator (xanh dưới / đỏ vượt / xám khớp). No-match cell hiện '—'.

FE Contract (cả 2 app):
- types/contracts.ts: + ContractBudgetSummary + budgetId/budget vào ContractDetail
- ContractCreatePage HeaderForm: thêm Budget Select sau FormFields, useEffect reset khi đổi project
- ContractCreatePage EditForm: Select khi isDraft / read-only link card khi !isDraft

TS build pass cả 2 app + dotnet build clean. No new migration (BudgetId? nullable FK đã có từ migration 14).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

fe-admin/src/pages/pe/PurchaseEvaluationCreatePage.tsx

@@ -17,7 +17,8 @@ import {
   PurchaseEvaluationTypeLabel,
   type PeDetailBundle,
 } from '@/types/purchaseEvaluation'
-import type { Project } from '@/types/master'
+import { BudgetPhase, type BudgetListItem } from '@/types/budget'
+import type { Paged, Project } from '@/types/master'
 
 export function PurchaseEvaluationCreatePage() {
   const navigate = useNavigate()
@@ -43,6 +44,24 @@ export function PurchaseEvaluationCreatePage() {
     diaDiem: '',
     moTa: '',
     paymentTerms: '',
+    budgetId: '' as string,
+  })
+
+  // Eligible Budgets: cùng Project + Phase=DaDuyet. BE filter trên Project +
+  // Phase server-side để FE không phải lọc thêm.
+  const eligibleBudgets = useQuery({
+    queryKey: ['eligible-budgets', form.projectId],
+    queryFn: async () => {
+      const res = await api.get<Paged<BudgetListItem>>('/budgets', {
+        params: {
+          pageSize: 100,
+          projectId: form.projectId,
+          phase: BudgetPhase.DaDuyet,
+        },
+      })
+      return res.data.items
+    },
+    enabled: !!form.projectId,
   })
 
   useEffect(() => {
@@ -54,6 +73,7 @@ export function PurchaseEvaluationCreatePage() {
         diaDiem: existing.data.diaDiem ?? '',
         moTa: existing.data.moTa ?? '',
         paymentTerms: existing.data.paymentTerms ?? '',
+        budgetId: existing.data.budgetId ?? '',
       })
     }
   }, [existing.data])
@@ -67,6 +87,7 @@ export function PurchaseEvaluationCreatePage() {
           diaDiem: form.diaDiem || null,
           moTa: form.moTa || null,
           paymentTerms: form.paymentTerms || null,
+          budgetId: form.budgetId || null,
         })
       }
       return api.post<{ id: string }>('/purchase-evaluations', {
@@ -76,6 +97,7 @@ export function PurchaseEvaluationCreatePage() {
         diaDiem: form.diaDiem || null,
         moTa: form.moTa || null,
         paymentTerms: form.paymentTerms || null,
+        budgetId: form.budgetId || null,
       })
     },
     onSuccess: res => {
@@ -133,6 +155,29 @@ export function PurchaseEvaluationCreatePage() {
           </Select>
         </div>
 
+        <div>
+          <Label>Ngân sách (đối chiếu chi phí)</Label>
+          <Select
+            value={form.budgetId}
+            disabled={!form.projectId}
+            onChange={e => setForm({ ...form, budgetId: e.target.value })}
+          >
+            <option value="">— (không link)</option>
+            {eligibleBudgets.data?.map(b => (
+              <option key={b.id} value={b.id}>
+                {b.maNganSach ?? '—'} · {b.tenNganSach} · {b.tongNganSach.toLocaleString('vi-VN')} đ
+              </option>
+            ))}
+          </Select>
+          <p className="mt-1 text-[11px] text-slate-500">
+            {!form.projectId
+              ? 'Chọn dự án trước để xem ngân sách khả dụng.'
+              : eligibleBudgets.data && eligibleBudgets.data.length === 0
+              ? 'Dự án này chưa có ngân sách đã duyệt.'
+              : 'Chỉ list ngân sách đã duyệt cùng dự án.'}
+          </p>
+        </div>
+
         <div>
           <Label>Địa điểm</Label>
           <Input