Administrator/dashboard-completo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualizar frontend/src/pages/Comisiones.jsx

Browse Source
This commit is contained in:
Administrator
2026-09-22 10:22:48 -05:00
parent fd4e765908
commit 8e87d6581a
1 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/pages/Comisiones.jsx
View File

@@ -47,7 +47,7 @@ export default function Comisiones() {
const [modalAdd, setModalAdd] = useState(false); const [modalAdd, setModalAdd] = useState(false);
const [modalBuscar, setModalBuscar] = useState(false); const [modalBuscar, setModalBuscar] = useState(false);
const [modalConfig, setModalConfig] = useState(false); const [modalConfig, setModalConfig] = useState(false);
const cols = useColumnasAjustables([200, 160, 150, 160, 150, 130, 110]); const cols = useColumnasAjustables([200, 160, 150, 160, 150, 130, 160]);
// Carga TODOS los manuales del año (una sola vez por año) → cambio de mes instantáneo // Carga TODOS los manuales del año (una sola vez por año) → cambio de mes instantáneo
function cargarManuales() { function cargarManuales() {
@@ -62,10 +62,10 @@ export default function Comisiones() {
[manualesAno, mes] [manualesAno, mes]
); );
// Tabla de ventas (depende del mes, sede y programa) // Tabla de ventas (depende del mes, sede y programa) — Comisiones SÍ aplica overrides
function cargarTabla() { function cargarTabla() {
setLoading(true); setError(null); setLoading(true); setError(null);
api.ventas(ano, mes, sede, programa) api.ventas(ano, mes, sede, programa, true)
.then((res) => { setFilas(res.filas || []); setLoading(false); }) .then((res) => { setFilas(res.filas || []); setLoading(false); })
.catch((e) => { setError(e.message); setLoading(false); }); .catch((e) => { setError(e.message); setLoading(false); });
} }
@@ -73,7 +73,7 @@ export default function Comisiones() {
useEffect(() => { useEffect(() => {
let activo = true; let activo = true;
setLoading(true); setError(null); setLoading(true); setError(null);
api.ventas(ano, mes, sede, programa) api.ventas(ano, mes, sede, programa, true)
.then((res) => { if (activo) { setFilas(res.filas || []); setLoading(false); } }) .then((res) => { if (activo) { setFilas(res.filas || []); setLoading(false); } })
.catch((e) => { if (activo) { setError(e.message); setLoading(false); } }); .catch((e) => { if (activo) { setError(e.message); setLoading(false); } });
return () => { activo = false; }; return () => { activo = false; };
@@ -138,10 +138,12 @@ export default function Comisiones() {
<td style={C}>{f[5]}</td><td style={C}>{fmt(f[6])}</td> <td style={C}>{f[5]}</td><td style={C}>{fmt(f[6])}</td>
<td style={{...C,fontWeight:600}}>{fmt(f[7])}</td> <td style={{...C,fontWeight:600}}>{fmt(f[7])}</td>
<td style={C}> <td style={C}>
<button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11,marginRight:4}} <div style={{display:"flex",gap:4,justifyContent:"center",flexWrap:"nowrap"}}>
onClick={() => setModal({ vendedor: f[0] })}>👁️ Ver</button> <button className="btn btn-ghost" title="Ver" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
<button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11}} onClick={() => setModal({ vendedor: f[0] })}>👁️ Ver</button>
onClick={() => setModalEdit({ vendedor: f[0] })}>✏️ Editar</button> <button className="btn btn-ghost" title="Editar" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
onClick={() => setModalEdit({ vendedor: f[0] })}>✏️ Editar</button>
</div>
</td> </td>
</tr> </tr>
))} ))}
@@ -154,10 +156,12 @@ export default function Comisiones() {
<td style={C}>—</td><td style={C}>—</td> <td style={C}>—</td><td style={C}>—</td>
<td style={{...C,fontWeight:600}}>{fmt(g.totalMonto)}</td> <td style={{...C,fontWeight:600}}>{fmt(g.totalMonto)}</td>
<td style={C}> <td style={C}>
<button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11,marginRight:4}} <div style={{display:"flex",gap:4,justifyContent:"center",flexWrap:"nowrap"}}>
onClick={() => setModal({ vendedor: g.nombre, manual: g })}>👁️ Ver</button> <button className="btn btn-ghost" title="Ver" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
<button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11}} onClick={() => setModal({ vendedor: g.nombre, manual: g })}>👁️ Ver</button>
onClick={() => setModalEditManual({ nombre: g.nombre })}>✏️ Editar</button> <button className="btn btn-ghost" title="Editar" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
onClick={() => setModalEditManual({ nombre: g.nombre })}>✏️ Editar</button>
</div>
</td> </td>
</tr> </tr>
))} ))}