From e82369420265366c26a21f0222c444375efb5df4 Mon Sep 17 00:00:00 2001
From: pqhuy1987 <pqhuy1987@gmail.com>
Date: Fri, 19 Jun 2026 15:38:15 +0700
Subject: [PATCH] [CLAUDE] FE: PE phieu Tra lai them banner huong dan gui duyet
 lai (che do Xem)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bich Phuong hoi 'chi Tra tra ve thi bam nop lan 2 cho nao'. Phieu Tra lai o che do XEM (readOnly) khong co nut 'Luu & Gui Duyet' (nut do chi hien khi Sua) -> NV khong biet gui lai. Them banner amber khi phase==TraLai && readOnly: huong dan ra danh sach -> ✏️ Sua (but chi) -> dieu chinh -> 'Luu & Gui Duyet ->' o cuoi phieu; ly do tra lai xem o Lich su. Khop dung cau tra loi cua anh cho Bich Phuong. FE-only, 2 app SHA256-identical PeDetailTabs. Build PASS x2.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 fe-admin/src/components/pe/PeDetailTabs.tsx | 14 ++++++++++++++
 fe-user/src/components/pe/PeDetailTabs.tsx  | 14 ++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/fe-admin/src/components/pe/PeDetailTabs.tsx b/fe-admin/src/components/pe/PeDetailTabs.tsx
index 8ff1a6e..8c148e1 100644
--- a/fe-admin/src/components/pe/PeDetailTabs.tsx
+++ b/fe-admin/src/components/pe/PeDetailTabs.tsx
@@ -339,6 +339,20 @@ export function PeDetailTabs({
         )}
       </div>
 
+      {/* S77 [Bích Phượng hỏi / anh] — phiếu Trả lại ở chế độ XEM không có nút gửi
+          (readOnly → "Lưu & Gửi Duyệt" chỉ hiện khi Sửa). Banner hướng dẫn gửi lại
+          để NV khỏi lạc ("bấm nộp lần 2 chỗ nào"). */}
+      {evaluation.phase === PurchaseEvaluationPhase.TraLai && readOnly && (
+        <div className="m-4 rounded-md border border-amber-300 bg-amber-50 px-4 py-3 text-[13px] text-amber-900">
+          <div className="font-semibold">⚠️ Phiếu đã bị trả lại để chỉnh sửa</div>
+          <div className="mt-1 leading-relaxed">
+            Để <strong>gửi duyệt lại</strong>: ra <strong>danh sách</strong> → bấm <strong>✏️ Sửa</strong> phiếu
+            này (biểu tượng bút chì) → điều chỉnh nội dung cần sửa → bấm <strong>“Lưu &amp; Gửi Duyệt →”</strong> ở
+            cuối phiếu. Lý do trả lại xem ở mục <strong>“Lịch sử”</strong> bên dưới.
+          </div>
+        </div>
+      )}
+
       <div className="divide-y divide-slate-200">
         {/* Section layout (Session 20 Chunk B): Hạng mục nested expand chứa NCC
             (tầng 1 = hạng mục, tầng 2 = NCC tham gia + báo giá inline). NCC
diff --git a/fe-user/src/components/pe/PeDetailTabs.tsx b/fe-user/src/components/pe/PeDetailTabs.tsx
index 8ff1a6e..8c148e1 100644
--- a/fe-user/src/components/pe/PeDetailTabs.tsx
+++ b/fe-user/src/components/pe/PeDetailTabs.tsx
@@ -339,6 +339,20 @@ export function PeDetailTabs({
         )}
       </div>
 
+      {/* S77 [Bích Phượng hỏi / anh] — phiếu Trả lại ở chế độ XEM không có nút gửi
+          (readOnly → "Lưu & Gửi Duyệt" chỉ hiện khi Sửa). Banner hướng dẫn gửi lại
+          để NV khỏi lạc ("bấm nộp lần 2 chỗ nào"). */}
+      {evaluation.phase === PurchaseEvaluationPhase.TraLai && readOnly && (
+        <div className="m-4 rounded-md border border-amber-300 bg-amber-50 px-4 py-3 text-[13px] text-amber-900">
+          <div className="font-semibold">⚠️ Phiếu đã bị trả lại để chỉnh sửa</div>
+          <div className="mt-1 leading-relaxed">
+            Để <strong>gửi duyệt lại</strong>: ra <strong>danh sách</strong> → bấm <strong>✏️ Sửa</strong> phiếu
+            này (biểu tượng bút chì) → điều chỉnh nội dung cần sửa → bấm <strong>“Lưu &amp; Gửi Duyệt →”</strong> ở
+            cuối phiếu. Lý do trả lại xem ở mục <strong>“Lịch sử”</strong> bên dưới.
+          </div>
+        </div>
+      )}
+
       <div className="divide-y divide-slate-200">
         {/* Section layout (Session 20 Chunk B): Hạng mục nested expand chứa NCC
             (tầng 1 = hạng mục, tầng 2 = NCC tham gia + báo giá inline). NCC