From 266af59bc60b8707c550db795718276101118cf0 Mon Sep 17 00:00:00 2001
From: George <george@MacBook-Air-de-George.local>
Date: Mon, 17 Aug 2026 16:46:55 -0500
Subject: [PATCH] =?UTF-8?q?cambios=20en=20frontend=20de=20Lotes=20(BatchNu?=
 =?UTF-8?q?mberDetails)=20colocando=20campos=20de=20usuario=20para=20visua?=
 =?UTF-8?q?lizaci=C3=B3n=20y=20actualizaci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mini-frontend/src/components/BatchForm.tsx    | 26 +++++++--------
 .../inventario/BatchNumberDetailsList.tsx     | 32 +++++++++++++++++++
 2 files changed, 45 insertions(+), 13 deletions(-)

diff --git a/mini-frontend/src/components/BatchForm.tsx b/mini-frontend/src/components/BatchForm.tsx
index 2bafa63..b457e5d 100644
--- a/mini-frontend/src/components/BatchForm.tsx
+++ b/mini-frontend/src/components/BatchForm.tsx
@@ -196,26 +196,26 @@ export default function BatchForm({ batchId, backPath }: BatchFormProps) {
           />
           <FormattedField
             type="date"
-            label="Fecha Ingreso"
+            label="Fecha Ingreso (AdmissionDate)"
             value={batch.AdmissionDate}
             mode="display"
           />
           <FormattedField
             type="date"
-            label="Fecha Fabricación"
+            label="Fecha Fabricación (ManufacturingDate)"
             value={batch.ManufacturingDate}
             mode="display"
           />
           <FormattedField
             type="date"
-            label="Fecha Vencimiento"
+            label="Fecha Vencimiento (ExpirationDate)"
             value={batch.ExpirationDate}
             mode="input"
             name="ExpirationDate"
             onChange={handleChange}
           />
           <SelectField
-            label="Estado de Aprobación"
+            label="Estado de Aprobación (U_SIS_ESTLOT)"
             options={BATCH_STATUS_APROBACION}
             value={batch.EstadoAprobacion ?? ""}
             onChange={handleSelectChange("EstadoAprobacion")}
@@ -225,7 +225,7 @@ export default function BatchForm({ batchId, backPath }: BatchFormProps) {
 
           <FormattedField
             type="date"
-            label="Fecha de Aprobación"
+            label="Fecha de Aprobación (U_SIS_FECAPROB)"
             value={batch.FechaAprobacion}
             mode="input"
             name="FechaAprobacion"
@@ -233,7 +233,7 @@ export default function BatchForm({ batchId, backPath }: BatchFormProps) {
           />
           <FormattedField
             type="text"
-            label="Responsable de Aprobación"
+            label="Responsable de Aprobación (U_SIS_RESPAPROB)"
             value={batch.ResponsableAprobacion}
             mode="input"
             name="ResponsableAprobacion"
@@ -241,14 +241,14 @@ export default function BatchForm({ batchId, backPath }: BatchFormProps) {
           />
           <FormattedField
             type="text"
-            label="Observaciones"
+            label="Observaciones (U_SIS_OBSER)"
             value={batch.Observaciones}
             mode="input"
             name="Observaciones"
             onChange={handleChange}
           />
           <SelectField
-            label="Estado de Liberación"
+            label="Estado de Liberación (U_SIS_ESTLIB)"
             options={BATCH_STATUS_LIBERACION}
             value={batch.EstadoLiberacion ?? ""}
             onChange={handleSelectChange("EstadoLiberacion")}
@@ -257,7 +257,7 @@ export default function BatchForm({ batchId, backPath }: BatchFormProps) {
           />
           <FormattedField
             type="date"
-            label="Fecha de Liberación"
+            label="Fecha de Liberación (U_SIS_FECLIB)"
             value={batch.FechaLiberacion}
             mode="input"
             name="FechaLiberacion"
@@ -265,7 +265,7 @@ export default function BatchForm({ batchId, backPath }: BatchFormProps) {
           />
           <FormattedField
             type="text"
-            label="Hora de Liberación"
+            label="Hora de Liberación (U_SIS_HORAPROB)"
             value={batch.HoraAprobacion}
             mode="input"
             name="HoraAprobacion"
@@ -273,9 +273,9 @@ export default function BatchForm({ batchId, backPath }: BatchFormProps) {
           />
         </div>
 
-        <div className="p-3 bg-[var(--color-bg)] border border-[var(--color-border)]">
+        {/* <div className="p-3 bg-[var(--color-bg)] border border-[var(--color-border)]">
           <label className="block text-[var(--color-text-muted)] font-medium mb-1">
-            Detalles / Observaciones
+            Detalles / Observaciones (Details)
           </label>
           <textarea
             name="Details"
@@ -284,7 +284,7 @@ export default function BatchForm({ batchId, backPath }: BatchFormProps) {
             rows={3}
             className="w-full px-2 py-1.5 border border-[var(--color-input-border)] bg-[var(--color-surface)] rounded-none outline-none focus:border-[var(--color-input-focus)] text-xs"
           />
-        </div>
+        </div> */}
 
         <div className="flex justify-end pt-4 border-t border-[var(--color-border-light)] space-x-2">
           <button
diff --git a/mini-frontend/src/views/inventario/BatchNumberDetailsList.tsx b/mini-frontend/src/views/inventario/BatchNumberDetailsList.tsx
index d931c0e..25399a1 100644
--- a/mini-frontend/src/views/inventario/BatchNumberDetailsList.tsx
+++ b/mini-frontend/src/views/inventario/BatchNumberDetailsList.tsx
@@ -1,5 +1,6 @@
 import ListViewTemplate from "../../components/ui/ListViewTemplate";
 import type { Column } from "../../types/table";
+import type { FilterConfig } from "../../types/filters";
 import {
   BATCH_STATUS_APROBACION,
   BATCH_STATUS_LIBERACION,
@@ -7,10 +8,39 @@ import {
 import StatusBadge from "../../components/ui/StatusBadge";
 import { getStatusColors } from "../../utils/statusColors";
 
+const filters: FilterConfig[] = [
+  {
+    key: "AdmissionDate",
+    label: "Fecha Ingreso",
+    type: "date",
+  },
+  {
+    key: "BatchAttribute1",
+    label: "Atributo 1",
+    type: "text",
+  },
+  {
+    key: "BatchAttribute2",
+    label: "Atributo 2",
+    type: "text",
+  },
+  {
+    key: "ItemCode",
+    label: "Código Artículo",
+    type: "text",
+  },
+  {
+    key: "ItemDescription",
+    label: "Descripción",
+    type: "text",
+  },
+];
+
 export default function BatchNumberDetailsList() {
   const columns: Column[] = [
     { key: "Batch", title: "Lote", width: "140px" },
     { key: "ItemCode", title: "Código Artículo", width: "120px" },
+    { key: "ItemDescription", title: "Descripción", width: "200px" },
     { key: "BatchAttribute1", title: "Atributo 1", width: "100px" },
     { key: "BatchAttribute2", title: "Atributo 2", width: "100px" },
     {
@@ -103,6 +133,7 @@ export default function BatchNumberDetailsList() {
         "ManufacturingDate",
         "ExpirationDate",
         "ItemCode",
+        "ItemDescription",
         "Details",
         "U_SIS_ESTLOT",
         "U_SIS_FECAPROB",
@@ -120,6 +151,7 @@ export default function BatchNumberDetailsList() {
       defaultSelectedColumn="Batch"
       errorMessage="Error al obtener el listado de lotes"
       rowKey="DocEntry"
+      filters={filters}
     />
   );
 }