[CLAUDE] PurchaseEvaluation: gop Ten goi thau = chon Hang muc cong viec (anh Kiet FDC chot 14:06) - 1 select set ca workItemId + tenGoiThau, phieu cu giu-nguyen null-safe, SHA256 mirror x2 app (S58)

fe-admin/src/components/pe/PeWorkspaceCreateView.tsx

@@ -93,8 +93,7 @@ export function PeWorkspaceCreateView({
     select: rows => rows.filter(r => r.isActive !== false),
   })
 
-  // Mig 23 — fetch list quy trình duyệt V2 cho User chọn (filter theo
-  // ApplicableType khớp với defaultType: 1=DuyetNcc / 2=DuyetNccPhuongAn).
+  // Mig 23 — fetch list quy trình duyệt V2 (filter ApplicableType khớp defaultType).
   // Mig 25 — chỉ hiện workflows admin đã ghim "cho user chọn" (IsUserSelectable=true).
   const approvalWorkflows = useQuery({
     queryKey: ['approval-workflows-v2-active', defaultType],
@@ -186,36 +185,23 @@ export function PeWorkspaceCreateView({
               </Select>
               {approvalWorkflows.data && approvalWorkflows.data.length === 0 && (
                 <p className="mt-1 text-[11px] text-amber-700">
-                  ⚠ Chưa có quy trình duyệt cho loại {PurchaseEvaluationTypeLabel[form.type]}. Vào{' '}
-                  <span className="font-mono">/system/approval-workflows-v2</span> để tạo trước.
+                  ⚠ Chưa có quy trình duyệt cho loại {PurchaseEvaluationTypeLabel[form.type]}. Liên hệ admin tạo trước.
                 </p>
               )}
             </div>
             <div className="md:col-span-2">
-              <Label className="text-[11px]">a. Tên gói thầu *</Label>
-              <Input
-                value={form.tenGoiThau}
-                onChange={e => setForm({ ...form, tenGoiThau: e.target.value })}
-                placeholder="vd Cung cấp bê tông"
-              />
-            </div>
-            <div className="md:col-span-2">
-              <Label className="text-[11px]">b. Dự án *</Label>
-              <Select
-                value={form.projectId}
-                onChange={e => setForm({ ...form, projectId: e.target.value, budgetId: '' })}
-              >
-                <option value="">— Chọn dự án —</option>
-                {projects.data?.map(p => (
-                  <option key={p.id} value={p.id}>{p.code} — {p.name}</option>
-                ))}
-              </Select>
-            </div>
-            <div className="md:col-span-2">
-              <Label className="text-[11px]">c. Hạng mục công việc *</Label>
+              {/* [S58] anh Kiệt (FDC) chốt 06-11: "Hạng mục công việc CHÍNH LÀ tên
+                  gói thầu" → gộp field c (S57bis) vào a: chọn từ danh mục Hạng mục
+                  thay nhập tay; chọn 1 phát set cả workItemId + tenGoiThau (= tên
+                  hạng mục). Phiếu vẫn lưu cả 2 field BE — không đổi contract. */}
+              <Label className="text-[11px]">a. Tên gói thầu (Hạng mục công việc) *</Label>
               <Select
                 value={form.workItemId}
-                onChange={e => setForm({ ...form, workItemId: e.target.value })}
+                onChange={e => {
+                  const id = e.target.value
+                  const w = workItems.data?.find(x => x.id === id)
+                  setForm({ ...form, workItemId: id, tenGoiThau: id ? (w?.name ?? '') : '' })
+                }}
                 required
               >
                 <option value="">— Chọn hạng mục công việc —</option>
@@ -231,6 +217,18 @@ export function PeWorkspaceCreateView({
                 </p>
               )}
             </div>
+            <div className="md:col-span-2">
+              <Label className="text-[11px]">b. Dự án *</Label>
+              <Select
+                value={form.projectId}
+                onChange={e => setForm({ ...form, projectId: e.target.value, budgetId: '' })}
+              >
+                <option value="">— Chọn dự án —</option>
+                {projects.data?.map(p => (
+                  <option key={p.id} value={p.id}>{p.code} — {p.name}</option>
+                ))}
+              </Select>
+            </div>
             <div>
               <Label className="text-[11px]">Địa điểm</Label>
               <Input