From 80b64dd51403fa07728c77b146697e8ce4d3ea9b Mon Sep 17 00:00:00 2001
From: pqhuy1987 <pqhuy1987@gmail.com>
Date: Thu, 11 Jun 2026 18:33:33 +0700
Subject: [PATCH] [CLAUDE] PurchaseEvaluation: go field "Dieu khoan thanh toan"
 khoi TAT CA form phieu (UAT vong 5 - anh chot "bo not ra luon tat ca cac
 form")

- PeWorkspaceCreateView: bo Select preset + Textarea custom + PAYMENT_PRESETS/
  PAYMENT_CUSTOM/paymentMode drop, payload paymentTerms: null.
- PeHeaderForm + PeDetailTabs inline-edit: bo Textarea; state paymentTerms GIU
  (load tu phieu cu + save giu nguyen -> data cu KHONG mat, van hien read-only).
- GIU cot "Dieu khoan TT" per-NCC trong bang so sanh (data tung NCC, khac field).
- SHA256 mirror x2 app IDENTICAL, build tsc+vite x2 PASS.
---
 fe-admin/src/components/pe/PeDetailTabs.tsx   | 14 +----
 fe-admin/src/components/pe/PeHeaderForm.tsx   | 11 +---
 .../components/pe/PeWorkspaceCreateView.tsx   | 56 ++-----------------
 fe-user/src/components/pe/PeDetailTabs.tsx    | 14 +----
 fe-user/src/components/pe/PeHeaderForm.tsx    | 11 +---
 .../components/pe/PeWorkspaceCreateView.tsx   | 56 ++-----------------
 6 files changed, 20 insertions(+), 142 deletions(-)

diff --git a/fe-admin/src/components/pe/PeDetailTabs.tsx b/fe-admin/src/components/pe/PeDetailTabs.tsx
index b0725ac..c6febc9 100644
--- a/fe-admin/src/components/pe/PeDetailTabs.tsx
+++ b/fe-admin/src/components/pe/PeDetailTabs.tsx
@@ -13,7 +13,6 @@ import { Input } from '@/components/ui/Input'
 import { Label } from '@/components/ui/Label'
 import { SearchableSelect } from '@/components/ui/SearchableSelect'
 import { Select } from '@/components/ui/Select'
-import { Textarea } from '@/components/ui/Textarea'
 import { api } from '@/lib/api'
 import { getErrorMessage } from '@/lib/apiError'
 import { cn } from '@/lib/cn'
@@ -722,16 +721,9 @@ function InfoTab({ ev, readOnly, autoEdit }: { ev: PeDetailBundle; readOnly: boo
             placeholder="Phương án A: ..."
           />
         </div>
-        <div className="md:col-span-2">
-          <Label className="text-[11px]">Điều khoản thanh toán</Label>
-          {/* S59 UAT "nhập tay chỉ được 1 dòng?" → Textarea đa dòng (render đã pre-wrap). */}
-          <Textarea
-            rows={3}
-            value={paymentTerms}
-            onChange={e => setPaymentTerms(e.target.value)}
-            placeholder={'Nhập điều khoản — Enter để xuống dòng'}
-          />
-        </div>
+        {/* S59 vòng 5: field "Điều khoản thanh toán" GỠ khỏi inline-edit (anh chốt
+            "bỏ nốt ra luôn tất cả các form"). State paymentTerms giữ — save giữ nguyên
+            data cũ; phiếu đã nhập vẫn hiển thị read-only ở header info. */}
       </div>
       <div className="flex items-center justify-end gap-2">
         <Button
diff --git a/fe-admin/src/components/pe/PeHeaderForm.tsx b/fe-admin/src/components/pe/PeHeaderForm.tsx
index bb0f0a3..d6d58f7 100644
--- a/fe-admin/src/components/pe/PeHeaderForm.tsx
+++ b/fe-admin/src/components/pe/PeHeaderForm.tsx
@@ -307,15 +307,8 @@ export function PeHeaderForm({
         <Textarea rows={3} value={form.moTa} onChange={e => setForm({ ...form, moTa: e.target.value })} />
       </div>
 
-      <div>
-        <Label>Điều khoản thanh toán (JSON hoặc text)</Label>
-        <Textarea
-          rows={3}
-          value={form.paymentTerms}
-          onChange={e => setForm({ ...form, paymentTerms: e.target.value })}
-          placeholder='{"tamUng":"10%","thanhToanTam":"100% W.done","quyetToan":"Final Account","baoHanh":"5%"}'
-        />
-      </div>
+      {/* S59 vòng 5: field "Điều khoản thanh toán" GỠ khỏi form (anh chốt). State
+          paymentTerms giữ — load từ phiếu cũ + save giữ nguyên, data cũ KHÔNG mất. */}
 
       <div className="flex justify-end gap-2">
         {onCancel && (
diff --git a/fe-admin/src/components/pe/PeWorkspaceCreateView.tsx b/fe-admin/src/components/pe/PeWorkspaceCreateView.tsx
index c993fdf..717a0c6 100644
--- a/fe-admin/src/components/pe/PeWorkspaceCreateView.tsx
+++ b/fe-admin/src/components/pe/PeWorkspaceCreateView.tsx
@@ -15,7 +15,6 @@ import { Input } from '@/components/ui/Input'
 import { Label } from '@/components/ui/Label'
 import { SearchableSelect } from '@/components/ui/SearchableSelect'
 import { Select } from '@/components/ui/Select'
-import { Textarea } from '@/components/ui/Textarea'
 import { api } from '@/lib/api'
 import { getErrorMessage } from '@/lib/apiError'
 import { PurchaseEvaluationTypeLabel } from '@/types/purchaseEvaluation'
@@ -36,21 +35,10 @@ type WorkItemOption = {
   isActive?: boolean
 }
 
-// Preset điều khoản thanh toán phổ biến — user chọn 1 trong list, hoặc "Khác"
-// để nhập tay. Save as plain text (không JSON như cũ — code-style không phù
-// hợp UI cho end-user). User 2026-05-07 chỉnh.
-const PAYMENT_PRESETS = [
-  '100% sau khi nghiệm thu',
-  'Tạm ứng 30% / Thanh toán 70% sau nghiệm thu',
-  'Tạm ứng 50% / Thanh toán 50% sau nghiệm thu',
-  'TGN-30 ngày (Thanh toán giao nhận 30 ngày)',
-  'TGN-45 ngày',
-  'TGN-60 ngày',
-  'Tiến độ theo từng đợt',
-  'Bảo hành 5% trong 12 tháng',
-] as const
-
-const PAYMENT_CUSTOM = '__custom__'
+// S59 UAT vòng 5 (anh chốt "điều khoản thanh toán bỏ nốt ra luôn tất cả các form"):
+// field Điều khoản TT phiếu-level GỠ khỏi mọi form (Create/HeaderForm/inline-edit).
+// PAYMENT_PRESETS + PAYMENT_CUSTOM drop. Cột "Điều khoản TT" per-NCC trong bảng
+// so sánh GIỮ (data của từng NCC, khác field). Phiếu cũ đã nhập → display read-only.
 
 export function PeWorkspaceCreateView({
   defaultType,
@@ -80,8 +68,6 @@ export function PeWorkspaceCreateView({
     approvalWorkflowId: '',
   })
   // Payment terms: select preset OR "Khác" → text input
-  const [paymentMode, setPaymentMode] = useState<string>('')  // '' / preset / __custom__
-  const isPaymentCustom = paymentMode === PAYMENT_CUSTOM
 
   const projects = useQuery({
     queryKey: ['all-projects'],
@@ -142,7 +128,7 @@ export function PeWorkspaceCreateView({
         workItemId: form.workItemId || null,
         diaDiem: form.diaDiem || null,
         moTa: form.moTa || null,
-        paymentTerms: form.paymentTerms || null,
+        paymentTerms: null, // S59 vòng 5: field gỡ khỏi form
         approvalWorkflowId: form.approvalWorkflowId || null,
         ...budgetPayload,
       })
@@ -261,38 +247,6 @@ export function PeWorkspaceCreateView({
                 placeholder="Phương án A: ..."
               />
             </div>
-            <div className="md:col-span-2">
-              <Label className="text-[11px]">Điều khoản thanh toán</Label>
-              <Select
-                value={paymentMode}
-                onChange={e => {
-                  const v = e.target.value
-                  setPaymentMode(v)
-                  if (v === '' || v === PAYMENT_CUSTOM) {
-                    setForm(f => ({ ...f, paymentTerms: '' }))
-                  } else {
-                    setForm(f => ({ ...f, paymentTerms: v }))
-                  }
-                }}
-              >
-                <option value="">— Chọn điều khoản —</option>
-                {PAYMENT_PRESETS.map(p => (
-                  <option key={p} value={p}>{p}</option>
-                ))}
-                <option value={PAYMENT_CUSTOM}>Khác (nhập tay)</option>
-              </Select>
-              {isPaymentCustom && (
-                /* S59 UAT "nhập tay chỉ được 1 dòng?" → Textarea đa dòng (render
-                   detail đã whitespace-pre-wrap sẵn nên xuống dòng hiển thị đúng). */
-                <Textarea
-                  rows={3}
-                  value={form.paymentTerms}
-                  onChange={e => setForm({ ...form, paymentTerms: e.target.value })}
-                  placeholder={'Nhập điều khoản tùy chỉnh — Enter để xuống dòng, vd:\n1. Tạm ứng: 10%\n2. Thanh toán hàng tháng: 80% - 45 ngày'}
-                  className="mt-2"
-                />
-              )}
-            </div>
           </div>
         </Section>
 
diff --git a/fe-user/src/components/pe/PeDetailTabs.tsx b/fe-user/src/components/pe/PeDetailTabs.tsx
index b0725ac..c6febc9 100644
--- a/fe-user/src/components/pe/PeDetailTabs.tsx
+++ b/fe-user/src/components/pe/PeDetailTabs.tsx
@@ -13,7 +13,6 @@ import { Input } from '@/components/ui/Input'
 import { Label } from '@/components/ui/Label'
 import { SearchableSelect } from '@/components/ui/SearchableSelect'
 import { Select } from '@/components/ui/Select'
-import { Textarea } from '@/components/ui/Textarea'
 import { api } from '@/lib/api'
 import { getErrorMessage } from '@/lib/apiError'
 import { cn } from '@/lib/cn'
@@ -722,16 +721,9 @@ function InfoTab({ ev, readOnly, autoEdit }: { ev: PeDetailBundle; readOnly: boo
             placeholder="Phương án A: ..."
           />
         </div>
-        <div className="md:col-span-2">
-          <Label className="text-[11px]">Điều khoản thanh toán</Label>
-          {/* S59 UAT "nhập tay chỉ được 1 dòng?" → Textarea đa dòng (render đã pre-wrap). */}
-          <Textarea
-            rows={3}
-            value={paymentTerms}
-            onChange={e => setPaymentTerms(e.target.value)}
-            placeholder={'Nhập điều khoản — Enter để xuống dòng'}
-          />
-        </div>
+        {/* S59 vòng 5: field "Điều khoản thanh toán" GỠ khỏi inline-edit (anh chốt
+            "bỏ nốt ra luôn tất cả các form"). State paymentTerms giữ — save giữ nguyên
+            data cũ; phiếu đã nhập vẫn hiển thị read-only ở header info. */}
       </div>
       <div className="flex items-center justify-end gap-2">
         <Button
diff --git a/fe-user/src/components/pe/PeHeaderForm.tsx b/fe-user/src/components/pe/PeHeaderForm.tsx
index bb0f0a3..d6d58f7 100644
--- a/fe-user/src/components/pe/PeHeaderForm.tsx
+++ b/fe-user/src/components/pe/PeHeaderForm.tsx
@@ -307,15 +307,8 @@ export function PeHeaderForm({
         <Textarea rows={3} value={form.moTa} onChange={e => setForm({ ...form, moTa: e.target.value })} />
       </div>
 
-      <div>
-        <Label>Điều khoản thanh toán (JSON hoặc text)</Label>
-        <Textarea
-          rows={3}
-          value={form.paymentTerms}
-          onChange={e => setForm({ ...form, paymentTerms: e.target.value })}
-          placeholder='{"tamUng":"10%","thanhToanTam":"100% W.done","quyetToan":"Final Account","baoHanh":"5%"}'
-        />
-      </div>
+      {/* S59 vòng 5: field "Điều khoản thanh toán" GỠ khỏi form (anh chốt). State
+          paymentTerms giữ — load từ phiếu cũ + save giữ nguyên, data cũ KHÔNG mất. */}
 
       <div className="flex justify-end gap-2">
         {onCancel && (
diff --git a/fe-user/src/components/pe/PeWorkspaceCreateView.tsx b/fe-user/src/components/pe/PeWorkspaceCreateView.tsx
index c993fdf..717a0c6 100644
--- a/fe-user/src/components/pe/PeWorkspaceCreateView.tsx
+++ b/fe-user/src/components/pe/PeWorkspaceCreateView.tsx
@@ -15,7 +15,6 @@ import { Input } from '@/components/ui/Input'
 import { Label } from '@/components/ui/Label'
 import { SearchableSelect } from '@/components/ui/SearchableSelect'
 import { Select } from '@/components/ui/Select'
-import { Textarea } from '@/components/ui/Textarea'
 import { api } from '@/lib/api'
 import { getErrorMessage } from '@/lib/apiError'
 import { PurchaseEvaluationTypeLabel } from '@/types/purchaseEvaluation'
@@ -36,21 +35,10 @@ type WorkItemOption = {
   isActive?: boolean
 }
 
-// Preset điều khoản thanh toán phổ biến — user chọn 1 trong list, hoặc "Khác"
-// để nhập tay. Save as plain text (không JSON như cũ — code-style không phù
-// hợp UI cho end-user). User 2026-05-07 chỉnh.
-const PAYMENT_PRESETS = [
-  '100% sau khi nghiệm thu',
-  'Tạm ứng 30% / Thanh toán 70% sau nghiệm thu',
-  'Tạm ứng 50% / Thanh toán 50% sau nghiệm thu',
-  'TGN-30 ngày (Thanh toán giao nhận 30 ngày)',
-  'TGN-45 ngày',
-  'TGN-60 ngày',
-  'Tiến độ theo từng đợt',
-  'Bảo hành 5% trong 12 tháng',
-] as const
-
-const PAYMENT_CUSTOM = '__custom__'
+// S59 UAT vòng 5 (anh chốt "điều khoản thanh toán bỏ nốt ra luôn tất cả các form"):
+// field Điều khoản TT phiếu-level GỠ khỏi mọi form (Create/HeaderForm/inline-edit).
+// PAYMENT_PRESETS + PAYMENT_CUSTOM drop. Cột "Điều khoản TT" per-NCC trong bảng
+// so sánh GIỮ (data của từng NCC, khác field). Phiếu cũ đã nhập → display read-only.
 
 export function PeWorkspaceCreateView({
   defaultType,
@@ -80,8 +68,6 @@ export function PeWorkspaceCreateView({
     approvalWorkflowId: '',
   })
   // Payment terms: select preset OR "Khác" → text input
-  const [paymentMode, setPaymentMode] = useState<string>('')  // '' / preset / __custom__
-  const isPaymentCustom = paymentMode === PAYMENT_CUSTOM
 
   const projects = useQuery({
     queryKey: ['all-projects'],
@@ -142,7 +128,7 @@ export function PeWorkspaceCreateView({
         workItemId: form.workItemId || null,
         diaDiem: form.diaDiem || null,
         moTa: form.moTa || null,
-        paymentTerms: form.paymentTerms || null,
+        paymentTerms: null, // S59 vòng 5: field gỡ khỏi form
         approvalWorkflowId: form.approvalWorkflowId || null,
         ...budgetPayload,
       })
@@ -261,38 +247,6 @@ export function PeWorkspaceCreateView({
                 placeholder="Phương án A: ..."
               />
             </div>
-            <div className="md:col-span-2">
-              <Label className="text-[11px]">Điều khoản thanh toán</Label>
-              <Select
-                value={paymentMode}
-                onChange={e => {
-                  const v = e.target.value
-                  setPaymentMode(v)
-                  if (v === '' || v === PAYMENT_CUSTOM) {
-                    setForm(f => ({ ...f, paymentTerms: '' }))
-                  } else {
-                    setForm(f => ({ ...f, paymentTerms: v }))
-                  }
-                }}
-              >
-                <option value="">— Chọn điều khoản —</option>
-                {PAYMENT_PRESETS.map(p => (
-                  <option key={p} value={p}>{p}</option>
-                ))}
-                <option value={PAYMENT_CUSTOM}>Khác (nhập tay)</option>
-              </Select>
-              {isPaymentCustom && (
-                /* S59 UAT "nhập tay chỉ được 1 dòng?" → Textarea đa dòng (render
-                   detail đã whitespace-pre-wrap sẵn nên xuống dòng hiển thị đúng). */
-                <Textarea
-                  rows={3}
-                  value={form.paymentTerms}
-                  onChange={e => setForm({ ...form, paymentTerms: e.target.value })}
-                  placeholder={'Nhập điều khoản tùy chỉnh — Enter để xuống dòng, vd:\n1. Tạm ứng: 10%\n2. Thanh toán hàng tháng: 80% - 45 ngày'}
-                  className="mt-2"
-                />
-              )}
-            </div>
           </div>
         </Section>